@feugene/granularity 0.9.0 → 0.9.2

package/dist/chunks/{config-BK6Odc3T.js → config-C5OwJM3-.js}

@@ -1,5 +1,5 @@
 import { t as splitClassTokens } from "./classTokens-BPeBXNzu.js";
-import { a as panelBase, c as panelTransition, d as shell, i as overlayTransition, l as panelWidthBySize, n as layout, o as panelHeightBySize, r as overlay, s as panelRadiusBySize, u as root } from "./grModalStyles-Dv2NXBKi.js";
+import { a as panelBase, c as panelTransition, d as shell, i as overlayTransition, l as panelWidthBySize, n as layout, o as panelHeightBySize, r as overlay, s as panelRadiusBySize, u as root } from "./grModalStyles-DS1Vl6EW.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrModal/safelist.ts
 function flattenTransition(stages) {

package/dist/chunks/{config-BK6Odc3T.js.map → config-C5OwJM3-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-BK6Odc3T.js","names":[],"sources":["../../src/components/GrModal/safelist.ts","../../src/components/GrModal/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  layout,\n  overlay,\n  overlayTransition,\n  panelBase,\n  panelHeightBySize,\n  panelRadiusBySize,\n  panelTransition,\n  panelWidthBySize,\n  root,\n  shell,\n} from './grModalStyles'\n\ntype GrModalClassTokens = {\n  root: readonly string[]\n  shell: readonly string[]\n  layout: readonly string[]\n  overlay: readonly string[]\n  overlayTransition: readonly string[]\n  panelBase: readonly string[]\n  panelTransition: readonly string[]\n  panelWidth: readonly string[]\n  panelRadius: readonly string[]\n  panelHeight: readonly string[]\n}\n\nfunction flattenTransition(stages: Record<string, string>): string[] {\n  return Object.values(stages).flatMap(splitClassTokens)\n}\n\nexport const grModalClassTokens: GrModalClassTokens = {\n  root: splitClassTokens(root),\n  shell: splitClassTokens(shell),\n  layout: splitClassTokens(layout),\n  overlay: splitClassTokens(overlay),\n  overlayTransition: flattenTransition(overlayTransition),\n  panelBase: splitClassTokens(panelBase),\n  panelTransition: flattenTransition(panelTransition),\n  panelWidth: Object.values(panelWidthBySize).flatMap(splitClassTokens),\n  panelRadius: Object.values(panelRadiusBySize).flatMap(splitClassTokens),\n  panelHeight: Object.values(panelHeightBySize).flatMap(v => splitClassTokens(v ?? '')),\n}\n\nexport const grModalSafelist = [...new Set([\n  ...grModalClassTokens.root,\n  ...grModalClassTokens.shell,\n  ...grModalClassTokens.layout,\n  ...grModalClassTokens.overlay,\n  ...grModalClassTokens.overlayTransition,\n  ...grModalClassTokens.panelBase,\n  ...grModalClassTokens.panelTransition,\n  ...grModalClassTokens.panelWidth,\n  ...grModalClassTokens.panelRadius,\n  ...grModalClassTokens.panelHeight,\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grModalSafelist } from './safelist'\n\nexport const grModalConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrModal',\n  safelist: grModalSafelist,\n})"],"mappings":";;;;AA2BA,SAAS,kBAAkB,QAA0C;AACnE,QAAO,OAAO,OAAO,OAAO,CAAC,QAAQ,iBAAiB;;AAGxD,IAAa,qBAAyC;CACpD,MAAM,iBAAiB,KAAK;CAC5B,OAAO,iBAAiB,MAAM;CAC9B,QAAQ,iBAAiB,OAAO;CAChC,SAAS,iBAAiB,QAAQ;CAClC,mBAAmB,kBAAkB,kBAAkB;CACvD,WAAW,iBAAiB,UAAU;CACtC,iBAAiB,kBAAkB,gBAAgB;CACnD,YAAY,OAAO,OAAO,iBAAiB,CAAC,QAAQ,iBAAiB;CACrE,aAAa,OAAO,OAAO,kBAAkB,CAAC,QAAQ,iBAAiB;CACvE,aAAa,OAAO,OAAO,kBAAkB,CAAC,SAAQ,MAAK,iBAAiB,KAAK,GAAG,CAAC;CACtF;AAED,IAAa,kBAAkB,CAAC,GAAG,IAAI,IAAI;CACzC,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACvB,CAAC,CAAC;;;ACnDH,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK;CACpE,MAAM;CACN,UAAU;CACX,CAAA"}
+{"version":3,"file":"config-C5OwJM3-.js","names":[],"sources":["../../src/components/GrModal/safelist.ts","../../src/components/GrModal/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  layout,\n  overlay,\n  overlayTransition,\n  panelBase,\n  panelHeightBySize,\n  panelRadiusBySize,\n  panelTransition,\n  panelWidthBySize,\n  root,\n  shell,\n} from './grModalStyles'\n\ntype GrModalClassTokens = {\n  root: readonly string[]\n  shell: readonly string[]\n  layout: readonly string[]\n  overlay: readonly string[]\n  overlayTransition: readonly string[]\n  panelBase: readonly string[]\n  panelTransition: readonly string[]\n  panelWidth: readonly string[]\n  panelRadius: readonly string[]\n  panelHeight: readonly string[]\n}\n\nfunction flattenTransition(stages: Record<string, string>): string[] {\n  return Object.values(stages).flatMap(splitClassTokens)\n}\n\nexport const grModalClassTokens: GrModalClassTokens = {\n  root: splitClassTokens(root),\n  shell: splitClassTokens(shell),\n  layout: splitClassTokens(layout),\n  overlay: splitClassTokens(overlay),\n  overlayTransition: flattenTransition(overlayTransition),\n  panelBase: splitClassTokens(panelBase),\n  panelTransition: flattenTransition(panelTransition),\n  panelWidth: Object.values(panelWidthBySize).flatMap(splitClassTokens),\n  panelRadius: Object.values(panelRadiusBySize).flatMap(splitClassTokens),\n  panelHeight: Object.values(panelHeightBySize).flatMap(v => splitClassTokens(v ?? '')),\n}\n\nexport const grModalSafelist = [...new Set([\n  ...grModalClassTokens.root,\n  ...grModalClassTokens.shell,\n  ...grModalClassTokens.layout,\n  ...grModalClassTokens.overlay,\n  ...grModalClassTokens.overlayTransition,\n  ...grModalClassTokens.panelBase,\n  ...grModalClassTokens.panelTransition,\n  ...grModalClassTokens.panelWidth,\n  ...grModalClassTokens.panelRadius,\n  ...grModalClassTokens.panelHeight,\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grModalSafelist } from './safelist'\n\nexport const grModalConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrModal',\n  safelist: grModalSafelist,\n})"],"mappings":";;;;AA2BA,SAAS,kBAAkB,QAA0C;AACnE,QAAO,OAAO,OAAO,OAAO,CAAC,QAAQ,iBAAiB;;AAGxD,IAAa,qBAAyC;CACpD,MAAM,iBAAiB,KAAK;CAC5B,OAAO,iBAAiB,MAAM;CAC9B,QAAQ,iBAAiB,OAAO;CAChC,SAAS,iBAAiB,QAAQ;CAClC,mBAAmB,kBAAkB,kBAAkB;CACvD,WAAW,iBAAiB,UAAU;CACtC,iBAAiB,kBAAkB,gBAAgB;CACnD,YAAY,OAAO,OAAO,iBAAiB,CAAC,QAAQ,iBAAiB;CACrE,aAAa,OAAO,OAAO,kBAAkB,CAAC,QAAQ,iBAAiB;CACvE,aAAa,OAAO,OAAO,kBAAkB,CAAC,SAAQ,MAAK,iBAAiB,KAAK,GAAG,CAAC;CACtF;AAED,IAAa,kBAAkB,CAAC,GAAG,IAAI,IAAI;CACzC,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACvB,CAAC,CAAC;;;ACnDH,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK;CACpE,MAAM;CACN,UAAU;CACX,CAAA"}

package/dist/chunks/{grModalStyles-Dv2NXBKi.js.map → grModalStyles-DS1Vl6EW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"grModalStyles-Dv2NXBKi.js","names":[],"sources":["../../src/components/GrModal/grModalStyles.ts"],"sourcesContent":["export type GrModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full'\n\n// Корневые утилитарные классы, используемые шаблоном `GrModal.vue`.\n// Они же являются единственным источником истины для safelist.\nexport const root = 'fixed inset-0 z-50'\nexport const shell = 'fixed inset-0 overflow-y-auto p-4 sm:p-6'\nexport const layout = 'min-h-full flex items-center justify-center'\nexport const overlay = 'fixed inset-0 z-0 bg-black/40'\n\n// Классы для `<TransitionChild :enter=\"...\" :enter-from=\"...\" ...>`.\n// Разбиты по фазам транзишна, чтобы не склеивать их в «мешок токенов».\nexport const overlayTransition = {\n  enter: 'duration-200 ease-out',\n  enterFrom: 'opacity-0',\n  enterTo: 'opacity-100',\n  leave: 'duration-150 ease-in',\n  leaveFrom: 'opacity-100',\n  leaveTo: 'opacity-0',\n} as const\n\nexport const panelTransition = {\n  enter: 'duration-200 ease-out',\n  enterFrom: 'opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95',\n  enterTo: 'opacity-100 translate-y-0 sm:scale-100',\n  leave: 'duration-150 ease-in',\n  leaveFrom: 'opacity-100 translate-y-0 sm:scale-100',\n  leaveTo: 'opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95',\n} as const\n\nexport const panelBase\n  = 'w-full overflow-hidden relative z-10 border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] outline-none'\n\nexport const panelWidthBySize: Record<GrModalSize, string> = {\n  sm: 'max-w-[420px]',\n  md: 'max-w-[560px]',\n  lg: 'max-w-[720px]',\n  xl: 'max-w-[920px]',\n  full: 'max-w-none',\n}\n\nexport const panelRadiusBySize: Record<GrModalSize, string> = {\n  sm: 'rounded-[var(--ds-radius-xl)]',\n  md: 'rounded-[var(--ds-radius-xl)]',\n  lg: 'rounded-[var(--ds-radius-xl)]',\n  xl: 'rounded-[var(--ds-radius-xl)]',\n  full: 'rounded-none sm:rounded-[var(--ds-radius-xl)]',\n}\n\n// Для большинства размеров высота не задаётся — `Partial` + фильтрация пустых\n// значений в `getGrModalPanelClass` избавляют от двойных пробелов.\nexport const panelHeightBySize: Partial<Record<GrModalSize, string>> = {\n  full: 'h-[100svh] sm:h-auto',\n}\n\nexport function getGrModalPanelClass(size: GrModalSize): string {\n  return [\n    panelBase,\n    panelWidthBySize[size],\n    panelHeightBySize[size],\n    panelRadiusBySize[size],\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n"],"mappings":";AAIA,IAAa,OAAO;AACpB,IAAa,QAAQ;AACrB,IAAa,SAAS;AACtB,IAAa,UAAU;AAIvB,IAAa,oBAAoB;CAC/B,OAAO;CACP,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,SAAS;CACV;AAED,IAAa,kBAAkB;CAC7B,OAAO;CACP,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,SAAS;CACV;AAED,IAAa,YACT;AAEJ,IAAa,mBAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;CACP;AAED,IAAa,oBAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;CACP;AAID,IAAa,oBAA0D,EACrE,MAAM,wBACP;AAED,SAAgB,qBAAqB,MAA2B;AAC9D,QAAO;EACL;EACA,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EACnB,CACE,OAAO,QAAQ,CACf,KAAK,IAAI"}
+{"version":3,"file":"grModalStyles-DS1Vl6EW.js","names":[],"sources":["../../src/components/GrModal/grModalStyles.ts"],"sourcesContent":["export type GrModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full'\n\n// Корневые утилитарные классы, используемые шаблоном `GrModal.vue`.\n// Они же являются единственным источником истины для safelist.\nexport const root = 'fixed inset-0 z-50'\nexport const shell = 'fixed inset-0 overflow-y-auto p-4 sm:p-6'\nexport const layout = 'min-h-full flex items-center justify-center'\nexport const overlay = 'fixed inset-0 z-0 bg-black/40'\n\n// Классы для `<TransitionChild :enter=\"...\" :enter-from=\"...\" ...>`.\n// Разбиты по фазам транзишна, чтобы не склеивать их в «мешок токенов».\nexport const overlayTransition = {\n  enter: 'duration-200 ease-out',\n  enterFrom: 'opacity-0',\n  enterTo: 'opacity-100',\n  leave: 'duration-150 ease-in',\n  leaveFrom: 'opacity-100',\n  leaveTo: 'opacity-0',\n} as const\n\nexport const panelTransition = {\n  enter: 'duration-200 ease-out',\n  enterFrom: 'opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95',\n  enterTo: 'opacity-100 translate-y-0 sm:scale-100',\n  leave: 'duration-150 ease-in',\n  leaveFrom: 'opacity-100 translate-y-0 sm:scale-100',\n  leaveTo: 'opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95',\n} as const\n\nexport const panelBase\n  = 'w-full overflow-hidden relative z-10 border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] outline-none'\n\nexport const panelWidthBySize: Record<GrModalSize, string> = {\n  sm: 'max-w-[420px]',\n  md: 'max-w-[560px]',\n  lg: 'max-w-[720px]',\n  xl: 'max-w-[920px]',\n  full: 'max-w-none',\n}\n\nexport const panelRadiusBySize: Record<GrModalSize, string> = {\n  sm: 'rounded-[var(--ds-radius-xl)]',\n  md: 'rounded-[var(--ds-radius-xl)]',\n  lg: 'rounded-[var(--ds-radius-xl)]',\n  xl: 'rounded-[var(--ds-radius-xl)]',\n  full: 'rounded-none sm:rounded-[var(--ds-radius-xl)]',\n}\n\n// Для большинства размеров высота не задаётся — `Partial` + фильтрация пустых\n// значений в `getGrModalPanelClass` избавляют от двойных пробелов.\nexport const panelHeightBySize: Partial<Record<GrModalSize, string>> = {\n  full: 'h-[100svh] sm:h-auto',\n}\n\nexport function getGrModalPanelClass(size: GrModalSize): string {\n  return [\n    panelBase,\n    panelWidthBySize[size],\n    panelHeightBySize[size],\n    panelRadiusBySize[size],\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n"],"mappings":";AAIA,IAAa,OAAO;AACpB,IAAa,QAAQ;AACrB,IAAa,SAAS;AACtB,IAAa,UAAU;AAIvB,IAAa,oBAAoB;CAC/B,OAAO;CACP,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,SAAS;CACV;AAED,IAAa,kBAAkB;CAC7B,OAAO;CACP,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,SAAS;CACV;AAED,IAAa,YACT;AAEJ,IAAa,mBAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;CACP;AAED,IAAa,oBAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;CACP;AAID,IAAa,oBAA0D,EACrE,MAAM,wBACP;AAED,SAAgB,qBAAqB,MAA2B;AAC9D,QAAO;EACL;EACA,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EACnB,CACE,OAAO,QAAQ,CACf,KAAK,IAAI"}

package/dist/chunks/{shared-D24hqkyM.js → shared-BiqXd5MW.js}

@@ -26,7 +26,7 @@ import { t as grInputTagConfig } from "./config-BnWSHTEU.js";
 import { t as grLinkConfig } from "./config-CpMYmvVT.js";
 import { t as grListConfig } from "./config-DSBlHQVa.js";
 import { t as grLoadingConfig } from "./config-d386uO3O.js";
-import { t as grModalConfig } from "./config-BK6Odc3T.js";
+import { t as grModalConfig } from "./config-C5OwJM3-.js";
 import { t as grNavbarConfig } from "./config-Ci9nXGUV.js";
 import { t as grNumberInputConfig } from "./config-CdJpnjDj.js";
 import { t as grPaginationConfig } from "./config-iuMz79Mg.js";

package/dist/chunks/{shared-D24hqkyM.js.map → shared-BiqXd5MW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"shared-D24hqkyM.js","names":[],"sources":["../../src/components/GrDialog/config.ts","../../src/components/GrResponseErrorBanner/config.ts","../../src/granular-provider/shared.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grDialogSafelist } from './safelist'\n\nexport const grDialogConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDialog',\n  dependencies: ['GrButton', 'GrModal'],\n  safelist: grDialogSafelist,\n})\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grResponseErrorBannerConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrResponseErrorBanner',\n  dependencies: ['GrAlert', 'GrButton'],\n})\n","// Общий код browser- и node-entry granular-provider'а.\n//\n// Оба entry (`./index.ts`, `./node.ts`) отличаются только списком\n// компонентов, у которых есть node-only вариант конфига (например,\n// `GrButton`, чей `config.node.ts` использует `tokenDefinitionsFromCssSync`\n// и тянет `node:fs`). Browser-вариант таких компонентов берёт облегчённый\n// `./config.ts`, node-вариант — `./config.node.ts`. Всё остальное — `id`,\n// `theme.*`, `packageBaseUrl` и полный список browser-safe компонентов —\n// живёт здесь.\n//\n// ВАЖНО: все `new URL('../styles/...', import.meta.url)` намеренно находятся\n// здесь — `shared.ts` лежит в той же директории, что и `index.ts` / `node.ts`,\n// поэтому относительные пути идентичны. Это ОК для браузера: бандлеры\n// транслируют такие конструкции в статические asset-URL и `node:*` в бандл\n// не утаскивают.\n//\n// Ключи записи `<Name>: ds<Name>Config` в `granularityComponentConfigs`\n// критичны для regex‑парсинга в `apps/showcase/scripts/generate-component-api.mjs`,\n// не ломайте формат.\nimport {\n  defineGranularProvider,\n  type GranularComponentDescriptor,\n  type GranularProvider,\n} from '@feugene/unocss-preset-granular/contract'\nimport { grAlertConfig } from '../components/GrAlert/config'\nimport { grAvatarConfig } from '../components/GrAvatar/config'\nimport { grBadgeConfig } from '../components/GrBadge/config'\nimport { grBadgeWrapConfig } from '../components/GrBadgeWrap/config'\nimport { grBottomNavConfig } from '../components/GrBottomNav/config'\nimport { grButtonConfig } from '../components/GrButton/config'\nimport { grButtonGroupConfig } from '../components/GrButtonGroup/config'\nimport { grCardConfig } from '../components/GrCard/config'\nimport { grCheckboxConfig } from '../components/GrCheckbox/config'\nimport { grCollapseConfig } from '../components/GrCollapse/config'\nimport { grConfirmDialogConfig } from '../components/GrConfirmDialog/config'\nimport { grDataTableConfig } from '../components/GrDataTable/config'\nimport { grDialogConfig } from '../components/GrDialog/config'\nimport { grDrawerConfig } from '../components/GrDrawer/config'\nimport { grDropdownConfig } from '../components/GrDropdown/config'\nimport { grDropdownMenuConfig } from '../components/GrDropdownMenu/config'\nimport { grEmptyStateConfig } from '../components/GrEmptyState/config'\nimport { grFileUploadConfig } from '../components/GrFileUpload/config'\nimport { grFormFieldConfig } from '../components/GrFormField/config'\nimport { grFormFileConfig } from '../components/GrFormFile/config'\nimport { grFormSectionConfig } from '../components/GrFormSection/config'\nimport { grIconConfig } from '../components/GrIcon/config'\nimport { grImageViewerConfig } from '../components/GrImageViewer/config'\nimport { grInputConfig } from '../components/GrInput/config'\nimport { grInputTagConfig } from '../components/GrInputTag/config'\nimport { grLinkConfig } from '../components/GrLink/config'\nimport { grListConfig } from '../components/GrList/config'\nimport { grLoadingConfig } from '../components/GrLoading/config'\nimport { grModalConfig } from '../components/GrModal/config'\nimport { grNavbarConfig } from '../components/GrNavbar/config'\nimport { grNumberInputConfig } from '../components/GrNumberInput/config'\nimport { grPaginationConfig } from '../components/GrPagination/config'\nimport { grProgressBarConfig } from '../components/GrProgressBar/config'\nimport { grPromptDialogConfig } from '../components/GrPromptDialog/config'\nimport { grRadioConfig } from '../components/GrRadio/config'\nimport { grRadioGroupConfig } from '../components/GrRadioGroup/config'\nimport { grResponseErrorBannerConfig } from '../components/GrResponseErrorBanner/config'\nimport { grSegmentedConfig } from '../components/GrSegmented/config'\nimport { grSelectConfig } from '../components/GrSelect/config'\nimport { grSidebarConfig } from '../components/GrSidebar/config'\nimport { grSkeletonConfig } from '../components/GrSkeleton/config'\nimport { grSwitchConfig } from '../components/GrSwitch/config'\nimport { grTableConfig } from '../components/GrTable/config'\nimport { grTabsConfig } from '../components/GrTabs/config'\nimport { grTextareaConfig } from '../components/GrTextarea/config'\nimport { grToasterConfig } from '../components/GrToaster/config'\nimport { grTooltipConfig } from '../components/GrTooltip/config'\nimport { grTreeConfig } from '../components/GrTree/config'\nimport { grTreeSelectConfig } from '../components/GrTreeSelect/config'\n\n/** Идентификатор провайдера — совпадает с именем пакета. */\nexport const GRANULARITY_PROVIDER_ID = '@feugene/granularity'\n\n// runtime-concat: литерал `new URL('..', import.meta.url)` rolldown заменяет\n// на `data:`-URL, поэтому собираем корень пакета из `import.meta.url` вручную\n// (отрезая два последних сегмента: имя файла и каталог `granular-provider/`).\nconst packageBaseUrl = `${import.meta.url.slice(\n  0,\n  import.meta.url.lastIndexOf('/', import.meta.url.lastIndexOf('/') - 1) + 1,\n)}`\n\n/** Встроенные темы пакета. Единственный источник правды о списке тем. */\nexport const granularityThemeNames = ['light', 'dark'] as const\nexport type GranularityThemeName = (typeof granularityThemeNames)[number]\n\n/** Темы, активные по умолчанию, если окружение не переопределяет выбор. */\nexport const granularityDefaultThemes: readonly GranularityThemeName[] = ['light']\n\nconst theme = {\n  baseCssUrl: new URL('../styles/base.css', import.meta.url).href,\n  tokensCssUrl: new URL('../styles/tokens.css', import.meta.url).href,\n  themes: {\n    light: new URL('../styles/themes/light.css', import.meta.url).href,\n    dark: new URL('../styles/themes/dark.css', import.meta.url).href,\n  },\n  defaultThemes: granularityDefaultThemes,\n} as const\n\n/**\n * Полный реестр публичных компонентов пакета `@feugene/granularity`.\n *\n * Ключи — имена компонентов (совпадают с публичным subpath‑экспортом\n * `@feugene/granularity/components/<Name>`). Значения — browser‑safe\n * `ds<Name>Config` из `./config.ts` рядом с SFC.\n *\n * Для компонентов, у которых есть node-only вариант конфига\n * (например, `GrButton` с `tokenDefinitionsFromCssSync`), browser‑конфиг\n * остаётся здесь, а node‑вариант подставляется снаружи через\n * `createGranularityProvider(overrides)` — см. `./index.ts` (browser)\n * и `./node.ts` (node).\n *\n * Формат записи `<Name>: ds<Name>Config` критичен для regex‑парсинга\n * в `apps/showcase/scripts/generate-component-api.mjs`, не ломайте его.\n */\nexport const granularityComponentConfigs = {\n  GrAlert: grAlertConfig,\n  GrAvatar: grAvatarConfig,\n  GrBadge: grBadgeConfig,\n  GrBadgeWrap: grBadgeWrapConfig,\n  GrBottomNav: grBottomNavConfig,\n  GrButton: grButtonConfig,\n  GrButtonGroup: grButtonGroupConfig,\n  GrCard: grCardConfig,\n  GrCheckbox: grCheckboxConfig,\n  GrCollapse: grCollapseConfig,\n  GrConfirmDialog: grConfirmDialogConfig,\n  GrDataTable: grDataTableConfig,\n  GrDialog: grDialogConfig,\n  GrDrawer: grDrawerConfig,\n  GrDropdown: grDropdownConfig,\n  GrDropdownMenu: grDropdownMenuConfig,\n  GrEmptyState: grEmptyStateConfig,\n  GrFileUpload: grFileUploadConfig,\n  GrFormField: grFormFieldConfig,\n  GrFormFile: grFormFileConfig,\n  GrFormSection: grFormSectionConfig,\n  GrIcon: grIconConfig,\n  GrImageViewer: grImageViewerConfig,\n  GrInput: grInputConfig,\n  GrInputTag: grInputTagConfig,\n  GrLink: grLinkConfig,\n  GrList: grListConfig,\n  GrLoading: grLoadingConfig,\n  GrModal: grModalConfig,\n  GrNavbar: grNavbarConfig,\n  GrNumberInput: grNumberInputConfig,\n  GrPagination: grPaginationConfig,\n  GrProgressBar: grProgressBarConfig,\n  GrPromptDialog: grPromptDialogConfig,\n  GrRadio: grRadioConfig,\n  GrRadioGroup: grRadioGroupConfig,\n  GrResponseErrorBanner: grResponseErrorBannerConfig,\n  GrSegmented: grSegmentedConfig,\n  GrSelect: grSelectConfig,\n  GrSidebar: grSidebarConfig,\n  GrSkeleton: grSkeletonConfig,\n  GrSwitch: grSwitchConfig,\n  GrTable: grTableConfig,\n  GrTabs: grTabsConfig,\n  GrTextarea: grTextareaConfig,\n  GrToaster: grToasterConfig,\n  GrTooltip: grTooltipConfig,\n  GrTree: grTreeConfig,\n  GrTreeSelect: grTreeSelectConfig,\n}\n\nexport type GranularityComponentName = keyof typeof granularityComponentConfigs\n\n/** Базовый (browser-safe) набор компонентов в порядке реестра. */\nconst baseComponents: readonly GranularComponentDescriptor[] = Object.values(\n  granularityComponentConfigs,\n)\n\n/**\n * Собирает granular-provider пакета `@feugene/granularity`.\n *\n * Принимает массив `GranularComponentDescriptor`'ов — это компоненты,\n * у которых есть node-only вариант конфига (например, `GrButton` с\n * `tokenDefinitionsFromCssSync`). Дескрипторы с именем, которое уже\n * присутствует в базовом наборе, переопределяют его (побеждает\n * переданный снаружи), остальные — добавляются в конец списка.\n */\nexport function createGranularityProvider(\n  overrides: readonly GranularComponentDescriptor[] = [],\n): GranularProvider {\n  const overrideByName = new Map(\n    overrides.map(component => [component.name, component]),\n  )\n  const components: GranularComponentDescriptor[] = [\n    ...baseComponents.map(component => overrideByName.get(component.name) ?? component),\n    ...overrides.filter(component => !baseComponents.some(base => base.name === component.name)),\n  ]\n\n  return defineGranularProvider({\n    id: GRANULARITY_PROVIDER_ID,\n    contractVersion: 1,\n    packageBaseUrl,\n    components,\n    theme,\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,UAAU;CACrC,UAAU;CACX,CAAC;;;ACNF,IAAa,8BAA8B,wBAAwB,OAAO,KAAK,KAAK;CAClF,MAAM;CACN,cAAc,CAAC,WAAW,WAAW;CACtC,CAAC;;;;ACsEF,IAAa,0BAA0B;AAKvC,IAAM,iBAAiB,GAAG,OAAO,KAAK,IAAI,MACxC,GACA,OAAO,KAAK,IAAI,YAAY,KAAK,OAAO,KAAK,IAAI,YAAY,IAAI,GAAG,EAAE,GAAG,EAC1E;;AAGD,IAAa,wBAAwB,CAAC,SAAS,OAAO;;AAItD,IAAa,2BAA4D,CAAC,QAAQ;AAElF,IAAM,QAAQ;CACZ,YAAY,IAAA,IAAA,i2BAAA,KAAA,OAAA,KAAA,IAA8C,CAAC;CAC3D,cAAc,IAAA,IAAA,iuKAAA,KAAA,OAAA,KAAA,IAAgD,CAAC;CAC/D,QAAQ;EACN,OAAO,IAAA,IAAA,qrGAAA,KAAA,OAAA,KAAA,IAAsD,CAAC;EAC9D,MAAM,IAAA,IAAA,qxGAAA,KAAA,OAAA,KAAA,IAAqD,CAAC;EAC7D;CACD,eAAe;CAChB;;;;;;;;;;;;;;;;;AAkBD,IAAa,8BAA8B;CACzC,SAAS;CACT,UAAU;CACV,SAAS;CACT,aAAa;CACb,aAAa;CACb,UAAU;CACV,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,aAAa;CACb,UAAU;CACV,UAAU;CACV,YAAY;CACZ,gBAAgB;CAChB,cAAc;CACd,cAAc;CACd,aAAa;CACb,YAAY;CACZ,eAAe;CACf,QAAQ;CACR,eAAe;CACf,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,WAAW;CACX,SAAS;CACT,UAAU;CACV,eAAe;CACf,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,SAAS;CACT,cAAc;CACd,uBAAuB;CACvB,aAAa;CACb,UAAU;CACV,WAAW;CACX,YAAY;CACZ,UAAU;CACV,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,WAAW;CACX,WAAW;CACX,QAAQ;CACR,cAAc;CACf;;AAKD,IAAM,iBAAyD,OAAO,OACpE,4BACD;;;;;;;;;;AAWD,SAAgB,0BACd,YAAoD,EAAE,EACpC;CAClB,MAAM,iBAAiB,IAAI,IACzB,UAAU,KAAI,cAAa,CAAC,UAAU,MAAM,UAAU,CAAC,CACxD;AAMD,QAAO,uBAAuB;EAC5B,IAAI;EACJ,iBAAiB;EACjB;EACA,YATgD,CAChD,GAAG,eAAe,KAAI,cAAa,eAAe,IAAI,UAAU,KAAK,IAAI,UAAU,EACnF,GAAG,UAAU,QAAO,cAAa,CAAC,eAAe,MAAK,SAAQ,KAAK,SAAS,UAAU,KAAK,CAAC,CAC7F;EAOC;EACD,CAAC"}
+{"version":3,"file":"shared-BiqXd5MW.js","names":[],"sources":["../../src/components/GrDialog/config.ts","../../src/components/GrResponseErrorBanner/config.ts","../../src/granular-provider/shared.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grDialogSafelist } from './safelist'\n\nexport const grDialogConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDialog',\n  dependencies: ['GrButton', 'GrModal'],\n  safelist: grDialogSafelist,\n})\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grResponseErrorBannerConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrResponseErrorBanner',\n  dependencies: ['GrAlert', 'GrButton'],\n})\n","// Общий код browser- и node-entry granular-provider'а.\n//\n// Оба entry (`./index.ts`, `./node.ts`) отличаются только списком\n// компонентов, у которых есть node-only вариант конфига (например,\n// `GrButton`, чей `config.node.ts` использует `tokenDefinitionsFromCssSync`\n// и тянет `node:fs`). Browser-вариант таких компонентов берёт облегчённый\n// `./config.ts`, node-вариант — `./config.node.ts`. Всё остальное — `id`,\n// `theme.*`, `packageBaseUrl` и полный список browser-safe компонентов —\n// живёт здесь.\n//\n// ВАЖНО: все `new URL('../styles/...', import.meta.url)` намеренно находятся\n// здесь — `shared.ts` лежит в той же директории, что и `index.ts` / `node.ts`,\n// поэтому относительные пути идентичны. Это ОК для браузера: бандлеры\n// транслируют такие конструкции в статические asset-URL и `node:*` в бандл\n// не утаскивают.\n//\n// Ключи записи `<Name>: ds<Name>Config` в `granularityComponentConfigs`\n// критичны для regex‑парсинга в `apps/showcase/scripts/generate-component-api.mjs`,\n// не ломайте формат.\nimport {\n  defineGranularProvider,\n  type GranularComponentDescriptor,\n  type GranularProvider,\n} from '@feugene/unocss-preset-granular/contract'\nimport { grAlertConfig } from '../components/GrAlert/config'\nimport { grAvatarConfig } from '../components/GrAvatar/config'\nimport { grBadgeConfig } from '../components/GrBadge/config'\nimport { grBadgeWrapConfig } from '../components/GrBadgeWrap/config'\nimport { grBottomNavConfig } from '../components/GrBottomNav/config'\nimport { grButtonConfig } from '../components/GrButton/config'\nimport { grButtonGroupConfig } from '../components/GrButtonGroup/config'\nimport { grCardConfig } from '../components/GrCard/config'\nimport { grCheckboxConfig } from '../components/GrCheckbox/config'\nimport { grCollapseConfig } from '../components/GrCollapse/config'\nimport { grConfirmDialogConfig } from '../components/GrConfirmDialog/config'\nimport { grDataTableConfig } from '../components/GrDataTable/config'\nimport { grDialogConfig } from '../components/GrDialog/config'\nimport { grDrawerConfig } from '../components/GrDrawer/config'\nimport { grDropdownConfig } from '../components/GrDropdown/config'\nimport { grDropdownMenuConfig } from '../components/GrDropdownMenu/config'\nimport { grEmptyStateConfig } from '../components/GrEmptyState/config'\nimport { grFileUploadConfig } from '../components/GrFileUpload/config'\nimport { grFormFieldConfig } from '../components/GrFormField/config'\nimport { grFormFileConfig } from '../components/GrFormFile/config'\nimport { grFormSectionConfig } from '../components/GrFormSection/config'\nimport { grIconConfig } from '../components/GrIcon/config'\nimport { grImageViewerConfig } from '../components/GrImageViewer/config'\nimport { grInputConfig } from '../components/GrInput/config'\nimport { grInputTagConfig } from '../components/GrInputTag/config'\nimport { grLinkConfig } from '../components/GrLink/config'\nimport { grListConfig } from '../components/GrList/config'\nimport { grLoadingConfig } from '../components/GrLoading/config'\nimport { grModalConfig } from '../components/GrModal/config'\nimport { grNavbarConfig } from '../components/GrNavbar/config'\nimport { grNumberInputConfig } from '../components/GrNumberInput/config'\nimport { grPaginationConfig } from '../components/GrPagination/config'\nimport { grProgressBarConfig } from '../components/GrProgressBar/config'\nimport { grPromptDialogConfig } from '../components/GrPromptDialog/config'\nimport { grRadioConfig } from '../components/GrRadio/config'\nimport { grRadioGroupConfig } from '../components/GrRadioGroup/config'\nimport { grResponseErrorBannerConfig } from '../components/GrResponseErrorBanner/config'\nimport { grSegmentedConfig } from '../components/GrSegmented/config'\nimport { grSelectConfig } from '../components/GrSelect/config'\nimport { grSidebarConfig } from '../components/GrSidebar/config'\nimport { grSkeletonConfig } from '../components/GrSkeleton/config'\nimport { grSwitchConfig } from '../components/GrSwitch/config'\nimport { grTableConfig } from '../components/GrTable/config'\nimport { grTabsConfig } from '../components/GrTabs/config'\nimport { grTextareaConfig } from '../components/GrTextarea/config'\nimport { grToasterConfig } from '../components/GrToaster/config'\nimport { grTooltipConfig } from '../components/GrTooltip/config'\nimport { grTreeConfig } from '../components/GrTree/config'\nimport { grTreeSelectConfig } from '../components/GrTreeSelect/config'\n\n/** Идентификатор провайдера — совпадает с именем пакета. */\nexport const GRANULARITY_PROVIDER_ID = '@feugene/granularity'\n\n// runtime-concat: литерал `new URL('..', import.meta.url)` rolldown заменяет\n// на `data:`-URL, поэтому собираем корень пакета из `import.meta.url` вручную\n// (отрезая два последних сегмента: имя файла и каталог `granular-provider/`).\nconst packageBaseUrl = `${import.meta.url.slice(\n  0,\n  import.meta.url.lastIndexOf('/', import.meta.url.lastIndexOf('/') - 1) + 1,\n)}`\n\n/** Встроенные темы пакета. Единственный источник правды о списке тем. */\nexport const granularityThemeNames = ['light', 'dark'] as const\nexport type GranularityThemeName = (typeof granularityThemeNames)[number]\n\n/** Темы, активные по умолчанию, если окружение не переопределяет выбор. */\nexport const granularityDefaultThemes: readonly GranularityThemeName[] = ['light']\n\nconst theme = {\n  baseCssUrl: new URL('../styles/base.css', import.meta.url).href,\n  tokensCssUrl: new URL('../styles/tokens.css', import.meta.url).href,\n  themes: {\n    light: new URL('../styles/themes/light.css', import.meta.url).href,\n    dark: new URL('../styles/themes/dark.css', import.meta.url).href,\n  },\n  defaultThemes: granularityDefaultThemes,\n} as const\n\n/**\n * Полный реестр публичных компонентов пакета `@feugene/granularity`.\n *\n * Ключи — имена компонентов (совпадают с публичным subpath‑экспортом\n * `@feugene/granularity/components/<Name>`). Значения — browser‑safe\n * `ds<Name>Config` из `./config.ts` рядом с SFC.\n *\n * Для компонентов, у которых есть node-only вариант конфига\n * (например, `GrButton` с `tokenDefinitionsFromCssSync`), browser‑конфиг\n * остаётся здесь, а node‑вариант подставляется снаружи через\n * `createGranularityProvider(overrides)` — см. `./index.ts` (browser)\n * и `./node.ts` (node).\n *\n * Формат записи `<Name>: ds<Name>Config` критичен для regex‑парсинга\n * в `apps/showcase/scripts/generate-component-api.mjs`, не ломайте его.\n */\nexport const granularityComponentConfigs = {\n  GrAlert: grAlertConfig,\n  GrAvatar: grAvatarConfig,\n  GrBadge: grBadgeConfig,\n  GrBadgeWrap: grBadgeWrapConfig,\n  GrBottomNav: grBottomNavConfig,\n  GrButton: grButtonConfig,\n  GrButtonGroup: grButtonGroupConfig,\n  GrCard: grCardConfig,\n  GrCheckbox: grCheckboxConfig,\n  GrCollapse: grCollapseConfig,\n  GrConfirmDialog: grConfirmDialogConfig,\n  GrDataTable: grDataTableConfig,\n  GrDialog: grDialogConfig,\n  GrDrawer: grDrawerConfig,\n  GrDropdown: grDropdownConfig,\n  GrDropdownMenu: grDropdownMenuConfig,\n  GrEmptyState: grEmptyStateConfig,\n  GrFileUpload: grFileUploadConfig,\n  GrFormField: grFormFieldConfig,\n  GrFormFile: grFormFileConfig,\n  GrFormSection: grFormSectionConfig,\n  GrIcon: grIconConfig,\n  GrImageViewer: grImageViewerConfig,\n  GrInput: grInputConfig,\n  GrInputTag: grInputTagConfig,\n  GrLink: grLinkConfig,\n  GrList: grListConfig,\n  GrLoading: grLoadingConfig,\n  GrModal: grModalConfig,\n  GrNavbar: grNavbarConfig,\n  GrNumberInput: grNumberInputConfig,\n  GrPagination: grPaginationConfig,\n  GrProgressBar: grProgressBarConfig,\n  GrPromptDialog: grPromptDialogConfig,\n  GrRadio: grRadioConfig,\n  GrRadioGroup: grRadioGroupConfig,\n  GrResponseErrorBanner: grResponseErrorBannerConfig,\n  GrSegmented: grSegmentedConfig,\n  GrSelect: grSelectConfig,\n  GrSidebar: grSidebarConfig,\n  GrSkeleton: grSkeletonConfig,\n  GrSwitch: grSwitchConfig,\n  GrTable: grTableConfig,\n  GrTabs: grTabsConfig,\n  GrTextarea: grTextareaConfig,\n  GrToaster: grToasterConfig,\n  GrTooltip: grTooltipConfig,\n  GrTree: grTreeConfig,\n  GrTreeSelect: grTreeSelectConfig,\n}\n\nexport type GranularityComponentName = keyof typeof granularityComponentConfigs\n\n/** Базовый (browser-safe) набор компонентов в порядке реестра. */\nconst baseComponents: readonly GranularComponentDescriptor[] = Object.values(\n  granularityComponentConfigs,\n)\n\n/**\n * Собирает granular-provider пакета `@feugene/granularity`.\n *\n * Принимает массив `GranularComponentDescriptor`'ов — это компоненты,\n * у которых есть node-only вариант конфига (например, `GrButton` с\n * `tokenDefinitionsFromCssSync`). Дескрипторы с именем, которое уже\n * присутствует в базовом наборе, переопределяют его (побеждает\n * переданный снаружи), остальные — добавляются в конец списка.\n */\nexport function createGranularityProvider(\n  overrides: readonly GranularComponentDescriptor[] = [],\n): GranularProvider {\n  const overrideByName = new Map(\n    overrides.map(component => [component.name, component]),\n  )\n  const components: GranularComponentDescriptor[] = [\n    ...baseComponents.map(component => overrideByName.get(component.name) ?? component),\n    ...overrides.filter(component => !baseComponents.some(base => base.name === component.name)),\n  ]\n\n  return defineGranularProvider({\n    id: GRANULARITY_PROVIDER_ID,\n    contractVersion: 1,\n    packageBaseUrl,\n    components,\n    theme,\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,UAAU;CACrC,UAAU;CACX,CAAC;;;ACNF,IAAa,8BAA8B,wBAAwB,OAAO,KAAK,KAAK;CAClF,MAAM;CACN,cAAc,CAAC,WAAW,WAAW;CACtC,CAAC;;;;ACsEF,IAAa,0BAA0B;AAKvC,IAAM,iBAAiB,GAAG,OAAO,KAAK,IAAI,MACxC,GACA,OAAO,KAAK,IAAI,YAAY,KAAK,OAAO,KAAK,IAAI,YAAY,IAAI,GAAG,EAAE,GAAG,EAC1E;;AAGD,IAAa,wBAAwB,CAAC,SAAS,OAAO;;AAItD,IAAa,2BAA4D,CAAC,QAAQ;AAElF,IAAM,QAAQ;CACZ,YAAY,IAAA,IAAA,i2BAAA,KAAA,OAAA,KAAA,IAA8C,CAAC;CAC3D,cAAc,IAAA,IAAA,iuKAAA,KAAA,OAAA,KAAA,IAAgD,CAAC;CAC/D,QAAQ;EACN,OAAO,IAAA,IAAA,qrGAAA,KAAA,OAAA,KAAA,IAAsD,CAAC;EAC9D,MAAM,IAAA,IAAA,qxGAAA,KAAA,OAAA,KAAA,IAAqD,CAAC;EAC7D;CACD,eAAe;CAChB;;;;;;;;;;;;;;;;;AAkBD,IAAa,8BAA8B;CACzC,SAAS;CACT,UAAU;CACV,SAAS;CACT,aAAa;CACb,aAAa;CACb,UAAU;CACV,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,aAAa;CACb,UAAU;CACV,UAAU;CACV,YAAY;CACZ,gBAAgB;CAChB,cAAc;CACd,cAAc;CACd,aAAa;CACb,YAAY;CACZ,eAAe;CACf,QAAQ;CACR,eAAe;CACf,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,WAAW;CACX,SAAS;CACT,UAAU;CACV,eAAe;CACf,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,SAAS;CACT,cAAc;CACd,uBAAuB;CACvB,aAAa;CACb,UAAU;CACV,WAAW;CACX,YAAY;CACZ,UAAU;CACV,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,WAAW;CACX,WAAW;CACX,QAAQ;CACR,cAAc;CACf;;AAKD,IAAM,iBAAyD,OAAO,OACpE,4BACD;;;;;;;;;;AAWD,SAAgB,0BACd,YAAoD,EAAE,EACpC;CAClB,MAAM,iBAAiB,IAAI,IACzB,UAAU,KAAI,cAAa,CAAC,UAAU,MAAM,UAAU,CAAC,CACxD;AAMD,QAAO,uBAAuB;EAC5B,IAAI;EACJ,iBAAiB;EACjB;EACA,YATgD,CAChD,GAAG,eAAe,KAAI,cAAa,eAAe,IAAI,UAAU,KAAK,IAAI,UAAU,EACnF,GAAG,UAAU,QAAO,cAAa,CAAC,eAAe,MAAK,SAAQ,KAAK,SAAS,UAAU,KAAK,CAAC,CAC7F;EAOC;EACD,CAAC"}

package/dist/components/GrConfirmDialog/chunks/{GrConfirmDialog-BGmyfDd2.js → GrConfirmDialog-Br6WJkLE.js}

@@ -1,5 +1,5 @@
 import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CPDKonoB.js";
-import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-Ba3Ojcsq.js";
+import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-C7XLxp8e.js";
 import { t as GrResponseErrorBanner_default } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-CzdTh4gd.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, withCtx } from "vue";
 //#region src/components/GrConfirmDialog/GrConfirmDialog.vue?vue&type=script&setup=true&lang.ts

package/dist/components/GrConfirmDialog/chunks/{GrConfirmDialog-BGmyfDd2.js.map → GrConfirmDialog-Br6WJkLE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrConfirmDialog-BGmyfDd2.js","names":[],"sources":["../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue","../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — DS-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { computed } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: 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  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  /**\n   * Структура ошибки ответа сервера для показа в теле диалога\n   * (через `GrResponseErrorBanner`). Используется императивным\n   * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n   * (историческое поведение). `false` — отдаёт управление закрытием наружу\n   * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: 'Confirm',\n  description: 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  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  error: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — DS-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { computed } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: 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  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  /**\n   * Структура ошибки ответа сервера для показа в теле диалога\n   * (через `GrResponseErrorBanner`). Используется императивным\n   * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n   * (историческое поведение). `false` — отдаёт управление закрытием наружу\n   * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: 'Confirm',\n  description: 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  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  error: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDA,MAAM,QAAQ;EAuBd,MAAM,OAAO;EAMb,MAAM,OAAO,SAAS;GACpB,WAAW,MAAM;GACjB,MAAM,UAAmB,KAAK,qBAAqB,MAAM;GAC1D,CAAA;EAED,SAAS,WAAiB;AACxB,QAAK,SAAQ;AACb,QAAK,qBAAqB,MAAK;;EAGjC,SAAS,YAAkB;AACzB,QAAK,UAAS;AACd,OAAI,MAAM,eACR,MAAK,qBAAqB,MAAK;;;uBAKjC,YA6CW,kBAAA;gBA5CA,KAAA;sEAAI,QAAA;IACZ,OAAO,QAAA;IACP,MAAM,QAAA;IACN,qBAAmB,QAAA;IACnB,gBAAc,QAAA;IACd,eAAa,QAAA;IACb,qBAAmB,QAAA;IACnB,iBAAe,QAAA;IACf,iBAAe,QAAA;IACf,eAAa,QAAA;IACb,eAAa,QAAA;;IAcH,QAAM,cAkBR,CAjBP,WAiBO,KAAA,QAAA,UAAA,EAAA,QAAA,CAhBL,mBAeM,OAfN,YAeM,CAdJ,YAEW,kBAAA;KAFD,eAAY;KAAoB,SAAQ;KAAW,MAAM,QAAA;KAAa,SAAO;;4BACrE,CAAA,gBAAA,gBAAb,QAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;qBAEf,YAUW,kBAAA;KATT,eAAY;KACX,SAAS,QAAA;KACT,MAAM,QAAA;KACN,MAAM,QAAA;KACN,SAAS,QAAA;KACT,UAAU,QAAA;KACV,SAAO;;4BAES,CAAA,gBAAA,gBAAd,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA;;;;;;;;;2BAjBhB,CAVN,mBAUM,OAVN,YAUM,CATJ,WAIO,KAAA,QAAA,WAAA,EAAA,QAAA,CAHM,QAAA,eAAA,WAAA,EAAX,mBAEM,OAFN,YAEM,gBADD,QAAA,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,EAIlB,WAEO,KAAA,QAAA,SAAA,EAFa,OAAO,QAAA,OAAK,QAEzB,CADwB,QAAA,SAAA,WAAA,EAA7B,YAA0E,+BAAA;;KAArC,OAAO,QAAA;KAAQ,eAAa"}
+{"version":3,"file":"GrConfirmDialog-Br6WJkLE.js","names":[],"sources":["../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue","../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — DS-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { computed } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: 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  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  /**\n   * Структура ошибки ответа сервера для показа в теле диалога\n   * (через `GrResponseErrorBanner`). Используется императивным\n   * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n   * (историческое поведение). `false` — отдаёт управление закрытием наружу\n   * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: 'Confirm',\n  description: 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  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  error: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — DS-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { computed } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: 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  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  /**\n   * Структура ошибки ответа сервера для показа в теле диалога\n   * (через `GrResponseErrorBanner`). Используется императивным\n   * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n   * (историческое поведение). `false` — отдаёт управление закрытием наружу\n   * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: 'Confirm',\n  description: 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  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  error: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDA,MAAM,QAAQ;EAuBd,MAAM,OAAO;EAMb,MAAM,OAAO,SAAS;GACpB,WAAW,MAAM;GACjB,MAAM,UAAmB,KAAK,qBAAqB,MAAM;GAC1D,CAAA;EAED,SAAS,WAAiB;AACxB,QAAK,SAAQ;AACb,QAAK,qBAAqB,MAAK;;EAGjC,SAAS,YAAkB;AACzB,QAAK,UAAS;AACd,OAAI,MAAM,eACR,MAAK,qBAAqB,MAAK;;;uBAKjC,YA6CW,kBAAA;gBA5CA,KAAA;sEAAI,QAAA;IACZ,OAAO,QAAA;IACP,MAAM,QAAA;IACN,qBAAmB,QAAA;IACnB,gBAAc,QAAA;IACd,eAAa,QAAA;IACb,qBAAmB,QAAA;IACnB,iBAAe,QAAA;IACf,iBAAe,QAAA;IACf,eAAa,QAAA;IACb,eAAa,QAAA;;IAcH,QAAM,cAkBR,CAjBP,WAiBO,KAAA,QAAA,UAAA,EAAA,QAAA,CAhBL,mBAeM,OAfN,YAeM,CAdJ,YAEW,kBAAA;KAFD,eAAY;KAAoB,SAAQ;KAAW,MAAM,QAAA;KAAa,SAAO;;4BACrE,CAAA,gBAAA,gBAAb,QAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;qBAEf,YAUW,kBAAA;KATT,eAAY;KACX,SAAS,QAAA;KACT,MAAM,QAAA;KACN,MAAM,QAAA;KACN,SAAS,QAAA;KACT,UAAU,QAAA;KACV,SAAO;;4BAES,CAAA,gBAAA,gBAAd,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA;;;;;;;;;2BAjBhB,CAVN,mBAUM,OAVN,YAUM,CATJ,WAIO,KAAA,QAAA,WAAA,EAAA,QAAA,CAHM,QAAA,eAAA,WAAA,EAAX,mBAEM,OAFN,YAEM,gBADD,QAAA,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,EAIlB,WAEO,KAAA,QAAA,SAAA,EAFa,OAAO,QAAA,OAAK,QAEzB,CADwB,QAAA,SAAA,WAAA,EAA7B,YAA0E,+BAAA;;KAArC,OAAO,QAAA;KAAQ,eAAa"}

package/dist/components/GrConfirmDialog/index.js

@@ -1,3 +1,3 @@
-import { t as GrConfirmDialog_default } from "./chunks/GrConfirmDialog-BGmyfDd2.js";
+import { t as GrConfirmDialog_default } from "./chunks/GrConfirmDialog-Br6WJkLE.js";
 import { t as grConfirmDialogConfig } from "../../chunks/config-BduXEXjt.js";
 export { GrConfirmDialog_default as GrConfirmDialog, GrConfirmDialog_default as default, grConfirmDialogConfig };

package/dist/components/GrDialog/chunks/{GrDialog-Ba3Ojcsq.js → GrDialog-C7XLxp8e.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-lh0lOmoi.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-C7XLxp8e.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-C7XLxp8e.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 { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./chunks/GrDialog-C7XLxp8e.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/GrModal/chunks/{GrModal-gvfvlp7k.js → GrModal-lh0lOmoi.js}

@@ -1,6 +1,72 @@
 import { a as Ve, i as Je, n as he, o as Ye, r as Ge, t as Se } from "../../../chunks/transition-mJ3PZCHH.js";
-import { c as panelTransition, d as shell, i as overlayTransition, n as layout, r as overlay, t as getGrModalPanelClass, u as root } from "../../../chunks/grModalStyles-Dv2NXBKi.js";
+import { c as panelTransition, d as shell, i as overlayTransition, n as layout, r as overlay, t as getGrModalPanelClass, u as root } from "../../../chunks/grModalStyles-DS1Vl6EW.js";
 import { Teleport, computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, renderSlot, unref, watch, withCtx } from "vue";
+//#region src/components/GrModal/grModalEscStack.ts
+var stack$1 = [];
+var listening = false;
+var nextId$1 = 1;
+function handleKeydown(event) {
+	if (event.key !== "Escape") return;
+	if (stack$1.length === 0) return;
+	const top = stack$1[stack$1.length - 1];
+	event.preventDefault();
+	event.stopPropagation();
+	if (typeof event.stopImmediatePropagation === "function") event.stopImmediatePropagation();
+	if (top.shouldClose()) top.close();
+}
+function startListening() {
+	if (listening) return;
+	if (typeof window === "undefined") return;
+	window.addEventListener("keydown", handleKeydown, true);
+	listening = true;
+}
+function stopListening() {
+	if (!listening) return;
+	if (typeof window === "undefined") return;
+	window.removeEventListener("keydown", handleKeydown, true);
+	listening = false;
+}
+/** Регистрирует открытую модалку как верхнюю и возвращает её id. */
+function pushGrModalEsc(entry) {
+	const id = nextId$1++;
+	stack$1.push({
+		...entry,
+		id
+	});
+	startListening();
+	return id;
+}
+/** Снимает модалку со стека (при закрытии или размонтировании). */
+function removeGrModalEsc(id) {
+	const index = stack$1.findIndex((item) => item.id === id);
+	if (index >= 0) stack$1.splice(index, 1);
+	if (stack$1.length === 0) stopListening();
+}
+//#endregion
+//#region src/components/GrModal/grModalTopStack.ts
+var stack = [];
+var nextId = 1;
+/** Пересчитывает «верхнее» окно и уведомляет все зарегистрированные модалки. */
+function sync() {
+	const lastIndex = stack.length - 1;
+	stack.forEach((entry, index) => entry.setTopmost(index === lastIndex));
+}
+/** Регистрирует открытую модалку как верхнюю и возвращает её id. */
+function pushGrModalTop(entry) {
+	const id = nextId++;
+	stack.push({
+		...entry,
+		id
+	});
+	sync();
+	return id;
+}
+/** Снимает модалку со стека (при закрытии или размонтировании). */
+function removeGrModalTop(id) {
+	const index = stack.findIndex((item) => item.id === id);
+	if (index >= 0) stack.splice(index, 1);
+	sync();
+}
 //#endregion
 //#region src/components/GrModal/GrModal.vue
 var GrModal_default = /* @__PURE__ */ defineComponent({
@@ -31,13 +97,20 @@ var GrModal_default = /* @__PURE__ */ defineComponent({
 		*   `DialogTitle` / `DialogDescription` (связь через `aria-labelledby` /
 		*   `aria-describedby` ставится HeadlessUI автоматически).
 		*
-		* Esc обрабатывается штатно через событие `@close` у HeadlessUI `<Dialog>`,
-		* чтобы не конфликтовать с его внутренней логикой. Источник закрытия
-		* различается через ref `closeReasonRef`.
+		* Esc обрабатывается через общий стек открытых модалок (`grModalEscStack`):
+		* единый capture-обработчик на `window` закрывает только верхнюю (последнюю
+		* открытую) модалку и опережает window-обработчик Escape HeadlessUI. Это
+		* чинит кейс, когда поверх `GrModal` открыт диалог `useDialogService` (другое
+		* дерево рендера): Esc закрывает именно верхний диалог, а не нижнее окно.
+		* Клик по оверлею (backdrop) по-прежнему идёт через `@close` HeadlessUI;
+		* источник закрытия различается через ref `closeReason`.
 		*/
 		const props = __props;
 		const emit = __emit;
 		const panelClass = computed(() => getGrModalPanelClass(props.size));
+		const panelRef = ref(null);
+		const isTopmost = ref(true);
+		const inertAttr = computed(() => props.modelValue && !isTopmost.value ? "" : void 0);
 		const isClient = typeof window !== "undefined";
 		const closeReason = ref(null);
 		function close() {
@@ -55,6 +128,32 @@ var GrModal_default = /* @__PURE__ */ defineComponent({
 		function onRootKeydown(event) {
 			if (event.key === "Escape") closeReason.value = "esc";
 		}
+		let escEntryId = null;
+		let topEntryId = null;
+		function registerEsc() {
+			if (escEntryId !== null) return;
+			escEntryId = pushGrModalEsc({
+				shouldClose: () => props.closeOnEsc,
+				close
+			});
+		}
+		function unregisterEsc() {
+			if (escEntryId === null) return;
+			removeGrModalEsc(escEntryId);
+			escEntryId = null;
+		}
+		function registerTop() {
+			if (topEntryId !== null) return;
+			topEntryId = pushGrModalTop({ setTopmost: (value) => {
+				isTopmost.value = value;
+			} });
+		}
+		function unregisterTop() {
+			if (topEntryId === null) return;
+			removeGrModalTop(topEntryId);
+			topEntryId = null;
+			isTopmost.value = true;
+		}
 		function onOverlayPointerDown() {
 			closeReason.value = "backdrop";
 		}
@@ -72,10 +171,21 @@ var GrModal_default = /* @__PURE__ */ defineComponent({
 			savedBodyOverflow = null;
 		}
 		watch(() => props.modelValue, (value) => {
-			if (value) lockBodyScroll();
-			else unlockBodyScroll();
+			if (value) {
+				lockBodyScroll();
+				registerEsc();
+				registerTop();
+			} else {
+				unlockBodyScroll();
+				unregisterEsc();
+				unregisterTop();
+			}
 		}, { immediate: true });
-		onBeforeUnmount(unlockBodyScroll);
+		onBeforeUnmount(() => {
+			unlockBodyScroll();
+			unregisterEsc();
+			unregisterTop();
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(Teleport, {
 				to: "body",
@@ -87,6 +197,8 @@ var GrModal_default = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [createVNode(unref(Ye), {
 					as: "div",
 					class: normalizeClass(unref(root)),
+					"initial-focus": panelRef.value,
+					inert: inertAttr.value,
 					onClose: onDialogClose,
 					onKeydownCapture: onRootKeydown
 				}, {
@@ -123,6 +235,8 @@ var GrModal_default = /* @__PURE__ */ defineComponent({
 						"leave-to": unref(panelTransition).leaveTo
 					}, {
 						default: withCtx(() => [createVNode(unref(Ge), {
+							ref_key: "panelRef",
+							ref: panelRef,
 							"data-ds-modal-panel": "",
 							tabindex: "-1",
 							class: normalizeClass(panelClass.value)
@@ -158,7 +272,11 @@ var GrModal_default = /* @__PURE__ */ defineComponent({
 						"leave-to"
 					])], 2)], 2)]),
 					_: 3
-				}, 8, ["class"])]),
+				}, 8, [
+					"class",
+					"initial-focus",
+					"inert"
+				])]),
 				_: 3
 			}, 8, ["show"])], 8, ["disabled"]);
 		};

package/dist/components/GrModal/chunks/GrModal-lh0lOmoi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrModal-lh0lOmoi.js","names":["$slots"],"sources":["../../../../src/components/GrModal/grModalEscStack.ts","../../../../src/components/GrModal/grModalTopStack.ts","../../../../src/components/GrModal/GrModal.vue","../../../../src/components/GrModal/GrModal.vue"],"sourcesContent":["/**\n * grModalEscStack — общий стек открытых `GrModal` для корректной обработки Esc.\n *\n * Зачем нужен:\n * HeadlessUI вешает обработчик Escape на `window` у каждого открытого `<Dialog>`.\n * Когда модалки рендерятся в разных деревьях приложения (например, диалоги\n * `useDialogService` монтируются отдельным `render()` в `document.body`), их\n * HeadlessUI-стек не общий, и каждый `<Dialog>` считает себя верхним. В итоге\n * Esc перехватывает обработчик той модалки, что смонтирована раньше (нижней),\n * а реально верхнее окно (последнее открытое) остаётся.\n *\n * Решение: единый capture-обработчик на `window`, который срабатывает раньше\n * обработчиков HeadlessUI, гасит событие (`stopImmediatePropagation`) и\n * закрывает только верхнюю (последнюю зарегистрированную) модалку. Так Esc\n * всегда адресуется верхнему окну независимо от дерева рендера.\n */\n\nexport interface GrModalEscEntry {\n  /** Уникальный id зарегистрированной модалки. */\n  id: number\n  /** Должна ли модалка закрываться по Esc (реактивный геттер `closeOnEsc`). */\n  shouldClose: () => boolean\n  /** Закрыть модалку (эмит `update:modelValue=false`). */\n  close: () => void\n}\n\nconst stack: GrModalEscEntry[] = []\nlet listening = false\nlet nextId = 1\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key !== 'Escape') return\n  if (stack.length === 0) return\n\n  // Верхняя модалка — последняя зарегистрированная.\n  const top = stack[stack.length - 1]\n\n  // Перехватываем Esc раньше HeadlessUI и нижних модалок: даже если верхнее\n  // окно не закрывается (`closeOnEsc=false`), событие не должно «проваливаться»\n  // к нижним окнам.\n  event.preventDefault()\n  event.stopPropagation()\n  if (typeof event.stopImmediatePropagation === 'function')\n    event.stopImmediatePropagation()\n\n  if (top.shouldClose()) top.close()\n}\n\nfunction startListening(): void {\n  if (listening) return\n  if (typeof window === 'undefined') return\n  // Capture-фаза, чтобы опередить window-обработчик Escape HeadlessUI.\n  window.addEventListener('keydown', handleKeydown, true)\n  listening = true\n}\n\nfunction stopListening(): void {\n  if (!listening) return\n  if (typeof window === 'undefined') return\n  window.removeEventListener('keydown', handleKeydown, true)\n  listening = false\n}\n\n/** Регистрирует открытую модалку как верхнюю и возвращает её id. */\nexport function pushGrModalEsc(entry: Omit<GrModalEscEntry, 'id'>): number {\n  const id = nextId++\n  stack.push({ ...entry, id })\n  startListening()\n  return id\n}\n\n/** Снимает модалку со стека (при закрытии или размонтировании). */\nexport function removeGrModalEsc(id: number): void {\n  const index = stack.findIndex(item => item.id === id)\n  if (index >= 0) stack.splice(index, 1)\n  if (stack.length === 0) stopListening()\n}\n\n/** Тестовая/служебная очистка стека. */\nexport function resetGrModalEscStack(): void {\n  stack.splice(0, stack.length)\n  stopListening()\n}\n","/**\n * grModalTopStack — общий стек открытых `GrModal` для вычисления «верхнего»\n * (последнего открытого) окна независимо от дерева рендера.\n *\n * Зачем нужен:\n * HeadlessUI ловит фокус (`FocusTrap` с `FocusLock`) у каждого открытого\n * `<Dialog>` и помечает остальную часть страницы как inert. Когда модалки\n * рендерятся в разных деревьях (например, диалоги `useDialogService`\n * монтируются отдельным `render()` в `document.body`), их HeadlessUI-стек не\n * общий: каждый `<Dialog>` считает себя верхним и продолжает удерживать фокус.\n * В итоге нижнее окно «ворует» фокус у верхнего диалога — нельзя, например,\n * сфокусировать input в открытом поверх `prompt`.\n *\n * Решение: единый стек регистраций. Верхней считается последняя\n * зарегистрированная модалка. Все нижние окна уведомляются (`setTopmost(false)`)\n * и помечают свой корень `inert`, освобождая фокус для верхнего окна. Когда\n * верхнее окно закрывается, следующая по стеку модалка снова становится\n * верхней (`setTopmost(true)`) и снимает `inert`.\n */\n\nexport interface GrModalTopEntry {\n  /** Уникальный id зарегистрированной модалки. */\n  id: number\n  /** Колбэк-уведомление: является ли модалка сейчас верхней. */\n  setTopmost: (isTopmost: boolean) => void\n}\n\nconst stack: GrModalTopEntry[] = []\nlet nextId = 1\n\n/** Пересчитывает «верхнее» окно и уведомляет все зарегистрированные модалки. */\nfunction sync(): void {\n  const lastIndex = stack.length - 1\n  stack.forEach((entry, index) => entry.setTopmost(index === lastIndex))\n}\n\n/** Регистрирует открытую модалку как верхнюю и возвращает её id. */\nexport function pushGrModalTop(entry: Omit<GrModalTopEntry, 'id'>): number {\n  const id = nextId++\n  stack.push({ ...entry, id })\n  sync()\n  return id\n}\n\n/** Снимает модалку со стека (при закрытии или размонтировании). */\nexport function removeGrModalTop(id: number): void {\n  const index = stack.findIndex(item => item.id === id)\n  if (index >= 0) stack.splice(index, 1)\n  sync()\n}\n\n/** Тестовая/служебная очистка стека. */\nexport function resetGrModalTopStack(): void {\n  stack.splice(0, stack.length)\n}\n","<script setup lang=\"ts\">\n/**\n * GrModal — DS-примитив модального окна на базе `@headlessui/vue`.\n *\n * Публичный API:\n * - `modelValue` (v-model) — открыто/закрыто;\n * - `size` — размер панели (`sm | md | lg | xl | full`);\n * - `closeOnBackdrop` (default: true) — закрывать при клике по оверлею;\n * - `closeOnEsc` (default: true) — закрывать по Esc;\n * - слоты `#title` / `#description` — если переданы, оборачиваются в\n *   `DialogTitle` / `DialogDescription` (связь через `aria-labelledby` /\n *   `aria-describedby` ставится HeadlessUI автоматически).\n *\n * Esc обрабатывается через общий стек открытых модалок (`grModalEscStack`):\n * единый capture-обработчик на `window` закрывает только верхнюю (последнюю\n * открытую) модалку и опережает window-обработчик Escape HeadlessUI. Это\n * чинит кейс, когда поверх `GrModal` открыт диалог `useDialogService` (другое\n * дерево рендера): Esc закрывает именно верхний диалог, а не нижнее окно.\n * Клик по оверлею (backdrop) по-прежнему идёт через `@close` HeadlessUI;\n * источник закрытия различается через ref `closeReason`.\n */\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { Dialog, DialogDescription, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport { pushGrModalEsc, removeGrModalEsc } from './grModalEscStack'\nimport { pushGrModalTop, removeGrModalTop } from './grModalTopStack'\n\nimport {\n  type GrModalSize,\n  getGrModalPanelClass,\n  layout,\n  overlay as overlayClass,\n  overlayTransition,\n  panelTransition,\n  root as rootClass,\n  shell,\n} from './grModalStyles'\n\nexport interface GrModalProps {\n  modelValue: boolean\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  size?: GrModalSize\n}\n\nconst props = withDefaults(defineProps<GrModalProps>(), {\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst panelClass = computed(() => getGrModalPanelClass(props.size))\n\n// Ссылка на панель используется как `initialFocus` для HeadlessUI `<Dialog>`:\n// панель имеет `tabindex=\"-1\"`, поэтому всегда фокусируема программно. Это\n// убирает предупреждение «There are no focusable elements inside the\n// <FocusTrap />», которое HeadlessUI выводит, когда не находит фокусируемого\n// элемента (в т.ч. когда контент окна временно помечен `inert`).\nconst panelRef = ref<HTMLElement | null>(null)\n\n// Является ли это окно верхним (последним открытым) в общем стеке модалок.\n// Когда поверх открыт другой `GrModal`/диалог сервиса, окно перестаёт быть\n// верхним и помечается `inert`, чтобы не «воровать» фокус у верхнего окна.\nconst isTopmost = ref(true)\n\n// `inert` ставится только на нижние (не верхние) открытые окна. Inert-поддерево\n// не интерактивно и не фокусируемо, поэтому FocusLock нижнего `<Dialog>`\n// перестаёт возвращать фокус себе — верхний диалог удерживает фокус сам.\nconst inertAttr = computed(() => (props.modelValue && !isTopmost.value ? '' : undefined))\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем teleport,\n// а в клиенте включаем после маунта.\nconst isClient = typeof window !== 'undefined'\n\n// Источник закрытия от HeadlessUI `<Dialog>` — либо Esc, либо клик по оверлею.\n// Различаем их, чтобы `closeOnBackdrop` и `closeOnEsc` работали независимо.\nconst closeReason = ref<'backdrop' | 'esc' | null>(null)\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  const reason = closeReason.value\n  closeReason.value = null\n\n  if (reason === 'esc') {\n    if (props.closeOnEsc) close()\n    return\n  }\n\n  // По умолчанию (клик по оверлею или программный вызов `@close`)\n  // уважаем `closeOnBackdrop`.\n  if (props.closeOnBackdrop) close()\n}\n\nfunction onRootKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Escape') closeReason.value = 'esc'\n}\n\n// ————— Esc-стек: гарантирует, что Esc закрывает именно верхнюю (последнюю\n// открытую) модалку, даже если окна живут в разных деревьях рендера\n// (например, диалоги `useDialogService` поверх `GrModal`).\nlet escEntryId: number | null = null\nlet topEntryId: number | null = null\n\nfunction registerEsc(): void {\n  if (escEntryId !== null) return\n  escEntryId = pushGrModalEsc({\n    shouldClose: () => props.closeOnEsc,\n    close,\n  })\n}\n\nfunction unregisterEsc(): void {\n  if (escEntryId === null) return\n  removeGrModalEsc(escEntryId)\n  escEntryId = null\n}\n\nfunction registerTop(): void {\n  if (topEntryId !== null) return\n  topEntryId = pushGrModalTop({\n    setTopmost: (value) => { isTopmost.value = value },\n  })\n}\n\nfunction unregisterTop(): void {\n  if (topEntryId === null) return\n  removeGrModalTop(topEntryId)\n  topEntryId = null\n  isTopmost.value = true\n}\n\nfunction onOverlayPointerDown(): void {\n  closeReason.value = 'backdrop'\n}\n\n// ————— Scroll lock на `<body>` на время открытия.\n// HeadlessUI Vue этого не делает автоматически, а фон скроллится —\n// для DS-примитива это мешающий UX.\nlet savedBodyOverflow: string | null = null\n\nfunction lockBodyScroll(): void {\n  if (!isClient) return\n  if (savedBodyOverflow !== null) return\n  savedBodyOverflow = document.body.style.overflow\n  document.body.style.overflow = 'hidden'\n}\n\nfunction unlockBodyScroll(): void {\n  if (!isClient) return\n  if (savedBodyOverflow === null) return\n  document.body.style.overflow = savedBodyOverflow\n  savedBodyOverflow = null\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (value) {\n      lockBodyScroll()\n      registerEsc()\n      registerTop()\n    }\n    else {\n      unlockBodyScroll()\n      unregisterEsc()\n      unregisterTop()\n    }\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  unlockBodyScroll()\n  unregisterEsc()\n  unregisterTop()\n})\n\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        :class=\"rootClass\"\n        :initial-focus=\"panelRef\"\n        :inert=\"inertAttr\"\n        @close=\"onDialogClose\"\n        @keydown.capture=\"onRootKeydown\"\n      >\n        <div :class=\"shell\">\n          <div :class=\"layout\">\n            <TransitionChild\n              as=\"template\"\n              :enter=\"overlayTransition.enter\"\n              :enter-from=\"overlayTransition.enterFrom\"\n              :enter-to=\"overlayTransition.enterTo\"\n              :leave=\"overlayTransition.leave\"\n              :leave-from=\"overlayTransition.leaveFrom\"\n              :leave-to=\"overlayTransition.leaveTo\"\n            >\n              <div\n                data-ds-modal-overlay\n                :class=\"overlayClass\"\n                aria-hidden=\"true\"\n                @pointerdown=\"onOverlayPointerDown\"\n              />\n            </TransitionChild>\n\n            <TransitionChild\n              as=\"template\"\n              :enter=\"panelTransition.enter\"\n              :enter-from=\"panelTransition.enterFrom\"\n              :enter-to=\"panelTransition.enterTo\"\n              :leave=\"panelTransition.leave\"\n              :leave-from=\"panelTransition.leaveFrom\"\n              :leave-to=\"panelTransition.leaveTo\"\n            >\n              <DialogPanel\n                ref=\"panelRef\"\n                data-ds-modal-panel\n                tabindex=\"-1\"\n                :class=\"panelClass\"\n              >\n                <DialogTitle v-if=\"$slots.title\" as=\"div\" data-ds-modal-title>\n                  <slot name=\"title\" />\n                </DialogTitle>\n                <DialogDescription v-if=\"$slots.description\" as=\"div\" data-ds-modal-description>\n                  <slot name=\"description\" />\n                </DialogDescription>\n                <slot />\n              </DialogPanel>\n            </TransitionChild>\n          </div>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrModal — DS-примитив модального окна на базе `@headlessui/vue`.\n *\n * Публичный API:\n * - `modelValue` (v-model) — открыто/закрыто;\n * - `size` — размер панели (`sm | md | lg | xl | full`);\n * - `closeOnBackdrop` (default: true) — закрывать при клике по оверлею;\n * - `closeOnEsc` (default: true) — закрывать по Esc;\n * - слоты `#title` / `#description` — если переданы, оборачиваются в\n *   `DialogTitle` / `DialogDescription` (связь через `aria-labelledby` /\n *   `aria-describedby` ставится HeadlessUI автоматически).\n *\n * Esc обрабатывается через общий стек открытых модалок (`grModalEscStack`):\n * единый capture-обработчик на `window` закрывает только верхнюю (последнюю\n * открытую) модалку и опережает window-обработчик Escape HeadlessUI. Это\n * чинит кейс, когда поверх `GrModal` открыт диалог `useDialogService` (другое\n * дерево рендера): Esc закрывает именно верхний диалог, а не нижнее окно.\n * Клик по оверлею (backdrop) по-прежнему идёт через `@close` HeadlessUI;\n * источник закрытия различается через ref `closeReason`.\n */\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { Dialog, DialogDescription, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport { pushGrModalEsc, removeGrModalEsc } from './grModalEscStack'\nimport { pushGrModalTop, removeGrModalTop } from './grModalTopStack'\n\nimport {\n  type GrModalSize,\n  getGrModalPanelClass,\n  layout,\n  overlay as overlayClass,\n  overlayTransition,\n  panelTransition,\n  root as rootClass,\n  shell,\n} from './grModalStyles'\n\nexport interface GrModalProps {\n  modelValue: boolean\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  size?: GrModalSize\n}\n\nconst props = withDefaults(defineProps<GrModalProps>(), {\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst panelClass = computed(() => getGrModalPanelClass(props.size))\n\n// Ссылка на панель используется как `initialFocus` для HeadlessUI `<Dialog>`:\n// панель имеет `tabindex=\"-1\"`, поэтому всегда фокусируема программно. Это\n// убирает предупреждение «There are no focusable elements inside the\n// <FocusTrap />», которое HeadlessUI выводит, когда не находит фокусируемого\n// элемента (в т.ч. когда контент окна временно помечен `inert`).\nconst panelRef = ref<HTMLElement | null>(null)\n\n// Является ли это окно верхним (последним открытым) в общем стеке модалок.\n// Когда поверх открыт другой `GrModal`/диалог сервиса, окно перестаёт быть\n// верхним и помечается `inert`, чтобы не «воровать» фокус у верхнего окна.\nconst isTopmost = ref(true)\n\n// `inert` ставится только на нижние (не верхние) открытые окна. Inert-поддерево\n// не интерактивно и не фокусируемо, поэтому FocusLock нижнего `<Dialog>`\n// перестаёт возвращать фокус себе — верхний диалог удерживает фокус сам.\nconst inertAttr = computed(() => (props.modelValue && !isTopmost.value ? '' : undefined))\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем teleport,\n// а в клиенте включаем после маунта.\nconst isClient = typeof window !== 'undefined'\n\n// Источник закрытия от HeadlessUI `<Dialog>` — либо Esc, либо клик по оверлею.\n// Различаем их, чтобы `closeOnBackdrop` и `closeOnEsc` работали независимо.\nconst closeReason = ref<'backdrop' | 'esc' | null>(null)\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  const reason = closeReason.value\n  closeReason.value = null\n\n  if (reason === 'esc') {\n    if (props.closeOnEsc) close()\n    return\n  }\n\n  // По умолчанию (клик по оверлею или программный вызов `@close`)\n  // уважаем `closeOnBackdrop`.\n  if (props.closeOnBackdrop) close()\n}\n\nfunction onRootKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Escape') closeReason.value = 'esc'\n}\n\n// ————— Esc-стек: гарантирует, что Esc закрывает именно верхнюю (последнюю\n// открытую) модалку, даже если окна живут в разных деревьях рендера\n// (например, диалоги `useDialogService` поверх `GrModal`).\nlet escEntryId: number | null = null\nlet topEntryId: number | null = null\n\nfunction registerEsc(): void {\n  if (escEntryId !== null) return\n  escEntryId = pushGrModalEsc({\n    shouldClose: () => props.closeOnEsc,\n    close,\n  })\n}\n\nfunction unregisterEsc(): void {\n  if (escEntryId === null) return\n  removeGrModalEsc(escEntryId)\n  escEntryId = null\n}\n\nfunction registerTop(): void {\n  if (topEntryId !== null) return\n  topEntryId = pushGrModalTop({\n    setTopmost: (value) => { isTopmost.value = value },\n  })\n}\n\nfunction unregisterTop(): void {\n  if (topEntryId === null) return\n  removeGrModalTop(topEntryId)\n  topEntryId = null\n  isTopmost.value = true\n}\n\nfunction onOverlayPointerDown(): void {\n  closeReason.value = 'backdrop'\n}\n\n// ————— Scroll lock на `<body>` на время открытия.\n// HeadlessUI Vue этого не делает автоматически, а фон скроллится —\n// для DS-примитива это мешающий UX.\nlet savedBodyOverflow: string | null = null\n\nfunction lockBodyScroll(): void {\n  if (!isClient) return\n  if (savedBodyOverflow !== null) return\n  savedBodyOverflow = document.body.style.overflow\n  document.body.style.overflow = 'hidden'\n}\n\nfunction unlockBodyScroll(): void {\n  if (!isClient) return\n  if (savedBodyOverflow === null) return\n  document.body.style.overflow = savedBodyOverflow\n  savedBodyOverflow = null\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (value) {\n      lockBodyScroll()\n      registerEsc()\n      registerTop()\n    }\n    else {\n      unlockBodyScroll()\n      unregisterEsc()\n      unregisterTop()\n    }\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  unlockBodyScroll()\n  unregisterEsc()\n  unregisterTop()\n})\n\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        :class=\"rootClass\"\n        :initial-focus=\"panelRef\"\n        :inert=\"inertAttr\"\n        @close=\"onDialogClose\"\n        @keydown.capture=\"onRootKeydown\"\n      >\n        <div :class=\"shell\">\n          <div :class=\"layout\">\n            <TransitionChild\n              as=\"template\"\n              :enter=\"overlayTransition.enter\"\n              :enter-from=\"overlayTransition.enterFrom\"\n              :enter-to=\"overlayTransition.enterTo\"\n              :leave=\"overlayTransition.leave\"\n              :leave-from=\"overlayTransition.leaveFrom\"\n              :leave-to=\"overlayTransition.leaveTo\"\n            >\n              <div\n                data-ds-modal-overlay\n                :class=\"overlayClass\"\n                aria-hidden=\"true\"\n                @pointerdown=\"onOverlayPointerDown\"\n              />\n            </TransitionChild>\n\n            <TransitionChild\n              as=\"template\"\n              :enter=\"panelTransition.enter\"\n              :enter-from=\"panelTransition.enterFrom\"\n              :enter-to=\"panelTransition.enterTo\"\n              :leave=\"panelTransition.leave\"\n              :leave-from=\"panelTransition.leaveFrom\"\n              :leave-to=\"panelTransition.leaveTo\"\n            >\n              <DialogPanel\n                ref=\"panelRef\"\n                data-ds-modal-panel\n                tabindex=\"-1\"\n                :class=\"panelClass\"\n              >\n                <DialogTitle v-if=\"$slots.title\" as=\"div\" data-ds-modal-title>\n                  <slot name=\"title\" />\n                </DialogTitle>\n                <DialogDescription v-if=\"$slots.description\" as=\"div\" data-ds-modal-description>\n                  <slot name=\"description\" />\n                </DialogDescription>\n                <slot />\n              </DialogPanel>\n            </TransitionChild>\n          </div>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n"],"mappings":"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"}

package/dist/components/GrModal/index.js

@@ -1,4 +1,4 @@
-import { t as getGrModalPanelClass } from "../../chunks/grModalStyles-Dv2NXBKi.js";
-import { t as GrModal_default } from "./chunks/GrModal-gvfvlp7k.js";
-import { n as grModalClassTokens, r as grModalSafelist, t as grModalConfig } from "../../chunks/config-BK6Odc3T.js";
+import { t as GrModal_default } from "./chunks/GrModal-lh0lOmoi.js";
+import { t as getGrModalPanelClass } from "../../chunks/grModalStyles-DS1Vl6EW.js";
+import { n as grModalClassTokens, r as grModalSafelist, t as grModalConfig } from "../../chunks/config-C5OwJM3-.js";
 export { GrModal_default as GrModal, GrModal_default as default, getGrModalPanelClass, grModalClassTokens, grModalConfig, grModalSafelist };

package/dist/components/GrPromptDialog/chunks/{GrPromptDialog-Du1aLfcA.js → GrPromptDialog-BV4EW3XO.js}

@@ -1,5 +1,5 @@
 import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CPDKonoB.js";
-import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-Ba3Ojcsq.js";
+import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-C7XLxp8e.js";
 import { t as GrResponseErrorBanner_default } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-CzdTh4gd.js";
 import { t as GrFormField_default } from "../../GrFormField/chunks/GrFormField-U7c_aDPJ.js";
 import { t as GrInput_default } from "../../GrInput/chunks/GrInput-gwFQ1sk4.js";

package/dist/components/GrPromptDialog/chunks/{GrPromptDialog-Du1aLfcA.js.map → GrPromptDialog-BV4EW3XO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrPromptDialog-Du1aLfcA.js","names":[],"sources":["../../../../src/components/GrPromptDialog/GrPromptDialog.vue","../../../../src/components/GrPromptDialog/GrPromptDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrPromptDialog — DS-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n */\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: 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  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n  /**\n   * Структура ошибки ответа сервера для показа общим блоком в теле диалога\n   * (через `GrResponseErrorBanner`). `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /**\n   * Внешняя ошибка поля ввода (например, серверная валидация). Имеет приоритет\n   * над встроенной проверкой `required`. `null`/`undefined` — нет внешней ошибки.\n   */\n  fieldError?: string | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`.\n   * `false` — отдаёт управление закрытием наружу (нужно `useDialogService`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: 'Prompt',\n  description: undefined,\n  label: 'Value',\n  placeholder: 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  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  requiredErrorText: 'Enter a value.',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n  error: null,\n  fieldError: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (v) touched.value = false\n  },\n)\n\nconst canConfirm = computed(() => {\n  if (!props.required) return true\n  return valueModel.value.trim().length > 0\n})\n\nconst validationError = computed(() => {\n  if (!props.required) return undefined\n  if (!touched.value) return undefined\n  return valueModel.value.trim().length > 0\n    ? undefined\n    : props.requiredErrorText\n})\n\n// Внешняя ошибка поля (серверная валидация) имеет приоритет над встроенной.\nconst fieldErrorMessage = computed(() => props.fieldError ?? validationError.value ?? undefined)\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  if (!canConfirm.value) {\n    touched.value = true\n    inputRef.value?.focus()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <GrFormField :label=\"label\" :error=\"fieldErrorMessage\" for-id=\"ds-prompt-input\">\n        <GrInput\n          id=\"ds-prompt-input\"\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"ds-prompt-input\"\n          :placeholder=\"placeholder\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"touched = true\"\n        />\n      </GrFormField>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled || (required && touched && !canConfirm)\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrPromptDialog — DS-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n */\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: 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  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n  /**\n   * Структура ошибки ответа сервера для показа общим блоком в теле диалога\n   * (через `GrResponseErrorBanner`). `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /**\n   * Внешняя ошибка поля ввода (например, серверная валидация). Имеет приоритет\n   * над встроенной проверкой `required`. `null`/`undefined` — нет внешней ошибки.\n   */\n  fieldError?: string | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`.\n   * `false` — отдаёт управление закрытием наружу (нужно `useDialogService`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: 'Prompt',\n  description: undefined,\n  label: 'Value',\n  placeholder: 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  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  requiredErrorText: 'Enter a value.',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n  error: null,\n  fieldError: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (v) touched.value = false\n  },\n)\n\nconst canConfirm = computed(() => {\n  if (!props.required) return true\n  return valueModel.value.trim().length > 0\n})\n\nconst validationError = computed(() => {\n  if (!props.required) return undefined\n  if (!touched.value) return undefined\n  return valueModel.value.trim().length > 0\n    ? undefined\n    : props.requiredErrorText\n})\n\n// Внешняя ошибка поля (серверная валидация) имеет приоритет над встроенной.\nconst fieldErrorMessage = computed(() => props.fieldError ?? validationError.value ?? undefined)\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  if (!canConfirm.value) {\n    touched.value = true\n    inputRef.value?.focus()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <GrFormField :label=\"label\" :error=\"fieldErrorMessage\" for-id=\"ds-prompt-input\">\n        <GrInput\n          id=\"ds-prompt-input\"\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"ds-prompt-input\"\n          :placeholder=\"placeholder\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"touched = true\"\n        />\n      </GrFormField>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled || (required && touched && !canConfirm)\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrPromptDialog-BV4EW3XO.js","names":[],"sources":["../../../../src/components/GrPromptDialog/GrPromptDialog.vue","../../../../src/components/GrPromptDialog/GrPromptDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrPromptDialog — DS-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n */\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: 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  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n  /**\n   * Структура ошибки ответа сервера для показа общим блоком в теле диалога\n   * (через `GrResponseErrorBanner`). `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /**\n   * Внешняя ошибка поля ввода (например, серверная валидация). Имеет приоритет\n   * над встроенной проверкой `required`. `null`/`undefined` — нет внешней ошибки.\n   */\n  fieldError?: string | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`.\n   * `false` — отдаёт управление закрытием наружу (нужно `useDialogService`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: 'Prompt',\n  description: undefined,\n  label: 'Value',\n  placeholder: 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  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  requiredErrorText: 'Enter a value.',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n  error: null,\n  fieldError: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (v) touched.value = false\n  },\n)\n\nconst canConfirm = computed(() => {\n  if (!props.required) return true\n  return valueModel.value.trim().length > 0\n})\n\nconst validationError = computed(() => {\n  if (!props.required) return undefined\n  if (!touched.value) return undefined\n  return valueModel.value.trim().length > 0\n    ? undefined\n    : props.requiredErrorText\n})\n\n// Внешняя ошибка поля (серверная валидация) имеет приоритет над встроенной.\nconst fieldErrorMessage = computed(() => props.fieldError ?? validationError.value ?? undefined)\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  if (!canConfirm.value) {\n    touched.value = true\n    inputRef.value?.focus()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <GrFormField :label=\"label\" :error=\"fieldErrorMessage\" for-id=\"ds-prompt-input\">\n        <GrInput\n          id=\"ds-prompt-input\"\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"ds-prompt-input\"\n          :placeholder=\"placeholder\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"touched = true\"\n        />\n      </GrFormField>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled || (required && touched && !canConfirm)\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrPromptDialog — DS-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n */\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: 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  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n  /**\n   * Структура ошибки ответа сервера для показа общим блоком в теле диалога\n   * (через `GrResponseErrorBanner`). `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /**\n   * Внешняя ошибка поля ввода (например, серверная валидация). Имеет приоритет\n   * над встроенной проверкой `required`. `null`/`undefined` — нет внешней ошибки.\n   */\n  fieldError?: string | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`.\n   * `false` — отдаёт управление закрытием наружу (нужно `useDialogService`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: 'Prompt',\n  description: undefined,\n  label: 'Value',\n  placeholder: 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  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  requiredErrorText: 'Enter a value.',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n  error: null,\n  fieldError: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (v) touched.value = false\n  },\n)\n\nconst canConfirm = computed(() => {\n  if (!props.required) return true\n  return valueModel.value.trim().length > 0\n})\n\nconst validationError = computed(() => {\n  if (!props.required) return undefined\n  if (!touched.value) return undefined\n  return valueModel.value.trim().length > 0\n    ? undefined\n    : props.requiredErrorText\n})\n\n// Внешняя ошибка поля (серверная валидация) имеет приоритет над встроенной.\nconst fieldErrorMessage = computed(() => props.fieldError ?? validationError.value ?? undefined)\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  if (!canConfirm.value) {\n    touched.value = true\n    inputRef.value?.focus()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <GrFormField :label=\"label\" :error=\"fieldErrorMessage\" for-id=\"ds-prompt-input\">\n        <GrInput\n          id=\"ds-prompt-input\"\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"ds-prompt-input\"\n          :placeholder=\"placeholder\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"touched = true\"\n        />\n      </GrFormField>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled || (required && touched && !canConfirm)\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":"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"}

package/dist/components/GrPromptDialog/index.js

@@ -1,3 +1,3 @@
-import { t as GrPromptDialog_default } from "./chunks/GrPromptDialog-Du1aLfcA.js";
+import { t as GrPromptDialog_default } from "./chunks/GrPromptDialog-BV4EW3XO.js";
 import { t as grPromptDialogConfig } from "../../chunks/config-B1kFmhpM.js";
 export { GrPromptDialog_default as GrPromptDialog, GrPromptDialog_default as default, grPromptDialogConfig };

package/dist/granular-provider-node.js

@@ -1,6 +1,6 @@
 import { n as grButtonSafelist } from "./chunks/safelist-DccvJqCE.js";
 import { n as grProgressBarSafelist } from "./chunks/config-CFf7xaG1.js";
-import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-D24hqkyM.js";
+import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-BiqXd5MW.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 import { tokenDefinitionsFromCssSync } from "@feugene/unocss-preset-granular/node";
 //#region src/components/GrButton/config.node.ts

package/dist/granular-provider.js

@@ -1,4 +1,4 @@
-import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-D24hqkyM.js";
+import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-BiqXd5MW.js";
 //#region src/granular-provider/index.ts
 var granularityProvider = createGranularityProvider();
 //#endregion

package/dist/index.js

@@ -25,12 +25,12 @@ import { n as GrCollapse_default, r as GR_COLLAPSE_CONTEXT, t as GrCollapseItem_
 import { t as GrIcon_default } from "./components/GrIcon/chunks/GrIcon-BV7RBU_0.js";
 import { t as grIconConfig } from "./chunks/config-DbghHyY_.js";
 import { t as grCollapseConfig } from "./chunks/config-D5ek7VSi.js";
-import { t as getGrModalPanelClass } from "./chunks/grModalStyles-Dv2NXBKi.js";
-import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-gvfvlp7k.js";
+import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-lh0lOmoi.js";
+import { t as getGrModalPanelClass } from "./chunks/grModalStyles-DS1Vl6EW.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 { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-Ba3Ojcsq.js";
+import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-C7XLxp8e.js";
 import { _ as DEFAULT_AUTO_HIDE_KINDS, a as extendDefaultParsers, c as problemDetailsParser, d as networkErrorParser, f as laravelValidationParser, g as abortErrorParser, h as fileValidationParser, i as defaultResponseErrorParsers, l as plainMessageParser, m as httpStatusParser, n as coreResponseErrorParsers, o as resolveResponseErrorTitle, p as jsonApiErrorParser, r as createResponseErrorClassifier, s as responseErrorParserPresets, t as GrResponseErrorBanner_default, u as normalizeError, v as DEFAULT_RESPONSE_ERROR_TEXTS, y as DEFAULT_TONE_BY_KIND } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-CzdTh4gd.js";
-import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-BGmyfDd2.js";
+import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-Br6WJkLE.js";
 import { t as grConfirmDialogConfig } from "./chunks/config-BduXEXjt.js";
 import { t as GrTable_default } from "./components/GrTable/chunks/GrTable-dTWUxzRm.js";
 import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-ClcYiyc8.js";
@@ -39,7 +39,7 @@ import { t as grDialogSafelist } from "./chunks/safelist-_UVzJrgE2.js";
 import "./components/GrDialog/index.js";
 import { t as GrFormField_default } from "./components/GrFormField/chunks/GrFormField-U7c_aDPJ.js";
 import { t as GrInput_default } from "./components/GrInput/chunks/GrInput-gwFQ1sk4.js";
-import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-Du1aLfcA.js";
+import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-BV4EW3XO.js";
 import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-BMvXREcv.js";
 import { n as grDrawerSafelist, t as grDrawerConfig } from "./chunks/config-C6zT56Jc2.js";
 import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-BW3wtI7h.js";
@@ -79,7 +79,7 @@ import { n as GrList_default, t as GrListItem_default } from "./components/GrLis
 import { t as grListConfig } from "./chunks/config-DSBlHQVa.js";
 import { n as grLoadingSafelist, t as grLoadingConfig } from "./chunks/config-d386uO3O.js";
 import "./components/GrLoading/index.js";
-import { n as grModalClassTokens, r as grModalSafelist, t as grModalConfig } from "./chunks/config-BK6Odc3T.js";
+import { n as grModalClassTokens, r as grModalSafelist, t as grModalConfig } from "./chunks/config-C5OwJM3-.js";
 import "./components/GrModal/index.js";
 import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-BH7XiF9q.js";
 import { t as grNavbarConfig } from "./chunks/config-Ci9nXGUV.js";

package/dist/types/src/components/GrConfirmDialog/GrConfirmDialog.vue.d.ts

@@ -95,11 +95,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     closeOnConfirm: boolean;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
 }>, {
     title: string;
     size: GrDialogSize;
+    error: ResponseErrorInfo | null;
     closeOnBackdrop: boolean;
     closeOnEsc: boolean;
     description: string;
@@ -109,7 +110,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     headerConfig: GrDialogSectionConfig;
     footerConfig: GrDialogSectionConfig;
     bodyConfig: GrDialogSectionConfig;
-    error: ResponseErrorInfo | null;
     buttonSize: GrButtonSize;
     confirmText: string;
     cancelText: string;

package/dist/types/src/components/GrInput/GrInput.vue.d.ts

@@ -70,10 +70,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     name: string;
     id: string;
+    invalid: boolean;
     inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
     placeholder: string;
     autocomplete: string;
-    invalid: boolean;
     state: "default" | "success" | "warning" | "danger";
     textAlign: GrInputTextAlign;
     prefixMinWidth: string;

package/dist/types/src/components/GrInputTag/GrInputTag.vue.d.ts

@@ -90,9 +90,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     readonly: boolean;
     size: GrInputTagSize;
     disabled: boolean;
+    invalid: boolean;
     max: number;
     placeholder: string;
-    invalid: boolean;
     state: GrInputTagState;
     separators: string[];
     allowDuplicates: boolean;

package/dist/types/src/components/GrModal/GrModal.vue.d.ts

@@ -5,13 +5,13 @@ export interface GrModalProps {
     closeOnEsc?: boolean;
     size?: GrModalSize;
 }
-declare var __VLS_47: {}, __VLS_55: {}, __VLS_57: {};
+declare var __VLS_49: {}, __VLS_57: {}, __VLS_59: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_47) => any;
+    title?: (props: typeof __VLS_49) => any;
 } & {
-    description?: (props: typeof __VLS_55) => any;
+    description?: (props: typeof __VLS_57) => any;
 } & {
-    default?: (props: typeof __VLS_57) => any;
+    default?: (props: typeof __VLS_59) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrModalProps>, {
     closeOnBackdrop: boolean;

package/dist/types/src/components/GrModal/grModalEscStack.d.ts

@@ -0,0 +1,30 @@
+/**
+ * grModalEscStack — общий стек открытых `GrModal` для корректной обработки Esc.
+ *
+ * Зачем нужен:
+ * HeadlessUI вешает обработчик Escape на `window` у каждого открытого `<Dialog>`.
+ * Когда модалки рендерятся в разных деревьях приложения (например, диалоги
+ * `useDialogService` монтируются отдельным `render()` в `document.body`), их
+ * HeadlessUI-стек не общий, и каждый `<Dialog>` считает себя верхним. В итоге
+ * Esc перехватывает обработчик той модалки, что смонтирована раньше (нижней),
+ * а реально верхнее окно (последнее открытое) остаётся.
+ *
+ * Решение: единый capture-обработчик на `window`, который срабатывает раньше
+ * обработчиков HeadlessUI, гасит событие (`stopImmediatePropagation`) и
+ * закрывает только верхнюю (последнюю зарегистрированную) модалку. Так Esc
+ * всегда адресуется верхнему окну независимо от дерева рендера.
+ */
+export interface GrModalEscEntry {
+    /** Уникальный id зарегистрированной модалки. */
+    id: number;
+    /** Должна ли модалка закрываться по Esc (реактивный геттер `closeOnEsc`). */
+    shouldClose: () => boolean;
+    /** Закрыть модалку (эмит `update:modelValue=false`). */
+    close: () => void;
+}
+/** Регистрирует открытую модалку как верхнюю и возвращает её id. */
+export declare function pushGrModalEsc(entry: Omit<GrModalEscEntry, 'id'>): number;
+/** Снимает модалку со стека (при закрытии или размонтировании). */
+export declare function removeGrModalEsc(id: number): void;
+/** Тестовая/служебная очистка стека. */
+export declare function resetGrModalEscStack(): void;

package/dist/types/src/components/GrModal/grModalTopStack.d.ts

@@ -0,0 +1,31 @@
+/**
+ * grModalTopStack — общий стек открытых `GrModal` для вычисления «верхнего»
+ * (последнего открытого) окна независимо от дерева рендера.
+ *
+ * Зачем нужен:
+ * HeadlessUI ловит фокус (`FocusTrap` с `FocusLock`) у каждого открытого
+ * `<Dialog>` и помечает остальную часть страницы как inert. Когда модалки
+ * рендерятся в разных деревьях (например, диалоги `useDialogService`
+ * монтируются отдельным `render()` в `document.body`), их HeadlessUI-стек не
+ * общий: каждый `<Dialog>` считает себя верхним и продолжает удерживать фокус.
+ * В итоге нижнее окно «ворует» фокус у верхнего диалога — нельзя, например,
+ * сфокусировать input в открытом поверх `prompt`.
+ *
+ * Решение: единый стек регистраций. Верхней считается последняя
+ * зарегистрированная модалка. Все нижние окна уведомляются (`setTopmost(false)`)
+ * и помечают свой корень `inert`, освобождая фокус для верхнего окна. Когда
+ * верхнее окно закрывается, следующая по стеку модалка снова становится
+ * верхней (`setTopmost(true)`) и снимает `inert`.
+ */
+export interface GrModalTopEntry {
+    /** Уникальный id зарегистрированной модалки. */
+    id: number;
+    /** Колбэк-уведомление: является ли модалка сейчас верхней. */
+    setTopmost: (isTopmost: boolean) => void;
+}
+/** Регистрирует открытую модалку как верхнюю и возвращает её id. */
+export declare function pushGrModalTop(entry: Omit<GrModalTopEntry, 'id'>): number;
+/** Снимает модалку со стека (при закрытии или размонтировании). */
+export declare function removeGrModalTop(id: number): void;
+/** Тестовая/служебная очистка стека. */
+export declare function resetGrModalTopStack(): void;

package/dist/types/src/components/GrNumberInput/GrNumberInput.vue.d.ts

@@ -99,11 +99,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     name: string;
     id: string;
+    invalid: boolean;
     max: number;
     inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
     placeholder: string;
     autocomplete: string;
-    invalid: boolean;
     state: GrNumberInputState;
     textAlign: GrNumberInputTextAlign;
     prefixMinWidth: string;

package/dist/types/src/components/GrPromptDialog/GrPromptDialog.vue.d.ts

@@ -115,14 +115,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     closeOnConfirm: boolean;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onConfirm?: ((value: string) => any) | undefined;
     onCancel?: (() => any) | undefined;
+    onConfirm?: ((value: string) => any) | undefined;
     "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
     title: string;
     label: string;
     size: GrDialogSize;
     required: boolean;
+    error: ResponseErrorInfo | null;
     closeOnBackdrop: boolean;
     closeOnEsc: boolean;
     description: string;
@@ -132,7 +133,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     headerConfig: GrDialogSectionConfig;
     footerConfig: GrDialogSectionConfig;
     bodyConfig: GrDialogSectionConfig;
-    error: ResponseErrorInfo | null;
     buttonSize: GrButtonSize;
     confirmText: string;
     cancelText: string;

package/dist/types/src/components/GrTextarea/GrTextarea.vue.d.ts

@@ -52,10 +52,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     disabled: boolean;
     name: string;
     id: string;
+    invalid: boolean;
     rows: number;
     placeholder: string;
     autocomplete: string;
-    invalid: boolean;
     state: GrTextareaState;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@feugene/granularity",
   "description": "Granularity design system package with Vue 3 components, consumed via the `@feugene/unocss-preset-granular` preset.",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
     "name": "Evgeniy Fureev",

package/dist/components/GrModal/chunks/GrModal-gvfvlp7k.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrModal-gvfvlp7k.js","names":["$slots"],"sources":["../../../../src/components/GrModal/GrModal.vue","../../../../src/components/GrModal/GrModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrModal — DS-примитив модального окна на базе `@headlessui/vue`.\n *\n * Публичный API:\n * - `modelValue` (v-model) — открыто/закрыто;\n * - `size` — размер панели (`sm | md | lg | xl | full`);\n * - `closeOnBackdrop` (default: true) — закрывать при клике по оверлею;\n * - `closeOnEsc` (default: true) — закрывать по Esc;\n * - слоты `#title` / `#description` — если переданы, оборачиваются в\n *   `DialogTitle` / `DialogDescription` (связь через `aria-labelledby` /\n *   `aria-describedby` ставится HeadlessUI автоматически).\n *\n * Esc обрабатывается штатно через событие `@close` у HeadlessUI `<Dialog>`,\n * чтобы не конфликтовать с его внутренней логикой. Источник закрытия\n * различается через ref `closeReasonRef`.\n */\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { Dialog, DialogDescription, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport {\n  type GrModalSize,\n  getGrModalPanelClass,\n  layout,\n  overlay as overlayClass,\n  overlayTransition,\n  panelTransition,\n  root as rootClass,\n  shell,\n} from './grModalStyles'\n\nexport interface GrModalProps {\n  modelValue: boolean\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  size?: GrModalSize\n}\n\nconst props = withDefaults(defineProps<GrModalProps>(), {\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst panelClass = computed(() => getGrModalPanelClass(props.size))\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем teleport,\n// а в клиенте включаем после маунта.\nconst isClient = typeof window !== 'undefined'\n\n// Источник закрытия от HeadlessUI `<Dialog>` — либо Esc, либо клик по оверлею.\n// Различаем их, чтобы `closeOnBackdrop` и `closeOnEsc` работали независимо.\nconst closeReason = ref<'backdrop' | 'esc' | null>(null)\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  const reason = closeReason.value\n  closeReason.value = null\n\n  if (reason === 'esc') {\n    if (props.closeOnEsc) close()\n    return\n  }\n\n  // По умолчанию (клик по оверлею или программный вызов `@close`)\n  // уважаем `closeOnBackdrop`.\n  if (props.closeOnBackdrop) close()\n}\n\nfunction onRootKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Escape') closeReason.value = 'esc'\n}\n\nfunction onOverlayPointerDown(): void {\n  closeReason.value = 'backdrop'\n}\n\n// ————— Scroll lock на `<body>` на время открытия.\n// HeadlessUI Vue этого не делает автоматически, а фон скроллится —\n// для DS-примитива это мешающий UX.\nlet savedBodyOverflow: string | null = null\n\nfunction lockBodyScroll(): void {\n  if (!isClient) return\n  if (savedBodyOverflow !== null) return\n  savedBodyOverflow = document.body.style.overflow\n  document.body.style.overflow = 'hidden'\n}\n\nfunction unlockBodyScroll(): void {\n  if (!isClient) return\n  if (savedBodyOverflow === null) return\n  document.body.style.overflow = savedBodyOverflow\n  savedBodyOverflow = null\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (value) lockBodyScroll()\n    else unlockBodyScroll()\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(unlockBodyScroll)\n\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        :class=\"rootClass\"\n        @close=\"onDialogClose\"\n        @keydown.capture=\"onRootKeydown\"\n      >\n        <div :class=\"shell\">\n          <div :class=\"layout\">\n            <TransitionChild\n              as=\"template\"\n              :enter=\"overlayTransition.enter\"\n              :enter-from=\"overlayTransition.enterFrom\"\n              :enter-to=\"overlayTransition.enterTo\"\n              :leave=\"overlayTransition.leave\"\n              :leave-from=\"overlayTransition.leaveFrom\"\n              :leave-to=\"overlayTransition.leaveTo\"\n            >\n              <div\n                data-ds-modal-overlay\n                :class=\"overlayClass\"\n                aria-hidden=\"true\"\n                @pointerdown=\"onOverlayPointerDown\"\n              />\n            </TransitionChild>\n\n            <TransitionChild\n              as=\"template\"\n              :enter=\"panelTransition.enter\"\n              :enter-from=\"panelTransition.enterFrom\"\n              :enter-to=\"panelTransition.enterTo\"\n              :leave=\"panelTransition.leave\"\n              :leave-from=\"panelTransition.leaveFrom\"\n              :leave-to=\"panelTransition.leaveTo\"\n            >\n              <DialogPanel\n                data-ds-modal-panel\n                tabindex=\"-1\"\n                :class=\"panelClass\"\n              >\n                <DialogTitle v-if=\"$slots.title\" as=\"div\" data-ds-modal-title>\n                  <slot name=\"title\" />\n                </DialogTitle>\n                <DialogDescription v-if=\"$slots.description\" as=\"div\" data-ds-modal-description>\n                  <slot name=\"description\" />\n                </DialogDescription>\n                <slot />\n              </DialogPanel>\n            </TransitionChild>\n          </div>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrModal — DS-примитив модального окна на базе `@headlessui/vue`.\n *\n * Публичный API:\n * - `modelValue` (v-model) — открыто/закрыто;\n * - `size` — размер панели (`sm | md | lg | xl | full`);\n * - `closeOnBackdrop` (default: true) — закрывать при клике по оверлею;\n * - `closeOnEsc` (default: true) — закрывать по Esc;\n * - слоты `#title` / `#description` — если переданы, оборачиваются в\n *   `DialogTitle` / `DialogDescription` (связь через `aria-labelledby` /\n *   `aria-describedby` ставится HeadlessUI автоматически).\n *\n * Esc обрабатывается штатно через событие `@close` у HeadlessUI `<Dialog>`,\n * чтобы не конфликтовать с его внутренней логикой. Источник закрытия\n * различается через ref `closeReasonRef`.\n */\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { Dialog, DialogDescription, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport {\n  type GrModalSize,\n  getGrModalPanelClass,\n  layout,\n  overlay as overlayClass,\n  overlayTransition,\n  panelTransition,\n  root as rootClass,\n  shell,\n} from './grModalStyles'\n\nexport interface GrModalProps {\n  modelValue: boolean\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  size?: GrModalSize\n}\n\nconst props = withDefaults(defineProps<GrModalProps>(), {\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst panelClass = computed(() => getGrModalPanelClass(props.size))\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем teleport,\n// а в клиенте включаем после маунта.\nconst isClient = typeof window !== 'undefined'\n\n// Источник закрытия от HeadlessUI `<Dialog>` — либо Esc, либо клик по оверлею.\n// Различаем их, чтобы `closeOnBackdrop` и `closeOnEsc` работали независимо.\nconst closeReason = ref<'backdrop' | 'esc' | null>(null)\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  const reason = closeReason.value\n  closeReason.value = null\n\n  if (reason === 'esc') {\n    if (props.closeOnEsc) close()\n    return\n  }\n\n  // По умолчанию (клик по оверлею или программный вызов `@close`)\n  // уважаем `closeOnBackdrop`.\n  if (props.closeOnBackdrop) close()\n}\n\nfunction onRootKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Escape') closeReason.value = 'esc'\n}\n\nfunction onOverlayPointerDown(): void {\n  closeReason.value = 'backdrop'\n}\n\n// ————— Scroll lock на `<body>` на время открытия.\n// HeadlessUI Vue этого не делает автоматически, а фон скроллится —\n// для DS-примитива это мешающий UX.\nlet savedBodyOverflow: string | null = null\n\nfunction lockBodyScroll(): void {\n  if (!isClient) return\n  if (savedBodyOverflow !== null) return\n  savedBodyOverflow = document.body.style.overflow\n  document.body.style.overflow = 'hidden'\n}\n\nfunction unlockBodyScroll(): void {\n  if (!isClient) return\n  if (savedBodyOverflow === null) return\n  document.body.style.overflow = savedBodyOverflow\n  savedBodyOverflow = null\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (value) lockBodyScroll()\n    else unlockBodyScroll()\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(unlockBodyScroll)\n\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        :class=\"rootClass\"\n        @close=\"onDialogClose\"\n        @keydown.capture=\"onRootKeydown\"\n      >\n        <div :class=\"shell\">\n          <div :class=\"layout\">\n            <TransitionChild\n              as=\"template\"\n              :enter=\"overlayTransition.enter\"\n              :enter-from=\"overlayTransition.enterFrom\"\n              :enter-to=\"overlayTransition.enterTo\"\n              :leave=\"overlayTransition.leave\"\n              :leave-from=\"overlayTransition.leaveFrom\"\n              :leave-to=\"overlayTransition.leaveTo\"\n            >\n              <div\n                data-ds-modal-overlay\n                :class=\"overlayClass\"\n                aria-hidden=\"true\"\n                @pointerdown=\"onOverlayPointerDown\"\n              />\n            </TransitionChild>\n\n            <TransitionChild\n              as=\"template\"\n              :enter=\"panelTransition.enter\"\n              :enter-from=\"panelTransition.enterFrom\"\n              :enter-to=\"panelTransition.enterTo\"\n              :leave=\"panelTransition.leave\"\n              :leave-from=\"panelTransition.leaveFrom\"\n              :leave-to=\"panelTransition.leaveTo\"\n            >\n              <DialogPanel\n                data-ds-modal-panel\n                tabindex=\"-1\"\n                :class=\"panelClass\"\n              >\n                <DialogTitle v-if=\"$slots.title\" as=\"div\" data-ds-modal-title>\n                  <slot name=\"title\" />\n                </DialogTitle>\n                <DialogDescription v-if=\"$slots.description\" as=\"div\" data-ds-modal-description>\n                  <slot name=\"description\" />\n                </DialogDescription>\n                <slot />\n              </DialogPanel>\n            </TransitionChild>\n          </div>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAIb,MAAM,aAAa,eAAe,qBAAqB,MAAM,KAAK,CAAA;EAIlE,MAAM,WAAW,OAAO,WAAW;EAInC,MAAM,cAAc,IAA+B,KAAI;EAEvD,SAAS,QAAc;AACrB,QAAK,qBAAqB,MAAK;;EAGjC,SAAS,gBAAsB;GAC7B,MAAM,SAAS,YAAY;AAC3B,eAAY,QAAQ;AAEpB,OAAI,WAAW,OAAO;AACpB,QAAI,MAAM,WAAY,QAAM;AAC5B;;AAKF,OAAI,MAAM,gBAAiB,QAAM;;EAGnC,SAAS,cAAc,OAA4B;AACjD,OAAI,MAAM,QAAQ,SAAU,aAAY,QAAQ;;EAGlD,SAAS,uBAA6B;AACpC,eAAY,QAAQ;;EAMtB,IAAI,oBAAmC;EAEvC,SAAS,iBAAuB;AAC9B,OAAI,CAAC,SAAU;AACf,OAAI,sBAAsB,KAAM;AAChC,uBAAoB,SAAS,KAAK,MAAM;AACxC,YAAS,KAAK,MAAM,WAAW;;EAGjC,SAAS,mBAAyB;AAChC,OAAI,CAAC,SAAU;AACf,OAAI,sBAAsB,KAAM;AAChC,YAAS,KAAK,MAAM,WAAW;AAC/B,uBAAoB;;AAGtB,cACQ,MAAM,aACX,UAAU;AACT,OAAI,MAAO,iBAAe;OACrB,mBAAiB;KAExB,EAAE,WAAW,MAAM,CACrB;AAEA,kBAAgB,iBAAgB;;uBAK9B,YAsDW,UAAA;IAtDD,IAAG;IAAQ,UAAQ,CAAG;OAC9B,YAoDiB,MAAA,GAAA,EAAA;IApDA,MAAM,QAAA;IAAY,IAAG;;2BAmD3B,CAlDT,YAkDS,MAAA,GAAA,EAAA;KAjDP,IAAG;KACF,OAAK,eAAE,MAAA,KAAS,CAAA;KAChB,SAAO;uBACU;;4BA6CZ,CA3CN,mBA2CM,OAAA,EA3CA,OAAK,eAAE,MAAA,MAAK,CAAA,EAAA,EAAA,CAChB,mBAyCM,OAAA,EAzCA,OAAK,eAAE,MAAA,OAAM,CAAA,EAAA,EAAA,CACjB,YAekB,MAAA,GAAA,EAAA;MAdhB,IAAG;MACF,OAAO,MAAA,kBAAiB,CAAC;MACzB,cAAY,MAAA,kBAAiB,CAAC;MAC9B,YAAU,MAAA,kBAAiB,CAAC;MAC5B,OAAO,MAAA,kBAAiB,CAAC;MACzB,cAAY,MAAA,kBAAiB,CAAC;MAC9B,YAAU,MAAA,kBAAiB,CAAC;;6BAO3B,CALF,mBAKE,OAAA;OAJA,yBAAA;OACC,OAAK,eAAE,MAAA,QAAY,CAAA;OACpB,eAAY;OACX,eAAa;;;;;;;;;;SAIlB,YAsBkB,MAAA,GAAA,EAAA;MArBhB,IAAG;MACF,OAAO,MAAA,gBAAe,CAAC;MACvB,cAAY,MAAA,gBAAe,CAAC;MAC5B,YAAU,MAAA,gBAAe,CAAC;MAC1B,OAAO,MAAA,gBAAe,CAAC;MACvB,cAAY,MAAA,gBAAe,CAAC;MAC5B,YAAU,MAAA,gBAAe,CAAC;;6BAcb,CAZd,YAYc,MAAA,GAAA,EAAA;OAXZ,uBAAA;OACA,UAAS;OACR,OAAK,eAAE,WAAA,MAAU;;8BAIJ;QAFKA,KAAAA,OAAO,SAAA,WAAA,EAA1B,YAEc,MAAA,GAAA,EAAA;;SAFmB,IAAG;SAAM,uBAAA;;gCACnB,CAArB,WAAqB,KAAA,QAAA,QAAA,CAAA,CAAA;;;QAEEA,KAAAA,OAAO,eAAA,WAAA,EAAhC,YAEoB,MAAA,GAAA,EAAA;;SAFyB,IAAG;SAAM,6BAAA;;gCACzB,CAA3B,WAA2B,KAAA,QAAA,cAAA,CAAA,CAAA;;;QAE7B,WAAQ,KAAA,QAAA,UAAA"}