@feugene/granularity 0.7.0 → 0.9.0

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

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

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

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

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

@@ -100,17 +100,17 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     name: string;
     id: string;
     max: number;
-    invalid: boolean;
-    min: number;
-    placeholder: string;
-    state: GrNumberInputState;
     inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
+    placeholder: string;
     autocomplete: string;
+    invalid: boolean;
+    state: GrNumberInputState;
     textAlign: GrNumberInputTextAlign;
     prefixMinWidth: string;
     prefixMaxWidth: string;
     suffixMinWidth: string;
     suffixMaxWidth: string;
+    min: number;
     decimalSeparator: string;
     step: number;
     precision: number;

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

@@ -1,5 +1,6 @@
 import type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton';
 import type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog';
+import type { ResponseErrorInfo } from '../GrResponseErrorBanner';
 export interface GrPromptDialogProps {
     modelValue: boolean;
     value: string;
@@ -25,12 +26,35 @@ export interface GrPromptDialogProps {
     confirmVariant?: GrButtonVariant;
     confirmTone?: GrButtonTone;
     required?: boolean;
+    /**
+     * Структура ошибки ответа сервера для показа общим блоком в теле диалога
+     * (через `GrResponseErrorBanner`). `null` — блок скрыт.
+     */
+    error?: ResponseErrorInfo | null;
+    /**
+     * Внешняя ошибка поля ввода (например, серверная валидация). Имеет приоритет
+     * над встроенной проверкой `required`. `null`/`undefined` — нет внешней ошибки.
+     */
+    fieldError?: string | null;
+    /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */
+    confirmLoading?: boolean;
+    /** Принудительно дизейблит кнопку Confirm. */
+    confirmDisabled?: boolean;
+    /**
+     * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`.
+     * `false` — отдаёт управление закрытием наружу (нужно `useDialogService`).
+     */
+    closeOnConfirm?: boolean;
 }
-declare var __VLS_8: {}, __VLS_26: {};
+declare var __VLS_8: {}, __VLS_25: {
+    error: ResponseErrorInfo | null;
+}, __VLS_33: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 } & {
-    footer?: (props: typeof __VLS_26) => any;
+    error?: (props: typeof __VLS_25) => any;
+} & {
+    footer?: (props: typeof __VLS_33) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrPromptDialogProps>, {
     title: string;
@@ -53,6 +77,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     confirmVariant: string;
     confirmTone: string;
     required: boolean;
+    error: null;
+    fieldError: null;
+    confirmLoading: boolean;
+    confirmDisabled: boolean;
+    closeOnConfirm: boolean;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     "update:value": (value: string) => void;
@@ -79,6 +108,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     confirmVariant: string;
     confirmTone: string;
     required: boolean;
+    error: null;
+    fieldError: null;
+    confirmLoading: boolean;
+    confirmDisabled: boolean;
+    closeOnConfirm: boolean;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onConfirm?: ((value: string) => any) | undefined;
@@ -98,13 +132,18 @@ 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;
     confirmVariant: GrButtonVariant;
     confirmTone: GrButtonTone;
+    confirmLoading: boolean;
+    confirmDisabled: boolean;
+    closeOnConfirm: boolean;
     placeholder: string;
     requiredErrorText: string;
+    fieldError: string | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue.d.ts

@@ -43,13 +43,13 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onDismiss?: (() => any) | undefined;
 }>, {
     tone: ResponseErrorTone;
-    files: File[];
     texts: Partial<ResponseErrorTexts>;
     toneByKind: Partial<Record<ResponseErrorKind, ResponseErrorTone>>;
     canRetry: boolean;
     canDismiss: boolean;
     autoHideKinds: ResponseErrorKind[];
     testIdPrefix: string;
+    files: File[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/src/components/GrResponseErrorBanner/index.d.ts

@@ -5,6 +5,6 @@ export { default as GrFormErrorBanner } from './GrFormErrorBanner.vue';
 export { DEFAULT_RESPONSE_ERROR_TEXTS, useResponseError, } from './useResponseError';
 export type { UseResponseErrorOptions, UseResponseErrorReturn, } from './useResponseError';
 export { DEFAULT_AUTO_HIDE_KINDS, DEFAULT_TONE_BY_KIND, } from './responseError.defaults';
-export { abortErrorParser, createResponseErrorClassifier, defaultResponseErrorParsers, extendDefaultParsers, fileValidationParser, httpStatusParser, jsonApiErrorParser, laravelValidationParser, networkErrorParser, normalizeError, plainMessageParser, problemDetailsParser, resolveResponseErrorTitle, } from './parsers';
-export type { CreateResponseErrorClassifierOptions } from './parsers';
+export { abortErrorParser, coreResponseErrorParsers, createResponseErrorClassifier, defaultResponseErrorParsers, extendDefaultParsers, fileValidationParser, httpStatusParser, jsonApiErrorParser, laravelValidationParser, networkErrorParser, normalizeError, plainMessageParser, problemDetailsParser, resolveResponseErrorTitle, responseErrorParserPresets, } from './parsers';
+export type { CreateResponseErrorClassifierOptions, ResponseErrorParserPresets, } from './parsers';
 export type { NormalizedRawError, ResponseErrorContext, ResponseErrorFieldError, ResponseErrorInfo, ResponseErrorKind, ResponseErrorParser, ResponseErrorParserResult, ResponseErrorTexts, ResponseErrorTone, } from './responseError.types';

package/dist/types/src/components/GrResponseErrorBanner/parsers/createResponseErrorClassifier.d.ts

@@ -8,6 +8,33 @@ import type { ResponseErrorInfo, ResponseErrorKind, ResponseErrorParser, Respons
  * - `plainMessage` всегда последний — добывает хоть какое-то сообщение.
  */
 export declare const defaultResponseErrorParsers: ResponseErrorParser[];
+/**
+ * Универсальное «ядро» парсеров — транспортно-независимый набор, безопасный
+ * для любого бэкенда (Laravel / Symfony / Go / …). Не делает формат-специфичных
+ * допущений: разбирает только отмену, сетевые ошибки, HTTP-статус и «плоское»
+ * сообщение из тела. Используется как дефолт в `useDialogService`.
+ *
+ * Порядок: `abort → network → httpStatus → plainMessage`.
+ */
+export declare const coreResponseErrorParsers: ResponseErrorParser[];
+/**
+ * Именованные пресеты-строительные блоки для удобной композиции цепочки
+ * парсеров без ручного импорта каждого из них.
+ *
+ * - `core` — универсальное ядро (см. `coreResponseErrorParsers`).
+ * - `all` — полная дефолтная цепочка (`defaultResponseErrorParsers`).
+ * - остальные — серверо-специфичные парсеры, подключаемые осознанно.
+ */
+export type ResponseErrorParserPresets = {
+    core: ResponseErrorParser[];
+    all: ResponseErrorParser[];
+    laravel: ResponseErrorParser;
+    problemDetails: ResponseErrorParser;
+    jsonApi: ResponseErrorParser;
+    fileValidation: ResponseErrorParser;
+};
+/** Объект пресетов, передаётся builder-функции `errorParsers`. */
+export declare const responseErrorParserPresets: ResponseErrorParserPresets;
 /** Добавляет пользовательские парсеры в начало дефолтной цепочки. */
 export declare function extendDefaultParsers(extra: ResponseErrorParser[]): ResponseErrorParser[];
 export type CreateResponseErrorClassifierOptions = {

package/dist/types/src/components/GrResponseErrorBanner/parsers/index.d.ts

@@ -7,5 +7,5 @@ export { networkErrorParser } from './networkErrorParser';
 export { plainMessageParser } from './plainMessageParser';
 export { problemDetailsParser } from './problemDetailsParser';
 export { normalizeError } from './normalizeError';
-export { createResponseErrorClassifier, defaultResponseErrorParsers, extendDefaultParsers, resolveResponseErrorTitle, } from './createResponseErrorClassifier';
-export type { CreateResponseErrorClassifierOptions } from './createResponseErrorClassifier';
+export { coreResponseErrorParsers, createResponseErrorClassifier, defaultResponseErrorParsers, extendDefaultParsers, resolveResponseErrorTitle, responseErrorParserPresets, } from './createResponseErrorClassifier';
+export type { CreateResponseErrorClassifierOptions, ResponseErrorParserPresets, } from './createResponseErrorClassifier';

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

@@ -100,9 +100,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     size: GrSelectSize;
     disabled: boolean;
     ariaLabel: string;
+    placeholder: string;
     options: GrSelectOption[];
     multiple: boolean;
-    placeholder: string;
     underline: GrSelectUnderline;
     optionsView: GrSelectOptionsView;
     allowCustomValue: boolean;

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

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

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

@@ -17,8 +17,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     dismissLabel: string;
     regionLabel: string;
 }>>> & Readonly<{}>, {
-    regionLabel: string;
     dismissLabel: string;
+    regionLabel: string;
     placement: GrToasterPlacement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/types/src/index.d.ts

@@ -11,6 +11,7 @@ export * from './components/GrCollapse';
 export * from './components/GrConfirmDialog';
 export * from './components/GrDataTable';
 export * from './components/GrDialog';
+export * from './components/GrDialogService';
 export * from './components/GrDrawer';
 export * from './components/GrDropdown';
 export * from './components/GrDropdownMenu';

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.7.0",
+  "version": "0.9.0",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
     "name": "Evgeniy Fureev",
@@ -193,6 +193,10 @@
       "types": "./dist/types/src/components/GrRadioGroup/index.d.ts",
       "import": "./dist/components/GrRadioGroup/index.js"
     },
+    "./components/GrResponseErrorBanner": {
+      "types": "./dist/types/src/components/GrResponseErrorBanner/index.d.ts",
+      "import": "./dist/components/GrResponseErrorBanner/index.js"
+    },
     "./components/GrSegmented": {
       "types": "./dist/types/src/components/GrSegmented/index.d.ts",
       "import": "./dist/components/GrSegmented/index.js"

package/dist/chunks/arrow-up-DNXrMoAI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"arrow-up-DNXrMoAI.js","names":[],"sources":[],"mappings":""}

package/dist/chunks/config-C0b_3LJV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-C0b_3LJV.js","names":[],"sources":["../../src/components/GrTreeSelect/grTreeSelectStyles.ts","../../src/components/GrTreeSelect/safelist.ts","../../src/components/GrTreeSelect/config.ts"],"sourcesContent":["import type { GrInputSize } from '../GrInput'\n\nexport type GrTreeSelectState = 'default' | 'success' | 'warning' | 'danger'\n\nexport const sizeClassBySize: Record<GrInputSize, string> = {\n  xs: 'h-7 px-2.5 text-[12px]',\n  sm: 'h-8 px-3 text-[13px]',\n  md: 'h-10 px-3 text-[14px]',\n  lg: 'h-11 px-4 text-[16px]',\n}\n\nexport const borderClassByState: Record<GrTreeSelectState, string> = {\n  default: 'border-[var(--brd)]',\n  success: 'border-[var(--ds-success)] focus-visible:ring-[var(--ds-success)]',\n  warning: 'border-[var(--ds-warning)] focus-visible:ring-[var(--ds-warning)]',\n  danger: 'border-[var(--ds-danger)] focus-visible:ring-[var(--ds-danger)]',\n}\n\nexport function grTreeSelectClass(options: { size: GrInputSize, state: GrTreeSelectState, invalid: boolean }): string {\n  return [\n    sizeClassBySize[options.size],\n    'pr-9',\n    options.invalid ? borderClassByState.danger : borderClassByState[options.state],\n  ].join(' ')\n}\n\nexport const grTreeSelectPanelClass = 'rounded-[var(--ds-radius-xl)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] overflow-hidden'\n","import { splitClassTokens } from '../shared/classTokens'\nimport { borderClassByState, grTreeSelectPanelClass, sizeClassBySize } from './grTreeSelectStyles'\n\nexport const grTreeSelectSafelist = [...new Set([\n  ...Object.values(sizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(borderClassByState).flatMap(splitClassTokens),\n  'pr-9',\n  ...splitClassTokens(grTreeSelectPanelClass),\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grTreeSelectSafelist } from './safelist'\n\nexport const grTreeSelectConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTreeSelect',\n  safelist: grTreeSelectSafelist,\n  dependencies: ['GrInput', 'GrTree'],\n})"],"mappings":";;;AAIA,IAAa,kBAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,qBAAwD;CACnE,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACT;AAED,SAAgB,kBAAkB,SAAoF;AACpH,QAAO;EACL,gBAAgB,QAAQ;EACxB;EACA,QAAQ,UAAU,mBAAmB,SAAS,mBAAmB,QAAQ;EAC1E,CAAC,KAAK,IAAI;;AAGb,IAAa,yBAAyB;;;ACvBtC,IAAa,uBAAuB,CAAC,GAAG,IAAI,IAAI;CAC9C,GAAG,OAAO,OAAO,gBAAgB,CAAC,QAAQ,iBAAiB;CAC3D,GAAG,OAAO,OAAO,mBAAmB,CAAC,QAAQ,iBAAiB;CAC9D;CACA,GAAG,iBAAiB,uBAAuB;CAC5C,CAAC,CAAC;;;ACJH,IAAa,qBAAqB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,UAAU;CACV,cAAc,CAAC,WAAW,SAAS;CACpC,CAAA"}

package/dist/chunks/config-C4AlNm912.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-C4AlNm912.js","names":[],"sources":["../../src/components/GrDropdown/safelist.ts","../../src/components/GrDropdown/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  alignmentClassByAlign,\n  widthClassByWidth,\n} from './grDropdownStyles'\n\n// В safelist кладём только динамические токены, выбираемые по ключам в рантайме\n// (`width`/`align`). Литералы content-класса (`rounded-*`, `border`, `bg-*` и пр.)\n// прописаны статически в исходнике `grDropdownStyles.ts` и находятся UnoCSS'ом сканом.\nexport const grDropdownSafelist = [...new Set([\n  ...Object.values(widthClassByWidth).flatMap(splitClassTokens),\n  ...Object.values(alignmentClassByAlign).flatMap(splitClassTokens),\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grDropdownSafelist } from './safelist'\n\nexport const grDropdownConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDropdown',\n  safelist: grDropdownSafelist,\n})"],"mappings":";;;;AASA,IAAa,qBAAqB,CAAC,GAAG,IAAI,IAAI,CAC5C,GAAG,OAAO,OAAO,kBAAkB,CAAC,QAAQ,iBAAiB,EAC7D,GAAG,OAAO,OAAO,sBAAsB,CAAC,QAAQ,iBAAiB,CAClE,CAAC,CAAC;;;ACRH,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;CACX,CAAA"}

package/dist/chunks/config-CxCAfXZ1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-CxCAfXZ1.js","names":[],"sources":["../../src/components/GrToaster/grToasterStyles.ts","../../src/components/GrToaster/safelist.ts","../../src/components/GrToaster/config.ts"],"sourcesContent":["export type GrToasterPlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n\n// Классы позиционирования контейнера по углам экрана.\n// Вынесены в отдельный модуль, чтобы быть единственным источником истины\n// для шаблона `GrToaster.vue` и для safelist.\nexport const PLACEMENT_CLASS: Record<GrToasterPlacement, string> = {\n  'top-right': 'right-4 top-4',\n  'top-left': 'left-4 top-4',\n  'bottom-right': 'right-4 bottom-4',\n  'bottom-left': 'left-4 bottom-4',\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport { PLACEMENT_CLASS } from './grToasterStyles'\n\n// В safelist попадают только те классы, которые приходят в шаблон динамически\n// (через `:class`/`PLACEMENT_CLASS`). Литералы из шаблона (`class=\"...\"`)\n// UnoCSS находит статическим сканом и дублировать их здесь не нужно.\nexport const grToasterSafelist = [...new Set(\n  Object.values(PLACEMENT_CLASS).flatMap(splitClassTokens),\n)]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grToasterSafelist } from './safelist'\n\nexport const grToasterConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrToaster',\n  dependencies: ['GrButton', 'GrIcon'],\n  safelist: grToasterSafelist,\n})\n"],"mappings":";;;AAKA,IAAa,kBAAsD;CACjE,aAAa;CACb,YAAY;CACZ,gBAAgB;CAChB,eAAe;CAChB;;;ACJD,IAAa,oBAAoB,CAAC,GAAG,IAAI,IACvC,OAAO,OAAO,gBAAgB,CAAC,QAAQ,iBAAiB,CACzD,CAAC;;;ACJF,IAAa,kBAAkB,wBAAwB,OAAO,KAAK,KAAK;CACtE,MAAM;CACN,cAAc,CAAC,YAAY,SAAS;CACpC,UAAU;CACX,CAAC"}

package/dist/chunks/config-DDEWvph-2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-DDEWvph-2.js","names":[],"sources":["../../src/components/GrDropdownMenu/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grDropdownMenuConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDropdownMenu',\n  dependencies: ['GrDropdown'],\n})\n"],"mappings":";;AAEA,IAAa,uBAAuB,wBAAwB,OAAO,KAAK,KAAK;CAC3E,MAAM;CACN,cAAc,CAAC,aAAa;CAC7B,CAAC"}

package/dist/chunks/config-DDLoUczC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-DDLoUczC.js","names":[],"sources":["../../src/components/GrTabs/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grTabsConfig = defineGranularComponent(import.meta.url, {\n    name: 'GrTabs',\n})\n"],"mappings":";;AAEA,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK,EACjE,MAAM,UACT,CAAC"}

package/dist/chunks/config-DQOSlWvp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-DQOSlWvp.js","names":[],"sources":["../../src/components/GrTable/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\n// Все классы GrTable — статические литералы в шаблоне, UnoCSS найдёт их сканом.\nexport const grTableConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTable',\n})\n"],"mappings":";;AAGA,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK,EACpE,MAAM,WACP,CAAC"}

package/dist/chunks/config-DnsISjD8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-DnsISjD8.js","names":[],"sources":["../../src/components/GrSidebar/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grSidebarConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSidebar',\n})\n"],"mappings":";;AAEA,IAAa,kBAAkB,wBAAwB,OAAO,KAAK,KAAK,EACtE,MAAM,aACP,CAAC"}

package/dist/chunks/config-DxqMXzNV2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-DxqMXzNV2.js","names":[],"sources":["../../src/components/GrTextarea/grTextareaStyles.ts","../../src/components/GrTextarea/safelist.ts","../../src/components/GrTextarea/config.ts"],"sourcesContent":["export type GrTextareaState = 'default' | 'success' | 'warning' | 'danger'\n\nexport const borderClassByState: Record<GrTextareaState, string> = {\n  default: 'border-[var(--brd)]',\n  success: 'border-[var(--ds-success)] focus-visible:ring-[var(--ds-success)]',\n  warning: 'border-[var(--ds-warning)] focus-visible:ring-[var(--ds-warning)]',\n  danger: 'border-[var(--ds-danger)] focus-visible:ring-[var(--ds-danger)]',\n}\n\nexport function grTextareaClass(options: { state: GrTextareaState, invalid: boolean }): string {\n  return options.invalid ? borderClassByState.danger : borderClassByState[options.state]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport { borderClassByState } from './grTextareaStyles'\n\nexport const grTextareaSafelist = [...new Set([\n  ...Object.values(borderClassByState).flatMap(splitClassTokens),\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grTextareaSafelist } from './safelist'\n\nexport const grTextareaConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTextarea',\n  safelist: grTextareaSafelist,\n})"],"mappings":";;;AAEA,IAAa,qBAAsD;CACjE,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACT;AAED,SAAgB,gBAAgB,SAA+D;AAC7F,QAAO,QAAQ,UAAU,mBAAmB,SAAS,mBAAmB,QAAQ;;;;ACPlF,IAAa,qBAAqB,CAAC,GAAG,IAAI,IAAI,CAC5C,GAAG,OAAO,OAAO,mBAAmB,CAAC,QAAQ,iBAAiB,CAC/D,CAAC,CAAC;;;ACDH,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;CACX,CAAA"}

package/dist/chunks/config-DxqpV-KM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-DxqpV-KM.js","names":[],"sources":["../../src/components/GrDrawer/grDrawerStyles.ts","../../src/components/GrDrawer/safelist.ts","../../src/components/GrDrawer/config.ts"],"sourcesContent":["export type GrDrawerSide = 'left' | 'right'\nexport type GrDrawerSize = 'sm' | 'md' | 'lg' | 'full'\n\nexport const panelWidthBySize: Record<GrDrawerSize, string> = {\n  sm: 'w-[360px] max-w-[90vw]',\n  md: 'w-[420px] max-w-[92vw]',\n  lg: 'w-[560px] max-w-[94vw]',\n  full: 'w-[100vw]',\n}\n\nexport const panelSideClass: Record<GrDrawerSide, string> = {\n  left: 'left-0 border-r',\n  right: 'right-0 border-l',\n}\n\nexport const panelTransitionClass: Record<GrDrawerSide, string> = {\n  left: '-translate-x-full',\n  right: 'translate-x-full',\n}\n\nexport function grDrawerPanelClass(options: { side: GrDrawerSide, size: GrDrawerSize }): string {\n  return [\n    panelSideClass[options.side],\n    panelWidthBySize[options.size],\n    'border-[var(--brd)]',\n    'bg-[var(--card)] text-[var(--card-fg)]',\n    'shadow-[var(--ds-shadow-2)] outline-none',\n  ].join(' ')\n}\n\nexport function grDrawerPanelEnterFrom(side: GrDrawerSide): string {\n  return panelTransitionClass[side]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  panelSideClass,\n  panelTransitionClass,\n  panelWidthBySize,\n} from './grDrawerStyles'\n\n// Safelist содержит только динамические токены, выбираемые в рантайме через\n// ключи (`side`/`size`). Литералы, прописанные статически в шаблоне и в функции\n// `grDrawerPanelClass`, UnoCSS находит сканом и здесь не дублируются.\nexport const grDrawerSafelist = [...new Set([\n  ...Object.values(panelSideClass).flatMap(splitClassTokens),\n  ...Object.values(panelWidthBySize).flatMap(splitClassTokens),\n  ...Object.values(panelTransitionClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\nimport { grDrawerSafelist } from './safelist'\n\nexport const grDrawerConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDrawer',\n  dependencies: ['GrButton', 'GrIcon'],\n  safelist: grDrawerSafelist,\n})\n"],"mappings":";;;AAGA,IAAa,mBAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;CACP;AAED,IAAa,iBAA+C;CAC1D,MAAM;CACN,OAAO;CACR;AAED,IAAa,uBAAqD;CAChE,MAAM;CACN,OAAO;CACR;AAED,SAAgB,mBAAmB,SAA6D;AAC9F,QAAO;EACL,eAAe,QAAQ;EACvB,iBAAiB,QAAQ;EACzB;EACA;EACA;EACD,CAAC,KAAK,IAAI;;AAGb,SAAgB,uBAAuB,MAA4B;AACjE,QAAO,qBAAqB;;;;ACrB9B,IAAa,mBAAmB,CAAC,GAAG,IAAI,IAAI;CAC1C,GAAG,OAAO,OAAO,eAAe,CAAC,QAAQ,iBAAiB;CAC1D,GAAG,OAAO,OAAO,iBAAiB,CAAC,QAAQ,iBAAiB;CAC5D,GAAG,OAAO,OAAO,qBAAqB,CAAC,QAAQ,iBAAiB;CACjE,CAAC,CAAC;;;ACXH,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,SAAS;CACpC,UAAU;CACX,CAAC"}

package/dist/chunks/config-rxFL-6yF2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-rxFL-6yF2.js","names":[],"sources":["../../src/components/GrSwitch/grSwitchStyles.ts","../../src/components/GrSwitch/safelist.ts","../../src/components/GrSwitch/config.ts"],"sourcesContent":["export type GrSwitchSize = 'sm' | 'md' | 'lg'\n\ntype GrSwitchThumbClassOptions = {\n    checked: boolean\n    size: GrSwitchSize\n}\n\nexport const trackBase =\n    'relative inline-flex items-center rounded-full border border-[var(--ds-switch-track-brd)] transition-colors duration-150'\n\nexport const trackSizes: Record<GrSwitchSize, string> = {\n    sm: 'h-5 w-9',\n    md: 'h-6 w-11',\n    lg: 'h-7 w-14',\n}\n\nexport const thumbBase =\n    'inline-block rounded-full bg-[var(--card)] shadow-[var(--ds-shadow-1)] transition-transform duration-150'\n\nexport const thumbSizes: Record<GrSwitchSize, string> = {\n    sm: 'h-4 w-4',\n    md: 'h-5 w-5',\n    lg: 'h-6 w-6',\n}\n\nexport const thumbTranslations: Record<GrSwitchSize, { checked: string, unchecked: string }> = {\n    sm: {\n        checked: 'translate-x-[17px]',\n        unchecked: 'translate-x-[2px]',\n    },\n    md: {\n        checked: 'translate-x-5',\n        unchecked: 'translate-x-[2px]',\n    },\n    lg: {\n        checked: 'translate-x-[28px]',\n        unchecked: 'translate-x-[3px]',\n    },\n}\n\nexport const labelBase = 'text-[var(--muted-fg)]'\n\nexport const labelSizes: Record<GrSwitchSize, string> = {\n    sm: 'text-sm',\n    md: 'text-sm',\n    lg: 'text-base',\n}\n\nexport function grSwitchTrackClass(size: GrSwitchSize): string {\n    return [trackBase, trackSizes[size]].join(' ')\n}\n\nexport function grSwitchThumbClass(options: GrSwitchThumbClassOptions): string {\n    return [\n        thumbBase,\n        thumbSizes[options.size],\n        thumbTranslations[options.size][options.checked ? 'checked' : 'unchecked'],\n    ].join(' ')\n}\n\nexport function grSwitchLabelClass(size: GrSwitchSize): string {\n    return [labelBase, labelSizes[size]].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n    labelBase,\n    labelSizes,\n    thumbBase,\n    thumbSizes,\n    thumbTranslations,\n    trackBase,\n    trackSizes,\n} from './grSwitchStyles'\n\nexport const grSwitchClassTokens = {\n    trackBase: splitClassTokens(trackBase),\n    trackSizes: Object.values(trackSizes).flatMap(splitClassTokens),\n    thumbBase: splitClassTokens(thumbBase),\n    thumbSizes: Object.values(thumbSizes).flatMap(splitClassTokens),\n    thumbTranslations: Object.values(thumbTranslations).flatMap(({checked, unchecked}) => {\n        return [...splitClassTokens(checked), ...splitClassTokens(unchecked)]\n    }),\n    labelBase: splitClassTokens(labelBase),\n    labelSizes: Object.values(labelSizes).flatMap(splitClassTokens),\n} as const\n\nexport const grSwitchSafelist = [...new Set([\n    ...grSwitchClassTokens.trackBase,\n    ...grSwitchClassTokens.trackSizes,\n    ...grSwitchClassTokens.thumbBase,\n    ...grSwitchClassTokens.thumbSizes,\n    ...grSwitchClassTokens.thumbTranslations,\n    ...grSwitchClassTokens.labelBase,\n    ...grSwitchClassTokens.labelSizes,\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grSwitchSafelist } from './safelist'\n\nexport const grSwitchConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSwitch',\n  safelist: grSwitchSafelist,\n})"],"mappings":";;;AAOA,IAAa,YACT;AAEJ,IAAa,aAA2C;CACpD,IAAI;CACJ,IAAI;CACJ,IAAI;CACP;AAED,IAAa,YACT;AAEJ,IAAa,aAA2C;CACpD,IAAI;CACJ,IAAI;CACJ,IAAI;CACP;AAED,IAAa,oBAAkF;CAC3F,IAAI;EACA,SAAS;EACT,WAAW;EACd;CACD,IAAI;EACA,SAAS;EACT,WAAW;EACd;CACD,IAAI;EACA,SAAS;EACT,WAAW;EACd;CACJ;AAED,IAAa,YAAY;AAEzB,IAAa,aAA2C;CACpD,IAAI;CACJ,IAAI;CACJ,IAAI;CACP;AAED,SAAgB,mBAAmB,MAA4B;AAC3D,QAAO,CAAC,WAAW,WAAW,MAAM,CAAC,KAAK,IAAI;;AAGlD,SAAgB,mBAAmB,SAA4C;AAC3E,QAAO;EACH;EACA,WAAW,QAAQ;EACnB,kBAAkB,QAAQ,MAAM,QAAQ,UAAU,YAAY;EACjE,CAAC,KAAK,IAAI;;AAGf,SAAgB,mBAAmB,MAA4B;AAC3D,QAAO,CAAC,WAAW,WAAW,MAAM,CAAC,KAAK,IAAI;;;;AClDlD,IAAa,sBAAsB;CAC/B,WAAW,iBAAiB,UAAU;CACtC,YAAY,OAAO,OAAO,WAAW,CAAC,QAAQ,iBAAiB;CAC/D,WAAW,iBAAiB,UAAU;CACtC,YAAY,OAAO,OAAO,WAAW,CAAC,QAAQ,iBAAiB;CAC/D,mBAAmB,OAAO,OAAO,kBAAkB,CAAC,SAAS,EAAC,SAAS,gBAAe;AAClF,SAAO,CAAC,GAAG,iBAAiB,QAAQ,EAAE,GAAG,iBAAiB,UAAU,CAAC;GACvE;CACF,WAAW,iBAAiB,UAAU;CACtC,YAAY,OAAO,OAAO,WAAW,CAAC,QAAQ,iBAAiB;CAClE;AAED,IAAa,mBAAmB,CAAC,GAAG,IAAI,IAAI;CACxC,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CAC1B,CAAC,CAAC;;;AC3BH,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,UAAU;CACX,CAAA"}

package/dist/chunks/grBadgeStyles-pqqbVgLk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grBadgeStyles-pqqbVgLk.js","names":[],"sources":["../../src/components/GrBadge/grBadgeStyles.ts"],"sourcesContent":["import type { GrTone } from '../shared/tones'\n\nexport type GrBadgeTone = GrTone\nexport type GrBadgeSize = 'sm' | 'md' | 'lg'\nexport type GrBadgeRadius = 'square' | 'semi' | 'round'\nexport const sizeClassBySize: Record<GrBadgeSize, string> = {\n  sm: 'px-2 py-0.4 text-[11px]',\n  md: 'px-2.5 py-0.5 text-[12px]',\n  lg: 'px-3 py-1 text-[13px]',\n}\nexport const semiRadiusClassBySize: Record<GrBadgeSize, string> = {\n  sm: 'rounded-[3px]',\n  md: 'rounded-[3px]',\n  lg: 'rounded-[5px]',\n}\nexport const lightToneClassByTone: Record<GrBadgeTone, string> = {\n  neutral: 'bg-[var(--muted)] text-[var(--fg)] border-[var(--brd)]',\n  primary:\n    'bg-[var(--accent)] text-[var(--accent-fg)] border-[color-mix(in_srgb,var(--primary)_30%,var(--accent))]',\n  success: 'bg-[var(--ds-success-light)] text-[var(--ds-success)] border-[color-mix(in_srgb,var(--ds-success)_30%,var(--ds-success-light))]',\n  warning: 'bg-[var(--ds-warning-light)] text-[var(--ds-warning)] border-[color-mix(in_srgb,var(--ds-warning)_30%,var(--ds-warning-light))]',\n  danger: 'bg-[var(--ds-danger-light)] text-[var(--ds-danger)] border-[color-mix(in_srgb,var(--ds-danger)_30%,var(--ds-danger-light))]',\n  info: 'bg-[var(--ds-info-light)] text-[var(--ds-info)] border-[color-mix(in_srgb,var(--ds-info)_30%,var(--ds-info-light))]',\n  slate: 'bg-[var(--ds-slate-light)] text-[var(--ds-slate-text)] border-[color-mix(in_srgb,var(--ds-slate)_30%,var(--ds-slate-light))]',\n  azure: 'bg-[var(--ds-azure-light)] text-[var(--ds-azure-text)] border-[color-mix(in_srgb,var(--ds-azure)_30%,var(--ds-azure-light))]',\n}\nexport const darkToneClassByTone: Record<GrBadgeTone, string> = {\n  neutral: 'bg-[var(--fg)] text-[var(--bg)] border-[color-mix(in_srgb,var(--fg)_35%,var(--brd))]',\n  primary: 'bg-[var(--primary)] text-[var(--primary-fg)] border-[var(--primary)]',\n  success: 'bg-[var(--ds-success)] text-white border-[var(--ds-success)]',\n  warning: 'bg-[var(--ds-warning)] text-white border-[var(--ds-warning)]',\n  danger: 'bg-[var(--ds-danger)] text-white border-[var(--ds-danger)]',\n  info: 'bg-[var(--ds-info)] text-white border-[var(--ds-info)]',\n  slate: 'bg-[var(--ds-slate)] text-[var(--ds-slate-fg)] border-[var(--ds-slate)]',\n  azure: 'bg-[var(--ds-azure)] text-[var(--ds-azure-fg)] border-[var(--ds-azure)]',\n}\nfunction radiusClass(radius: GrBadgeRadius, size: GrBadgeSize): string {\n  if (radius === 'square') return 'rounded-[var(--ds-radius-none)]'\n  if (radius === 'semi') return semiRadiusClassBySize[size]\n  return 'rounded-full'\n}\nfunction toneClass(tone: GrBadgeTone, dark: boolean): string {\n  return dark ? darkToneClassByTone[tone] : lightToneClassByTone[tone]\n}\nexport function grBadgeClass(options: { tone: GrBadgeTone, dark: boolean, size: GrBadgeSize, radius: GrBadgeRadius }): string {\n  return [\n    radiusClass(options.radius, options.size),\n    sizeClassBySize[options.size],\n    toneClass(options.tone, options.dark),\n  ].join(' ')\n}\n"],"mappings":";AAKA,IAAa,kBAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AACD,IAAa,wBAAqD;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AACD,IAAa,uBAAoD;CAC/D,SAAS;CACT,SACE;CACF,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;CACR;AACD,IAAa,sBAAmD;CAC9D,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;CACR;AACD,SAAS,YAAY,QAAuB,MAA2B;AACrE,KAAI,WAAW,SAAU,QAAO;AAChC,KAAI,WAAW,OAAQ,QAAO,sBAAsB;AACpD,QAAO;;AAET,SAAS,UAAU,MAAmB,MAAuB;AAC3D,QAAO,OAAO,oBAAoB,QAAQ,qBAAqB;;AAEjE,SAAgB,aAAa,SAAiG;AAC5H,QAAO;EACL,YAAY,QAAQ,QAAQ,QAAQ,KAAK;EACzC,gBAAgB,QAAQ;EACxB,UAAU,QAAQ,MAAM,QAAQ,KAAK;EACtC,CAAC,KAAK,IAAI"}

package/dist/chunks/loader-circle-B2rWDk5u.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loader-circle-B2rWDk5u.js","names":[],"sources":[],"mappings":""}

package/dist/chunks/safelist-BF822K15.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"safelist-BF822K15.js","names":[],"sources":["../../src/components/GrDialog/safelist.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n} from './dialogShared'\n\n// В safelist попадают ТОЛЬКО токены, которые нельзя обнаружить статическим\n// сканом шаблонов: значения из дефолтных конфигов секций (`paddingX`/`paddingY`),\n// которые используются через `:class` и могут переопределяться консьюмером.\n//\n// Все литералы, прописанные напрямую в шаблонах (`class=\"...\"` или\n// статические строки в `:class=\"[...]\"` внутри .vue), UnoCSS найдёт сам —\n// дублировать их здесь не нужно.\nfunction configTokens(config: { paddingX: string, paddingY: string }): string[] {\n  return [\n    ...splitClassTokens(config.paddingX),\n    ...splitClassTokens(config.paddingY),\n  ]\n}\n\nexport const grDialogSafelist = [...new Set([\n  ...configTokens(DEFAULT_GR_DIALOG_HEADER_CONFIG),\n  ...configTokens(DEFAULT_GR_DIALOG_FOOTER_CONFIG),\n  ...configTokens(DEFAULT_GR_DIALOG_BODY_CONFIG),\n])]\n"],"mappings":";;;AAcA,SAAS,aAAa,QAA0D;AAC9E,QAAO,CACL,GAAG,iBAAiB,OAAO,SAAS,EACpC,GAAG,iBAAiB,OAAO,SAAS,CACrC;;AAGH,IAAa,mBAAmB,CAAC,GAAG,IAAI,IAAI;CAC1C,GAAG,aAAa,gCAAgC;CAChD,GAAG,aAAa,gCAAgC;CAChD,GAAG,aAAa,8BAA8B;CAC/C,CAAC,CAAC"}

package/dist/components/GrBadge/chunks/GrBadge-wuIb4_2K.js

@@ -1,32 +0,0 @@
-import { n as grBadgeClass } from "../../../chunks/grBadgeStyles-pqqbVgLk.js";
-import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
-//#endregion
-//#region src/components/GrBadge/GrBadge.vue
-var GrBadge_default = /* @__PURE__ */ defineComponent({
-	__name: "GrBadge",
-	props: {
-		tone: { default: "neutral" },
-		dark: {
-			type: Boolean,
-			default: false
-		},
-		size: { default: "md" },
-		radius: { default: "round" }
-	},
-	setup(__props) {
-		const props = __props;
-		const className = computed(() => {
-			return grBadgeClass({
-				tone: props.tone,
-				dark: props.dark,
-				size: props.size,
-				radius: props.radius
-			});
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", { class: normalizeClass(["inline-flex items-center border whitespace-nowrap leading-none", className.value]) }, [renderSlot(_ctx.$slots, "default")], 2);
-		};
-	}
-});
-//#endregion
-export { GrBadge_default as t };

package/dist/components/GrBadge/chunks/GrBadge-wuIb4_2K.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrBadge-wuIb4_2K.js","names":[],"sources":["../../../../src/components/GrBadge/GrBadge.vue","../../../../src/components/GrBadge/GrBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from './grBadgeStyles'\n\nimport {\n  grBadgeClass,\n  type GrBadgeRadius,\n  type GrBadgeSize,\n  type GrBadgeTone,\n} from './grBadgeStyles'\n\nconst props = withDefaults(\n  defineProps<{\n    tone?: GrBadgeTone\n    dark?: boolean\n    size?: GrBadgeSize\n    radius?: GrBadgeRadius\n  }>(),\n  {\n    tone: 'neutral',\n    dark: false,\n    size: 'md',\n    radius: 'round',\n  },\n)\n\nconst className = computed(() => {\n  return grBadgeClass({\n    tone: props.tone,\n    dark: props.dark,\n    size: props.size,\n    radius: props.radius,\n  })\n})\n</script>\n\n<template>\n  <span class=\"inline-flex items-center border whitespace-nowrap leading-none\" :class=\"className\">\n    <slot />\n  </span>\n</template>","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from './grBadgeStyles'\n\nimport {\n  grBadgeClass,\n  type GrBadgeRadius,\n  type GrBadgeSize,\n  type GrBadgeTone,\n} from './grBadgeStyles'\n\nconst props = withDefaults(\n  defineProps<{\n    tone?: GrBadgeTone\n    dark?: boolean\n    size?: GrBadgeSize\n    radius?: GrBadgeRadius\n  }>(),\n  {\n    tone: 'neutral',\n    dark: false,\n    size: 'md',\n    radius: 'round',\n  },\n)\n\nconst className = computed(() => {\n  return grBadgeClass({\n    tone: props.tone,\n    dark: props.dark,\n    size: props.size,\n    radius: props.radius,\n  })\n})\n</script>\n\n<template>\n  <span class=\"inline-flex items-center border whitespace-nowrap leading-none\" :class=\"className\">\n    <slot />\n  </span>\n</template>"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAed,MAAM,YAAY,eAAe;AAC/B,UAAO,aAAa;IAClB,MAAM,MAAM;IACZ,MAAM,MAAM;IACZ,MAAM,MAAM;IACZ,QAAQ,MAAM;IACf,CAAA;IACF;;uBAIC,mBAEO,QAAA,EAFD,OAAK,eAAA,CAAC,kEAAyE,UAAA,MAAS,CAAA,EAAA,EAAA,CAC5F,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/GrConfirmDialog/chunks/GrConfirmDialog-DjGOX9Hd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrConfirmDialog-DjGOX9Hd.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 type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\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\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})\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  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    <slot>\n      <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n        {{ description }}\n      </div>\n    </slot>\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            @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 type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\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\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})\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  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    <slot>\n      <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n        {{ description }}\n      </div>\n    </slot>\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            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCA,MAAM,QAAQ;EAmBd,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,QAAK,qBAAqB,MAAK;;;uBAK/B,YAqCW,kBAAA;gBApCA,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;;IAQH,QAAM,cAgBR,CAfP,WAeO,KAAA,QAAA,UAAA,EAAA,QAAA,CAdL,mBAaM,OAbN,YAaM,CAZJ,YAEW,kBAAA;KAFD,eAAY;KAAoB,SAAQ;KAAW,MAAM,QAAA;KAAa,SAAO;;4BACrE,CAAA,gBAAA,gBAAb,QAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;qBAEf,YAQW,kBAAA;KAPT,eAAY;KACX,SAAS,QAAA;KACT,MAAM,QAAA;KACN,MAAM,QAAA;KACN,SAAO;;4BAES,CAAA,gBAAA,gBAAd,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA;;;;;;;2BAff,CAJP,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,CAAA,CAAA"}

package/dist/components/GrFileUpload/chunks/GrFileUpload-DYRERhI2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrFileUpload-DYRERhI2.js","names":["$slots"],"sources":["../../../../src/components/GrFileUpload/uploadViaXhr.ts","../../../../src/components/GrFileUpload/uploadState.ts","../../../../src/components/GrFileUpload/GrFileUpload.vue","../../../../src/components/GrFileUpload/GrFileUpload.vue"],"sourcesContent":["/**\n * Загрузка файлов через `XMLHttpRequest` с поддержкой прогресса аплоада и\n * отмены по `AbortSignal`. Используется в `GrFileUpload` для ветки `action`,\n * а также может применяться пользователем напрямую в `request`-загрузчике.\n */\n\nexport type GrUploadExtraDataValue = string | Blob\n\nexport type GrUploadExtraData = Record<string, GrUploadExtraDataValue | GrUploadExtraDataValue[]>\n\nexport interface GrUploadProgressInfo {\n  /** Процент `0..100`. Для запросов без `lengthComputable` значение `0` и `indeterminate = true`. */\n  percent: number\n  loaded: number\n  total: number\n  indeterminate: boolean\n}\n\nexport interface UploadViaXhrOptions {\n  url: string\n  files: File[]\n  name: string\n  headers?: Record<string, string>\n  withCredentials?: boolean\n  extraData?: GrUploadExtraData\n  signal: AbortSignal\n  onProgress?: (info: GrUploadProgressInfo) => void\n}\n\nexport class GrUploadAbortError extends Error {\n  constructor(message = 'Upload aborted') {\n    super(message)\n    this.name = 'GrUploadAbortError'\n  }\n}\n\nexport class GrUploadHttpError extends Error {\n  status: number\n  payload: unknown\n\n  constructor(status: number, payload: unknown) {\n    super(`Upload failed with status ${status}`)\n    this.name = 'GrUploadHttpError'\n    this.status = status\n    this.payload = payload\n  }\n}\n\nfunction appendExtraFormData(body: FormData, extraData: GrUploadExtraData | undefined) {\n  if (!extraData) return\n\n  for (const [key, value] of Object.entries(extraData)) {\n    if (Array.isArray(value)) {\n      for (const entry of value) body.append(key, entry)\n      continue\n    }\n\n    body.append(key, value)\n  }\n}\n\nfunction parseResponse(xhr: XMLHttpRequest): unknown {\n  const contentType = xhr.getResponseHeader('content-type') ?? ''\n  const raw = xhr.responseText\n\n  if (contentType.includes('application/json')) {\n    try {\n      return JSON.parse(raw)\n    } catch {\n      return raw\n    }\n  }\n\n  return raw\n}\n\nexport function uploadViaXhr(options: UploadViaXhrOptions): Promise<unknown> {\n  const { url, files, name, headers, withCredentials, extraData, signal, onProgress } = options\n\n  return new Promise<unknown>((resolve, reject) => {\n    if (signal.aborted) {\n      reject(new GrUploadAbortError())\n      return\n    }\n\n    const body = new FormData()\n    for (const file of files) body.append(name, file)\n    appendExtraFormData(body, extraData)\n\n    const xhr = new XMLHttpRequest()\n    xhr.open('POST', url, true)\n    xhr.withCredentials = !!withCredentials\n\n    if (headers) {\n      for (const [key, value] of Object.entries(headers))\n        xhr.setRequestHeader(key, value)\n    }\n\n    const onAbort = () => {\n      try {\n        xhr.abort()\n      } catch {\n        /* ignore */\n      }\n    }\n\n    signal.addEventListener('abort', onAbort)\n\n    const cleanup = () => {\n      signal.removeEventListener('abort', onAbort)\n    }\n\n    if (onProgress) {\n      xhr.upload.addEventListener('progress', (event) => {\n        const indeterminate = !event.lengthComputable\n        const total = indeterminate ? 0 : event.total\n        const loaded = indeterminate ? 0 : event.loaded\n        const percent = indeterminate || total === 0 ? 0 : Math.min(100, (loaded / total) * 100)\n        onProgress({ percent, loaded, total, indeterminate })\n      })\n    }\n\n    xhr.addEventListener('load', () => {\n      cleanup()\n      const payload = parseResponse(xhr)\n      const status = xhr.status\n\n      if (status >= 200 && status < 300) {\n        if (onProgress) onProgress({ percent: 100, loaded: 1, total: 1, indeterminate: false })\n        resolve(payload)\n        return\n      }\n\n      reject(new GrUploadHttpError(status, payload))\n    })\n\n    xhr.addEventListener('error', () => {\n      cleanup()\n      reject(new Error('Network error during upload'))\n    })\n\n    xhr.addEventListener('abort', () => {\n      cleanup()\n      reject(new GrUploadAbortError())\n    })\n\n    xhr.send(body)\n  })\n}\n","/**\n * Состояние процесса загрузки в `GrFileUpload`.\n *\n * Используется как для внутреннего управления UI, так и пробрасывается наружу\n * через scoped-слоты (`progress`, `default`) и `defineExpose`.\n */\n\nexport type GrUploadPhase = 'idle' | 'uploading' | 'success' | 'error'\n\nexport interface GrUploadStateIdle {\n  phase: 'idle'\n  percent: 0\n  indeterminate: false\n  loaded: 0\n  total: 0\n}\n\nexport interface GrUploadStateUploading {\n  phase: 'uploading'\n  percent: number\n  indeterminate: boolean\n  loaded: number\n  total: number\n}\n\nexport interface GrUploadStateSuccess {\n  phase: 'success'\n  percent: 100\n  indeterminate: false\n  loaded: number\n  total: number\n}\n\nexport interface GrUploadStateError {\n  phase: 'error'\n  percent: number\n  indeterminate: false\n  loaded: number\n  total: number\n  error: unknown\n}\n\nexport type GrUploadState =\n  | GrUploadStateIdle\n  | GrUploadStateUploading\n  | GrUploadStateSuccess\n  | GrUploadStateError\n\nexport const GR_UPLOAD_STATE_IDLE: GrUploadStateIdle = Object.freeze({\n  phase: 'idle',\n  percent: 0,\n  indeterminate: false,\n  loaded: 0,\n  total: 0,\n})\n","<script setup lang=\"ts\">\nimport { Comment, computed, Fragment, nextTick, reactive, ref, Text, useSlots, type VNode } from 'vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport GrProgressBar from '../GrProgressBar/GrProgressBar.vue'\nimport type { GrProgressBarTone } from '../GrProgressBar/grStyle'\nimport type { FileValidator, FileValidatorSource } from '../../fileValidation'\nimport type { GrUploadProgressInfo } from './uploadViaXhr'\nimport type { GrUploadState } from './uploadState'\n\nimport { FileValidationError, runFileValidators } from '../../fileValidation'\nimport { GrUploadAbortError, uploadViaXhr } from './uploadViaXhr'\nimport { GR_UPLOAD_STATE_IDLE } from './uploadState'\n\nexport type GrFileUploadExtraDataValue = string | Blob\n\nexport type GrFileUploadExtraData = Record<string, GrFileUploadExtraDataValue | GrFileUploadExtraDataValue[]>\n\nexport type GrFileUploadRequestCtx = {\n  signal: AbortSignal\n  extraData?: GrFileUploadExtraData\n  /**\n   * Колбэк прогресса аплоада. Пользовательский `request` (например, axios)\n   * должен вызывать его из `onUploadProgress`, чтобы `GrFileUpload` отображал\n   * прогресс через слот `progress` / дефолтный `GrProgressBar`.\n   */\n  onProgress?: (info: GrUploadProgressInfo) => void\n}\n\nexport type GrFileUploadRequest = (files: File[], ctx: GrFileUploadRequestCtx) => Promise<any>\n\n/**\n * Пропы `GrFileUpload`.\n *\n * Либо `action` (URL для POST multipart/form-data), либо `request` — кастомный\n * загрузчик (например, через axios). Если переданы оба — приоритет у `request`.\n *\n * `placeholder` — надпись в дефолтном UI-варианте (без слота default).\n */\nexport interface GrFileUploadProps {\n  action?: string\n  request?: GrFileUploadRequest\n  name?: string\n  multiple?: boolean\n  limit?: number\n  onExceed?: (files: File[], limit: number) => void\n  beforeUpload?: (file: File) => boolean | Promise<unknown>\n  validators?: FileValidator[]\n  disabled?: boolean\n  headers?: Record<string, string>\n  withCredentials?: boolean\n  showFileList?: boolean\n  uploadExtraData?: (files: File[]) => GrFileUploadExtraData | undefined\n  /** i18n: надпись-подсказка в дефолтном UI. */\n  placeholder?: string\n  /** Показывать дефолтный прогресс-бар (если не используется слот `progress`). */\n  showProgress?: boolean\n  /** Цветовой тон полосы прогресса в фазе `uploading`. */\n  progressTone?: GrProgressBarTone\n  /** aria-label для прогресс-бара. */\n  progressLabel?: string\n  /** Через сколько мс после `success` скрыть прогресс-бар. `0` — не скрывать. */\n  hideProgressOnSuccess?: number\n}\n\nconst props = withDefaults(\n  defineProps<GrFileUploadProps>(),\n  {\n    action: undefined,\n    request: undefined,\n    name: 'file',\n    multiple: false,\n    limit: undefined,\n    onExceed: undefined,\n    beforeUpload: undefined,\n    validators: undefined,\n    disabled: false,\n    headers: undefined,\n    withCredentials: false,\n    showFileList: false,\n    uploadExtraData: undefined,\n    placeholder: 'Drag files here or click to select',\n    showProgress: true,\n    progressTone: 'primary',\n    progressLabel: 'Upload progress',\n    hideProgressOnSuccess: 800,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'success', payload: any): void\n  (e: 'error', error: unknown): void\n  (e: 'progress', percent: number, info?: GrUploadProgressInfo): void\n  (e: 'change', files: File[]): void\n  (e: 'state-change', state: GrUploadState): void\n}>()\n\nconst slots = useSlots()\n\nfunction flattenSlotNodes(nodes: VNode[]): VNode[] {\n  const out: VNode[] = []\n\n  for (const node of nodes) {\n    if (node.type === Fragment && Array.isArray(node.children)) {\n      out.push(...flattenSlotNodes(node.children as VNode[]))\n      continue\n    }\n\n    out.push(node)\n  }\n\n  return out\n}\n\nfunction isWhitespaceTextNode(node: VNode): boolean {\n  if (node.type !== Text) return false\n  return typeof node.children === 'string' && node.children.trim().length === 0\n}\n\nfunction slotIsTextOnly(nodes: VNode[]): boolean {\n  const flat = flattenSlotNodes(nodes)\n  const meaningful = flat.filter(node => node.type !== Comment && !isWhitespaceTextNode(node))\n\n  if (meaningful.length === 0) return true\n\n  for (const node of meaningful) {\n    if (node.type !== Text) return false\n  }\n\n  return true\n}\n\nconst defaultSlotNodes = computed(() => {\n  return slots.default ? flattenSlotNodes(slots.default({} as any)) : []\n})\n\nconst hasCustomUi = computed(() => {\n  return !!slots.default && !slotIsTextOnly(defaultSlotNodes.value)\n})\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst isOver = ref(false)\nlet overCounter = 0\n\nconst lastFiles = ref<File[]>([])\n\nconst state = reactive<GrUploadState>({ ...GR_UPLOAD_STATE_IDLE }) as GrUploadState\n\nlet activeController: AbortController | null = null\nlet hideSuccessTimer: ReturnType<typeof setTimeout> | null = null\n\nfunction clearHideSuccessTimer() {\n  if (hideSuccessTimer !== null) {\n    clearTimeout(hideSuccessTimer)\n    hideSuccessTimer = null\n  }\n}\n\nfunction assignState(next: GrUploadState) {\n  // мутируем через Object.assign, чтобы сохранить reactive ссылку\n  for (const key of Object.keys(state) as (keyof GrUploadState)[])\n    delete (state as any)[key]\n  Object.assign(state, next)\n  emit('state-change', state as GrUploadState)\n}\n\nfunction setStateIdle() {\n  assignState({ ...GR_UPLOAD_STATE_IDLE })\n}\n\nfunction setStateUploading(info?: GrUploadProgressInfo) {\n  assignState({\n    phase: 'uploading',\n    percent: info?.percent ?? 0,\n    indeterminate: info?.indeterminate ?? true,\n    loaded: info?.loaded ?? 0,\n    total: info?.total ?? 0,\n  })\n}\n\nfunction setStateSuccess(info: { loaded: number, total: number }) {\n  assignState({\n    phase: 'success',\n    percent: 100,\n    indeterminate: false,\n    loaded: info.loaded,\n    total: info.total,\n  })\n}\n\nfunction setStateError(error: unknown) {\n  const prev = state\n  assignState({\n    phase: 'error',\n    percent: prev.phase === 'uploading' ? prev.percent : 0,\n    indeterminate: false,\n    loaded: prev.phase === 'uploading' ? prev.loaded : 0,\n    total: prev.phase === 'uploading' ? prev.total : 0,\n    error,\n  })\n}\n\nfunction handleProgress(info: GrUploadProgressInfo) {\n  if (state.phase !== 'uploading') return\n  assignState({\n    phase: 'uploading',\n    percent: info.percent,\n    indeterminate: info.indeterminate,\n    loaded: info.loaded,\n    total: info.total,\n  })\n  emit('progress', info.percent, info)\n}\n\nconst tabIndex = computed(() => (props.disabled ? -1 : 0))\n\nconst hiddenInputStyle = {\n  position: 'fixed',\n  top: '-9999px',\n  left: '-9999px',\n  width: '1px',\n  height: '1px',\n  opacity: '0',\n  overflow: 'hidden',\n  pointerEvents: 'none',\n} as const satisfies Record<string, string>\n\nfunction setOver(next: boolean) {\n  if (isOver.value === next) return\n  isOver.value = next\n}\n\nfunction openDialog() {\n  if (props.disabled) return\n  inputRef.value?.click()\n}\n\nfunction abort() {\n  activeController?.abort()\n  activeController = null\n}\n\nfunction normalizeLimit(limit: number | undefined): number | undefined {\n  if (typeof limit !== 'number') return undefined\n  if (!Number.isFinite(limit)) return undefined\n  if (limit <= 0) return undefined\n  return Math.floor(limit)\n}\n\n\nasync function uploadViaAction(files: File[], signal: AbortSignal, extraData: GrFileUploadExtraData | undefined) {\n  if (!props.action) throw new Error('GrFileUpload: either `action` or `request` must be provided')\n\n  return uploadViaXhr({\n    url: props.action,\n    files,\n    name: props.name,\n    headers: props.headers,\n    withCredentials: props.withCredentials,\n    extraData,\n    signal,\n    onProgress: handleProgress,\n  })\n}\n\nasync function runBeforeUpload(files: File[]): Promise<'ok' | { aborted: true; reason: unknown }> {\n  if (!props.beforeUpload) return 'ok'\n\n  for (const file of files) {\n    try {\n      const result = props.beforeUpload(file)\n\n      if (result === false) {\n        return { aborted: true, reason: new Error('Upload aborted by beforeUpload') }\n      }\n\n      if (result && typeof (result as any).then === 'function')\n        await result\n    } catch (error) {\n      return { aborted: true, reason: error }\n    }\n  }\n\n  return 'ok'\n}\n\nasync function handleFiles(files: File[], source: FileValidatorSource = 'input') {\n  if (props.disabled) return\n  if (!files.length) return\n\n  const normalizedLimit = normalizeLimit(props.limit)\n  if (props.multiple && normalizedLimit && files.length > normalizedLimit) {\n    props.onExceed?.(files, normalizedLimit)\n    emit('error', new Error(`Too many files selected, limit=${normalizedLimit}`))\n    return\n  }\n\n  const { files: valid, issues } = await runFileValidators(files, props.validators ?? [], {\n    source,\n    multiple: props.multiple,\n  })\n\n  if (issues.length > 0) {\n    emit('error', new FileValidationError(issues, valid))\n    return\n  }\n\n  if (!valid.length) return\n\n  lastFiles.value = valid\n\n  const before = await runBeforeUpload(valid)\n  if (before !== 'ok') {\n    emit('error', before.reason)\n    return\n  }\n\n  let extraData: GrFileUploadExtraData | undefined\n  try {\n    extraData = props.uploadExtraData?.(valid)\n  } catch (error) {\n    emit('error', error)\n    return\n  }\n\n  abort()\n  clearHideSuccessTimer()\n\n  const controller = new AbortController()\n  activeController = controller\n\n  setStateUploading()\n  emit('progress', 0, { percent: 0, loaded: 0, total: 0, indeterminate: true })\n\n  try {\n    const payload = props.request\n      ? await props.request(valid, { signal: controller.signal, extraData, onProgress: handleProgress })\n      : await uploadViaAction(valid, controller.signal, extraData)\n\n    const finalLoaded = state.phase === 'uploading' ? state.total || state.loaded : 0\n    setStateSuccess({ loaded: finalLoaded, total: finalLoaded })\n    emit('success', payload)\n    emit('change', valid)\n    emit('progress', 100, { percent: 100, loaded: finalLoaded, total: finalLoaded, indeterminate: false })\n\n    if (props.hideProgressOnSuccess && props.hideProgressOnSuccess > 0) {\n      hideSuccessTimer = setTimeout(() => {\n        if (state.phase === 'success') setStateIdle()\n        hideSuccessTimer = null\n      }, props.hideProgressOnSuccess)\n    }\n  } catch (error) {\n    if (error instanceof GrUploadAbortError) {\n      setStateIdle()\n    } else {\n      setStateError(error)\n    }\n    emit('error', error)\n  } finally {\n    if (activeController === controller) activeController = null\n  }\n}\n\nfunction onDragEnter(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter += 1\n  setOver(true)\n}\n\nfunction onDragOver(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  if (event.dataTransfer) event.dataTransfer.dropEffect = 'copy'\n}\n\nfunction onDragLeave(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter = Math.max(0, overCounter - 1)\n  if (overCounter === 0) setOver(false)\n}\n\nfunction onDrop(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter = 0\n  setOver(false)\n\n  const files = event.dataTransfer?.files ? Array.prototype.slice.call(event.dataTransfer.files) as File[] : []\n  void handleFiles(files, 'drop')\n}\n\nasync function onInputChange(event: Event) {\n  if (props.disabled) return\n\n  const target = event.target as HTMLInputElement | null\n  const files = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  if (target) target.value = ''\n\n  await nextTick()\n  await handleFiles(files, 'input')\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    openDialog()\n  }\n}\n\nfunction onRootClick() {\n  if (hasCustomUi.value) return\n  openDialog()\n}\n\nfunction onRootKeydown(event: KeyboardEvent) {\n  if (hasCustomUi.value) return\n  onKeydown(event)\n}\n\nconst effectiveProgressTone = computed<GrProgressBarTone>(() => {\n  if (state.phase === 'error') return 'danger'\n  if (state.phase === 'success') return 'success'\n  return props.progressTone\n})\n\nconst progressVisible = computed(() => state.phase !== 'idle')\nconst progressPercent = computed(() => (state.phase === 'uploading' && state.indeterminate ? 0 : state.percent))\nconst progressText = computed(() => {\n  if (state.phase === 'uploading' && state.indeterminate) return ''\n  return `${Math.round(progressPercent.value)}%`\n})\n\ndefineExpose({\n  uploadFiles: handleFiles,\n  abort,\n  openDialog,\n  state,\n})\n</script>\n\n<template>\n  <div\n    data-ds-file-upload\n    :role=\"hasCustomUi ? undefined : 'button'\"\n    :tabindex=\"hasCustomUi ? undefined : tabIndex\"\n    :aria-disabled=\"hasCustomUi ? undefined : disabled ? 'true' : 'false'\"\n    :class=\"\n      hasCustomUi\n        ? 'inline-block'\n        : [\n            'relative w-full rounded-[var(--ds-radius-lg)] border border-dashed border-[var(--brd)] bg-[var(--card)] px-5 py-6 outline-none transition',\n            disabled\n              ? 'opacity-60 cursor-not-allowed'\n              : 'cursor-pointer hover:bg-[var(--muted)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg)]',\n            isOver && !disabled ? 'border-[var(--ring)] bg-[var(--muted)]' : '',\n          ]\n    \"\n    @click=\"onRootClick\"\n    @keydown=\"onRootKeydown\"\n    @dragenter=\"onDragEnter\"\n    @dragover=\"onDragOver\"\n    @dragleave=\"onDragLeave\"\n    @drop=\"onDrop\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-ds-file-upload-input\n      :style=\"hiddenInputStyle\"\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :name=\"name\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <slot\n      v-if=\"hasCustomUi\"\n      :open-dialog=\"openDialog\"\n      :abort=\"abort\"\n      :disabled=\"disabled\"\n      :files=\"lastFiles\"\n      :is-over=\"isOver\"\n      :state=\"state\"\n    />\n\n    <div v-else class=\"flex items-start gap-4\">\n      <div\n        data-ds-file-upload-icon\n        class=\"h-12 w-12 shrink-0 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center\"\n        aria-hidden=\"true\"\n      >\n        <GrIcon class=\"h-6 w-6 text-[var(--muted-fg)]\">\n          <IconArrowUp />\n        </GrIcon>\n      </div>\n\n      <div class=\"min-w-0\">\n        <div data-ds-file-upload-label class=\"text-[14px] font-700\">\n          <slot name=\"label\">\n            <slot>\n              {{ placeholder }}\n            </slot>\n          </slot>\n        </div>\n\n        <div v-if=\"$slots.tip\" data-ds-file-upload-tip class=\"mt-1 text-[13px] text-[var(--muted-fg)]\">\n          <slot name=\"tip\" />\n        </div>\n        <div v-else class=\"mt-1 text-[13px] text-[var(--muted-fg)]\" />\n\n        <ul v-if=\"showFileList && lastFiles.length\" data-ds-file-upload-list class=\"mt-3 space-y-1\">\n          <li\n            v-for=\"file in lastFiles\"\n            :key=\"file.name\"\n            data-ds-file-upload-item\n            class=\"text-[13px]\"\n          >\n            <span class=\"font-600\">{{ file.name }}</span>\n            <span class=\"text-[var(--muted-fg)]\"> · {{ Math.ceil(file.size / 1024) }} KB</span>\n          </li>\n        </ul>\n\n        <slot\n          v-if=\"showProgress || $slots.progress\"\n          name=\"progress\"\n          :state=\"state\"\n          :percent=\"state.percent\"\n          :indeterminate=\"state.phase === 'uploading' && state.indeterminate\"\n          :phase=\"state.phase\"\n          :files=\"lastFiles\"\n          :abort=\"abort\"\n        >\n          <div\n            v-if=\"showProgress\"\n            data-ds-file-upload-progress\n            class=\"mt-3 transition-opacity duration-150\"\n            :class=\"progressVisible ? 'opacity-100' : 'opacity-0 pointer-events-none'\"\n            :aria-hidden=\"!progressVisible\"\n          >\n            <div class=\"flex items-center gap-2\">\n              <GrProgressBar\n                :value=\"progressPercent\"\n                :tone=\"effectiveProgressTone\"\n                :aria-label=\"progressLabel\"\n              />\n              <span\n                data-ds-file-upload-progress-text\n                class=\"text-[12px] text-[var(--muted-fg)] tabular-nums min-w-[3ch] text-right\"\n              >{{ progressText }}</span>\n            </div>\n          </div>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { Comment, computed, Fragment, nextTick, reactive, ref, Text, useSlots, type VNode } from 'vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport GrProgressBar from '../GrProgressBar/GrProgressBar.vue'\nimport type { GrProgressBarTone } from '../GrProgressBar/grStyle'\nimport type { FileValidator, FileValidatorSource } from '../../fileValidation'\nimport type { GrUploadProgressInfo } from './uploadViaXhr'\nimport type { GrUploadState } from './uploadState'\n\nimport { FileValidationError, runFileValidators } from '../../fileValidation'\nimport { GrUploadAbortError, uploadViaXhr } from './uploadViaXhr'\nimport { GR_UPLOAD_STATE_IDLE } from './uploadState'\n\nexport type GrFileUploadExtraDataValue = string | Blob\n\nexport type GrFileUploadExtraData = Record<string, GrFileUploadExtraDataValue | GrFileUploadExtraDataValue[]>\n\nexport type GrFileUploadRequestCtx = {\n  signal: AbortSignal\n  extraData?: GrFileUploadExtraData\n  /**\n   * Колбэк прогресса аплоада. Пользовательский `request` (например, axios)\n   * должен вызывать его из `onUploadProgress`, чтобы `GrFileUpload` отображал\n   * прогресс через слот `progress` / дефолтный `GrProgressBar`.\n   */\n  onProgress?: (info: GrUploadProgressInfo) => void\n}\n\nexport type GrFileUploadRequest = (files: File[], ctx: GrFileUploadRequestCtx) => Promise<any>\n\n/**\n * Пропы `GrFileUpload`.\n *\n * Либо `action` (URL для POST multipart/form-data), либо `request` — кастомный\n * загрузчик (например, через axios). Если переданы оба — приоритет у `request`.\n *\n * `placeholder` — надпись в дефолтном UI-варианте (без слота default).\n */\nexport interface GrFileUploadProps {\n  action?: string\n  request?: GrFileUploadRequest\n  name?: string\n  multiple?: boolean\n  limit?: number\n  onExceed?: (files: File[], limit: number) => void\n  beforeUpload?: (file: File) => boolean | Promise<unknown>\n  validators?: FileValidator[]\n  disabled?: boolean\n  headers?: Record<string, string>\n  withCredentials?: boolean\n  showFileList?: boolean\n  uploadExtraData?: (files: File[]) => GrFileUploadExtraData | undefined\n  /** i18n: надпись-подсказка в дефолтном UI. */\n  placeholder?: string\n  /** Показывать дефолтный прогресс-бар (если не используется слот `progress`). */\n  showProgress?: boolean\n  /** Цветовой тон полосы прогресса в фазе `uploading`. */\n  progressTone?: GrProgressBarTone\n  /** aria-label для прогресс-бара. */\n  progressLabel?: string\n  /** Через сколько мс после `success` скрыть прогресс-бар. `0` — не скрывать. */\n  hideProgressOnSuccess?: number\n}\n\nconst props = withDefaults(\n  defineProps<GrFileUploadProps>(),\n  {\n    action: undefined,\n    request: undefined,\n    name: 'file',\n    multiple: false,\n    limit: undefined,\n    onExceed: undefined,\n    beforeUpload: undefined,\n    validators: undefined,\n    disabled: false,\n    headers: undefined,\n    withCredentials: false,\n    showFileList: false,\n    uploadExtraData: undefined,\n    placeholder: 'Drag files here or click to select',\n    showProgress: true,\n    progressTone: 'primary',\n    progressLabel: 'Upload progress',\n    hideProgressOnSuccess: 800,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'success', payload: any): void\n  (e: 'error', error: unknown): void\n  (e: 'progress', percent: number, info?: GrUploadProgressInfo): void\n  (e: 'change', files: File[]): void\n  (e: 'state-change', state: GrUploadState): void\n}>()\n\nconst slots = useSlots()\n\nfunction flattenSlotNodes(nodes: VNode[]): VNode[] {\n  const out: VNode[] = []\n\n  for (const node of nodes) {\n    if (node.type === Fragment && Array.isArray(node.children)) {\n      out.push(...flattenSlotNodes(node.children as VNode[]))\n      continue\n    }\n\n    out.push(node)\n  }\n\n  return out\n}\n\nfunction isWhitespaceTextNode(node: VNode): boolean {\n  if (node.type !== Text) return false\n  return typeof node.children === 'string' && node.children.trim().length === 0\n}\n\nfunction slotIsTextOnly(nodes: VNode[]): boolean {\n  const flat = flattenSlotNodes(nodes)\n  const meaningful = flat.filter(node => node.type !== Comment && !isWhitespaceTextNode(node))\n\n  if (meaningful.length === 0) return true\n\n  for (const node of meaningful) {\n    if (node.type !== Text) return false\n  }\n\n  return true\n}\n\nconst defaultSlotNodes = computed(() => {\n  return slots.default ? flattenSlotNodes(slots.default({} as any)) : []\n})\n\nconst hasCustomUi = computed(() => {\n  return !!slots.default && !slotIsTextOnly(defaultSlotNodes.value)\n})\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst isOver = ref(false)\nlet overCounter = 0\n\nconst lastFiles = ref<File[]>([])\n\nconst state = reactive<GrUploadState>({ ...GR_UPLOAD_STATE_IDLE }) as GrUploadState\n\nlet activeController: AbortController | null = null\nlet hideSuccessTimer: ReturnType<typeof setTimeout> | null = null\n\nfunction clearHideSuccessTimer() {\n  if (hideSuccessTimer !== null) {\n    clearTimeout(hideSuccessTimer)\n    hideSuccessTimer = null\n  }\n}\n\nfunction assignState(next: GrUploadState) {\n  // мутируем через Object.assign, чтобы сохранить reactive ссылку\n  for (const key of Object.keys(state) as (keyof GrUploadState)[])\n    delete (state as any)[key]\n  Object.assign(state, next)\n  emit('state-change', state as GrUploadState)\n}\n\nfunction setStateIdle() {\n  assignState({ ...GR_UPLOAD_STATE_IDLE })\n}\n\nfunction setStateUploading(info?: GrUploadProgressInfo) {\n  assignState({\n    phase: 'uploading',\n    percent: info?.percent ?? 0,\n    indeterminate: info?.indeterminate ?? true,\n    loaded: info?.loaded ?? 0,\n    total: info?.total ?? 0,\n  })\n}\n\nfunction setStateSuccess(info: { loaded: number, total: number }) {\n  assignState({\n    phase: 'success',\n    percent: 100,\n    indeterminate: false,\n    loaded: info.loaded,\n    total: info.total,\n  })\n}\n\nfunction setStateError(error: unknown) {\n  const prev = state\n  assignState({\n    phase: 'error',\n    percent: prev.phase === 'uploading' ? prev.percent : 0,\n    indeterminate: false,\n    loaded: prev.phase === 'uploading' ? prev.loaded : 0,\n    total: prev.phase === 'uploading' ? prev.total : 0,\n    error,\n  })\n}\n\nfunction handleProgress(info: GrUploadProgressInfo) {\n  if (state.phase !== 'uploading') return\n  assignState({\n    phase: 'uploading',\n    percent: info.percent,\n    indeterminate: info.indeterminate,\n    loaded: info.loaded,\n    total: info.total,\n  })\n  emit('progress', info.percent, info)\n}\n\nconst tabIndex = computed(() => (props.disabled ? -1 : 0))\n\nconst hiddenInputStyle = {\n  position: 'fixed',\n  top: '-9999px',\n  left: '-9999px',\n  width: '1px',\n  height: '1px',\n  opacity: '0',\n  overflow: 'hidden',\n  pointerEvents: 'none',\n} as const satisfies Record<string, string>\n\nfunction setOver(next: boolean) {\n  if (isOver.value === next) return\n  isOver.value = next\n}\n\nfunction openDialog() {\n  if (props.disabled) return\n  inputRef.value?.click()\n}\n\nfunction abort() {\n  activeController?.abort()\n  activeController = null\n}\n\nfunction normalizeLimit(limit: number | undefined): number | undefined {\n  if (typeof limit !== 'number') return undefined\n  if (!Number.isFinite(limit)) return undefined\n  if (limit <= 0) return undefined\n  return Math.floor(limit)\n}\n\n\nasync function uploadViaAction(files: File[], signal: AbortSignal, extraData: GrFileUploadExtraData | undefined) {\n  if (!props.action) throw new Error('GrFileUpload: either `action` or `request` must be provided')\n\n  return uploadViaXhr({\n    url: props.action,\n    files,\n    name: props.name,\n    headers: props.headers,\n    withCredentials: props.withCredentials,\n    extraData,\n    signal,\n    onProgress: handleProgress,\n  })\n}\n\nasync function runBeforeUpload(files: File[]): Promise<'ok' | { aborted: true; reason: unknown }> {\n  if (!props.beforeUpload) return 'ok'\n\n  for (const file of files) {\n    try {\n      const result = props.beforeUpload(file)\n\n      if (result === false) {\n        return { aborted: true, reason: new Error('Upload aborted by beforeUpload') }\n      }\n\n      if (result && typeof (result as any).then === 'function')\n        await result\n    } catch (error) {\n      return { aborted: true, reason: error }\n    }\n  }\n\n  return 'ok'\n}\n\nasync function handleFiles(files: File[], source: FileValidatorSource = 'input') {\n  if (props.disabled) return\n  if (!files.length) return\n\n  const normalizedLimit = normalizeLimit(props.limit)\n  if (props.multiple && normalizedLimit && files.length > normalizedLimit) {\n    props.onExceed?.(files, normalizedLimit)\n    emit('error', new Error(`Too many files selected, limit=${normalizedLimit}`))\n    return\n  }\n\n  const { files: valid, issues } = await runFileValidators(files, props.validators ?? [], {\n    source,\n    multiple: props.multiple,\n  })\n\n  if (issues.length > 0) {\n    emit('error', new FileValidationError(issues, valid))\n    return\n  }\n\n  if (!valid.length) return\n\n  lastFiles.value = valid\n\n  const before = await runBeforeUpload(valid)\n  if (before !== 'ok') {\n    emit('error', before.reason)\n    return\n  }\n\n  let extraData: GrFileUploadExtraData | undefined\n  try {\n    extraData = props.uploadExtraData?.(valid)\n  } catch (error) {\n    emit('error', error)\n    return\n  }\n\n  abort()\n  clearHideSuccessTimer()\n\n  const controller = new AbortController()\n  activeController = controller\n\n  setStateUploading()\n  emit('progress', 0, { percent: 0, loaded: 0, total: 0, indeterminate: true })\n\n  try {\n    const payload = props.request\n      ? await props.request(valid, { signal: controller.signal, extraData, onProgress: handleProgress })\n      : await uploadViaAction(valid, controller.signal, extraData)\n\n    const finalLoaded = state.phase === 'uploading' ? state.total || state.loaded : 0\n    setStateSuccess({ loaded: finalLoaded, total: finalLoaded })\n    emit('success', payload)\n    emit('change', valid)\n    emit('progress', 100, { percent: 100, loaded: finalLoaded, total: finalLoaded, indeterminate: false })\n\n    if (props.hideProgressOnSuccess && props.hideProgressOnSuccess > 0) {\n      hideSuccessTimer = setTimeout(() => {\n        if (state.phase === 'success') setStateIdle()\n        hideSuccessTimer = null\n      }, props.hideProgressOnSuccess)\n    }\n  } catch (error) {\n    if (error instanceof GrUploadAbortError) {\n      setStateIdle()\n    } else {\n      setStateError(error)\n    }\n    emit('error', error)\n  } finally {\n    if (activeController === controller) activeController = null\n  }\n}\n\nfunction onDragEnter(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter += 1\n  setOver(true)\n}\n\nfunction onDragOver(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  if (event.dataTransfer) event.dataTransfer.dropEffect = 'copy'\n}\n\nfunction onDragLeave(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter = Math.max(0, overCounter - 1)\n  if (overCounter === 0) setOver(false)\n}\n\nfunction onDrop(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter = 0\n  setOver(false)\n\n  const files = event.dataTransfer?.files ? Array.prototype.slice.call(event.dataTransfer.files) as File[] : []\n  void handleFiles(files, 'drop')\n}\n\nasync function onInputChange(event: Event) {\n  if (props.disabled) return\n\n  const target = event.target as HTMLInputElement | null\n  const files = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  if (target) target.value = ''\n\n  await nextTick()\n  await handleFiles(files, 'input')\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    openDialog()\n  }\n}\n\nfunction onRootClick() {\n  if (hasCustomUi.value) return\n  openDialog()\n}\n\nfunction onRootKeydown(event: KeyboardEvent) {\n  if (hasCustomUi.value) return\n  onKeydown(event)\n}\n\nconst effectiveProgressTone = computed<GrProgressBarTone>(() => {\n  if (state.phase === 'error') return 'danger'\n  if (state.phase === 'success') return 'success'\n  return props.progressTone\n})\n\nconst progressVisible = computed(() => state.phase !== 'idle')\nconst progressPercent = computed(() => (state.phase === 'uploading' && state.indeterminate ? 0 : state.percent))\nconst progressText = computed(() => {\n  if (state.phase === 'uploading' && state.indeterminate) return ''\n  return `${Math.round(progressPercent.value)}%`\n})\n\ndefineExpose({\n  uploadFiles: handleFiles,\n  abort,\n  openDialog,\n  state,\n})\n</script>\n\n<template>\n  <div\n    data-ds-file-upload\n    :role=\"hasCustomUi ? undefined : 'button'\"\n    :tabindex=\"hasCustomUi ? undefined : tabIndex\"\n    :aria-disabled=\"hasCustomUi ? undefined : disabled ? 'true' : 'false'\"\n    :class=\"\n      hasCustomUi\n        ? 'inline-block'\n        : [\n            'relative w-full rounded-[var(--ds-radius-lg)] border border-dashed border-[var(--brd)] bg-[var(--card)] px-5 py-6 outline-none transition',\n            disabled\n              ? 'opacity-60 cursor-not-allowed'\n              : 'cursor-pointer hover:bg-[var(--muted)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg)]',\n            isOver && !disabled ? 'border-[var(--ring)] bg-[var(--muted)]' : '',\n          ]\n    \"\n    @click=\"onRootClick\"\n    @keydown=\"onRootKeydown\"\n    @dragenter=\"onDragEnter\"\n    @dragover=\"onDragOver\"\n    @dragleave=\"onDragLeave\"\n    @drop=\"onDrop\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-ds-file-upload-input\n      :style=\"hiddenInputStyle\"\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :name=\"name\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <slot\n      v-if=\"hasCustomUi\"\n      :open-dialog=\"openDialog\"\n      :abort=\"abort\"\n      :disabled=\"disabled\"\n      :files=\"lastFiles\"\n      :is-over=\"isOver\"\n      :state=\"state\"\n    />\n\n    <div v-else class=\"flex items-start gap-4\">\n      <div\n        data-ds-file-upload-icon\n        class=\"h-12 w-12 shrink-0 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center\"\n        aria-hidden=\"true\"\n      >\n        <GrIcon class=\"h-6 w-6 text-[var(--muted-fg)]\">\n          <IconArrowUp />\n        </GrIcon>\n      </div>\n\n      <div class=\"min-w-0\">\n        <div data-ds-file-upload-label class=\"text-[14px] font-700\">\n          <slot name=\"label\">\n            <slot>\n              {{ placeholder }}\n            </slot>\n          </slot>\n        </div>\n\n        <div v-if=\"$slots.tip\" data-ds-file-upload-tip class=\"mt-1 text-[13px] text-[var(--muted-fg)]\">\n          <slot name=\"tip\" />\n        </div>\n        <div v-else class=\"mt-1 text-[13px] text-[var(--muted-fg)]\" />\n\n        <ul v-if=\"showFileList && lastFiles.length\" data-ds-file-upload-list class=\"mt-3 space-y-1\">\n          <li\n            v-for=\"file in lastFiles\"\n            :key=\"file.name\"\n            data-ds-file-upload-item\n            class=\"text-[13px]\"\n          >\n            <span class=\"font-600\">{{ file.name }}</span>\n            <span class=\"text-[var(--muted-fg)]\"> · {{ Math.ceil(file.size / 1024) }} KB</span>\n          </li>\n        </ul>\n\n        <slot\n          v-if=\"showProgress || $slots.progress\"\n          name=\"progress\"\n          :state=\"state\"\n          :percent=\"state.percent\"\n          :indeterminate=\"state.phase === 'uploading' && state.indeterminate\"\n          :phase=\"state.phase\"\n          :files=\"lastFiles\"\n          :abort=\"abort\"\n        >\n          <div\n            v-if=\"showProgress\"\n            data-ds-file-upload-progress\n            class=\"mt-3 transition-opacity duration-150\"\n            :class=\"progressVisible ? 'opacity-100' : 'opacity-0 pointer-events-none'\"\n            :aria-hidden=\"!progressVisible\"\n          >\n            <div class=\"flex items-center gap-2\">\n              <GrProgressBar\n                :value=\"progressPercent\"\n                :tone=\"effectiveProgressTone\"\n                :aria-label=\"progressLabel\"\n              />\n              <span\n                data-ds-file-upload-progress-text\n                class=\"text-[12px] text-[var(--muted-fg)] tabular-nums min-w-[3ch] text-right\"\n              >{{ progressText }}</span>\n            </div>\n          </div>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>"],"mappings":"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"}

package/dist/components/GrPromptDialog/chunks/GrPromptDialog-CUMW6_58.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrPromptDialog-CUMW6_58.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 type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\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\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})\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 error = 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\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  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=\"error\" 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=\"!!error\"\n          @blur=\"touched = true\"\n        />\n      </GrFormField>\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            :disabled=\"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 type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\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\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})\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 error = 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\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  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=\"error\" 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=\"!!error\"\n          @blur=\"touched = true\"\n        />\n      </GrFormField>\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            :disabled=\"required && touched && !canConfirm\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EAuBd,MAAM,OAAO;EAOb,MAAM,OAAO,SAAS;GACpB,WAAW,MAAM;GACjB,MAAM,MAAe,KAAK,qBAAqB,EAAE;GAClD,CAAA;EAED,MAAM,aAAa,SAAS;GAC1B,WAAW,MAAM;GACjB,MAAM,MAAc,KAAK,gBAAgB,EAAE;GAC5C,CAAA;EAED,MAAM,UAAU,IAAI,MAAK;EACzB,MAAM,WAAW,IAAyC,KAAI;AAE9D,cACQ,MAAM,aACX,MAAM;AACL,OAAI,EAAG,SAAQ,QAAQ;IAE3B;EAEA,MAAM,aAAa,eAAe;AAChC,OAAI,CAAC,MAAM,SAAU,QAAO;AAC5B,UAAO,WAAW,MAAM,MAAM,CAAC,SAAS;IACzC;EAED,MAAM,QAAQ,eAAe;AAC3B,OAAI,CAAC,MAAM,SAAU,QAAO,KAAA;AAC5B,OAAI,CAAC,QAAQ,MAAO,QAAO,KAAA;AAC3B,UAAO,WAAW,MAAM,MAAM,CAAC,SAAS,IACpC,KAAA,IACA,MAAM;IACX;EAED,SAAS,WAAiB;AACxB,QAAK,SAAQ;AACb,QAAK,qBAAqB,MAAK;;EAGjC,SAAS,YAAkB;AACzB,OAAI,CAAC,WAAW,OAAO;AACrB,YAAQ,QAAQ;AAChB,aAAS,OAAO,OAAM;AACtB;;AAGF,QAAK,WAAW,WAAW,MAAK;AAChC,QAAK,qBAAqB,MAAK;;;uBAK/B,YAoDW,kBAAA;gBAnDA,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;;IAsBH,QAAM,cAiBR,CAhBP,WAgBO,KAAA,QAAA,UAAA,EAAA,QAAA,CAfL,mBAcM,OAdN,YAcM,CAbJ,YAEW,kBAAA;KAFD,eAAY;KAAmB,SAAQ;KAAW,MAAM,QAAA;KAAa,SAAO;;4BACpE,CAAA,gBAAA,gBAAb,QAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;qBAEf,YASW,kBAAA;KART,eAAY;KACX,SAAS,QAAA;KACT,MAAM,QAAA;KACN,MAAM,QAAA;KACN,UAAU,QAAA,YAAY,QAAA,SAAO,CAAK,WAAA;KAClC,SAAO;;4BAES,CAAA,gBAAA,gBAAd,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA;;;;;;;;2BAhBhB,CAlBN,mBAkBM,OAlBN,YAkBM,CAjBJ,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,YAUc,qBAAA;KAVA,OAAO,QAAA;KAAQ,OAAO,MAAA;KAAO,UAAO;;4BAS9C,CARF,YAQE,iBAAA;MAPA,IAAG;eACC;MAAJ,KAAI;kBACK,WAAA;8EAAU,QAAA;MACnB,eAAY;MACX,aAAa,QAAA;MACb,SAAO,CAAA,CAAI,MAAA;MACX,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,QAAO"}