@feugene/granularity 0.13.0 → 0.18.0

package/dist/components/GrFormFile/chunks/GrFormFile-CqacSbUl.js

@@ -1,320 +0,0 @@
-import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
-import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-SH0I--GW.js";
-import { l as runFileValidators, o as acceptValidator, u as FileValidationError } from "../../../chunks/fileValidation-C3WFaWU2.js";
-import { vDropzone } from "../../../directives/dropzone.js";
-import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-DCi4CUpo.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, markRaw, nextTick, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, watch, withCtx, withDirectives, withModifiers } from "vue";
-import '../../../GrFormFile.css';//#region ~icons/lucide/upload
-var _hoisted_1$1 = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function render$1(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
-	}, null, -1)])]);
-}
-var upload_default = markRaw({
-	name: "lucide-upload",
-	render: render$1
-});
-//#endregion
-//#region src/components/GrFormFile/GrFormFile.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = [
-	"multiple",
-	"accept",
-	"disabled"
-];
-var _hoisted_2 = { class: "flex flex-col gap-2" };
-var _hoisted_3 = { class: "flex flex-wrap items-center gap-3" };
-var _hoisted_4 = { class: "ml-2" };
-var _hoisted_5 = { class: "ml-2" };
-var _hoisted_6 = { class: "ml-2" };
-var _hoisted_7 = ["title"];
-var _hoisted_8 = {
-	key: 3,
-	class: "text-sm text-[var(--gr-muted-fg)]",
-	"data-gr-form-file-placeholder": ""
-};
-var _hoisted_9 = {
-	key: 0,
-	class: "flex flex-col gap-2"
-};
-var _hoisted_10 = ["title"];
-var _hoisted_11 = ["disabled", "onClick"];
-var _hoisted_12 = {
-	key: 0,
-	class: "text-sm text-[var(--gr-danger)]",
-	"data-gr-form-file-errors": ""
-};
-//#endregion
-//#region src/components/GrFormFile/GrFormFile.vue
-var GrFormFile_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	name: "GrFormFile",
-	__name: "GrFormFile",
-	props: {
-		modelValue: {},
-		multiple: {
-			type: Boolean,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		accept: { default: void 0 },
-		validators: { default: void 0 },
-		uploadText: { default: void 0 },
-		changeText: { default: void 0 },
-		removeText: { default: void 0 },
-		clearAllText: { default: void 0 },
-		placeholder: { default: void 0 },
-		validate: {
-			type: Function,
-			default: void 0
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"change",
-		"clear",
-		"validation",
-		"update:errors"
-	],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const { t } = useGranularityTranslations();
-		const resolvedUploadText = computed(() => props.uploadText ?? t("gr.formFile.upload", "Upload file"));
-		const resolvedChangeText = computed(() => props.changeText ?? t("gr.formFile.change", "Change file"));
-		const resolvedRemoveText = computed(() => props.removeText ?? t("gr.formFile.remove", "Remove"));
-		const resolvedClearAllText = computed(() => props.clearAllText ?? t("gr.formFile.clearAll", "Clear all"));
-		const resolvedPlaceholder = computed(() => props.placeholder ?? t("gr.formFile.placeholder", "No files selected"));
-		const inputRef = ref(null);
-		const localErrors = ref([]);
-		const files = computed(() => {
-			if (props.multiple) return Array.isArray(props.modelValue) ? props.modelValue : [];
-			return props.modelValue instanceof File ? [props.modelValue] : [];
-		});
-		const hasFiles = computed(() => files.value.length > 0);
-		function clearInputValue() {
-			if (!inputRef.value) return;
-			inputRef.value.value = "";
-		}
-		function setErrors(next) {
-			localErrors.value = next;
-			emit("validation", next);
-			emit("update:errors", next);
-		}
-		function clearErrors() {
-			if (localErrors.value.length === 0) return;
-			setErrors([]);
-		}
-		function openDialog() {
-			if (props.disabled) return;
-			inputRef.value?.click();
-		}
-		function emitModel(nextFiles) {
-			const value = props.multiple ? nextFiles : nextFiles[0] ?? null;
-			emit("update:modelValue", value);
-			emit("change", value);
-		}
-		async function applyFiles(nextFiles) {
-			const isPromiseLike = (value) => {
-				return !!value && typeof value.then === "function";
-			};
-			const customValidator = props.validate ? async ({ files }) => await props.validate?.(files) ?? [] : void 0;
-			const res = runFileValidators(nextFiles, [
-				acceptValidator(props.accept),
-				...props.validators ?? [],
-				...customValidator ? [customValidator] : []
-			], {
-				source: "input",
-				multiple: props.multiple
-			});
-			const { files: picked, issues } = isPromiseLike(res) ? await res : res;
-			if (issues.length > 0) {
-				setErrors(issues);
-				clearInputValue();
-				await nextTick();
-				return;
-			}
-			clearErrors();
-			emitModel(picked);
-			clearInputValue();
-			await nextTick();
-		}
-		async function onInputChange(event) {
-			if (props.disabled) return;
-			const target = event.target;
-			const nextFiles = target?.files ? Array.prototype.slice.call(target.files) : [];
-			if (target) target.value = "";
-			await nextTick();
-			await applyFiles(nextFiles);
-		}
-		function clearAll() {
-			if (props.disabled) return;
-			clearErrors();
-			clearInputValue();
-			emit("clear");
-			emit("update:modelValue", props.multiple ? [] : null);
-			emit("change", props.multiple ? [] : null);
-		}
-		function removeAt(index) {
-			if (props.disabled) return;
-			if (!props.multiple) {
-				clearAll();
-				return;
-			}
-			const next = files.value.slice();
-			next.splice(index, 1);
-			emit("update:modelValue", next);
-			emit("change", next);
-		}
-		function issueMessage(issue) {
-			if (issue.fileName) return `${issue.fileName}: ${issue.message}`;
-			return issue.message;
-		}
-		const dropzone = computed(() => {
-			const customValidator = props.validate ? async ({ files }) => await props.validate?.(files) ?? [] : void 0;
-			const validators = [
-				acceptValidator(props.accept),
-				...props.validators ?? [],
-				...customValidator ? [customValidator] : []
-			];
-			return {
-				enabled: !props.disabled,
-				multiple: props.multiple,
-				validators,
-				onFiles: async (dropped) => {
-					clearErrors();
-					emitModel(dropped);
-					clearInputValue();
-					await nextTick();
-				},
-				onError: (error) => {
-					if (error instanceof FileValidationError) setErrors(error.issues);
-					else setErrors([{
-						code: "accept",
-						message: t("gr.formFile.validateError", "Failed to validate dropped files")
-					}]);
-				}
-			};
-		});
-		watch(() => props.modelValue, (value) => {
-			if (!inputRef.value) return;
-			if (!value || Array.isArray(value) && value.length === 0) inputRef.value.value = "";
-		});
-		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", {
-				"data-gr-form-file": "",
-				class: normalizeClass(["rounded-[var(--gr-radius-md)]", __props.disabled ? "opacity-60 cursor-not-allowed" : ""])
-			}, [createElementVNode("input", {
-				ref_key: "inputRef",
-				ref: inputRef,
-				"data-gr-form-file-input": "",
-				type: "file",
-				tabindex: "-1",
-				"aria-hidden": "true",
-				class: "absolute opacity-0 w-px h-px pointer-events-none",
-				multiple: __props.multiple,
-				accept: __props.accept,
-				disabled: __props.disabled,
-				onChange: onInputChange
-			}, null, 40, _hoisted_1), createElementVNode("div", _hoisted_2, [
-				createElementVNode("div", _hoisted_3, [
-					createVNode(GrButton_default, {
-						variant: "secondary",
-						size: "sm",
-						"data-gr-form-file-upload-btn": "",
-						disabled: __props.disabled,
-						onClick: withModifiers(openDialog, ["prevent"])
-					}, {
-						default: withCtx(() => [createVNode(GrIcon_default, {
-							size: "sm",
-							"aria-hidden": "true"
-						}, {
-							default: withCtx(() => [createVNode(unref(upload_default))]),
-							_: 1
-						}), createElementVNode("span", _hoisted_4, toDisplayString(hasFiles.value ? resolvedChangeText.value : resolvedUploadText.value), 1)]),
-						_: 1
-					}, 8, ["disabled"]),
-					hasFiles.value && !__props.multiple ? (openBlock(), createBlock(GrButton_default, {
-						key: 0,
-						variant: "secondary",
-						size: "sm",
-						"data-gr-form-file-clear-btn": "",
-						disabled: __props.disabled,
-						onClick: withModifiers(clearAll, ["prevent"])
-					}, {
-						default: withCtx(() => [createVNode(GrIcon_default, {
-							size: "sm",
-							"aria-hidden": "true"
-						}, {
-							default: withCtx(() => [createVNode(unref(x_default))]),
-							_: 1
-						}), createElementVNode("span", _hoisted_5, toDisplayString(resolvedRemoveText.value), 1)]),
-						_: 1
-					}, 8, ["disabled"])) : createCommentVNode("", true),
-					__props.multiple && hasFiles.value ? (openBlock(), createBlock(GrButton_default, {
-						key: 1,
-						variant: "secondary",
-						size: "sm",
-						"data-gr-form-file-clear-all-btn": "",
-						disabled: __props.disabled,
-						onClick: withModifiers(clearAll, ["prevent"])
-					}, {
-						default: withCtx(() => [createVNode(GrIcon_default, {
-							size: "sm",
-							"aria-hidden": "true"
-						}, {
-							default: withCtx(() => [createVNode(unref(x_default))]),
-							_: 1
-						}), createElementVNode("span", _hoisted_6, toDisplayString(resolvedClearAllText.value), 1)]),
-						_: 1
-					}, 8, ["disabled"])) : createCommentVNode("", true),
-					!__props.multiple && hasFiles.value ? (openBlock(), createElementBlock("span", {
-						key: 2,
-						class: "text-sm text-[var(--gr-muted-fg)] truncate max-w-[240px]",
-						"data-gr-form-file-single-name": "",
-						title: files.value[0]?.name
-					}, toDisplayString(files.value[0]?.name), 9, _hoisted_7)) : createCommentVNode("", true),
-					!hasFiles.value ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(resolvedPlaceholder.value), 1)) : createCommentVNode("", true)
-				]),
-				__props.multiple && hasFiles.value ? (openBlock(), createElementBlock("div", _hoisted_9, [(openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file, index) => {
-					return openBlock(), createElementBlock("div", {
-						key: `${file.name}-${file.size}-${index}`,
-						class: "flex items-center gap-2",
-						"data-gr-form-file-item": ""
-					}, [createElementVNode("span", {
-						class: "text-sm text-[var(--gr-muted-fg)] truncate max-w-[240px]",
-						title: file.name,
-						"data-gr-form-file-item-name": ""
-					}, toDisplayString(file.name), 9, _hoisted_10), createElementVNode("button", {
-						type: "button",
-						class: "text-xs text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]",
-						"data-gr-form-file-item-remove": "",
-						disabled: __props.disabled,
-						onClick: withModifiers(($event) => removeAt(index), ["prevent"])
-					}, toDisplayString(__props.removeText), 9, _hoisted_11)]);
-				}), 128))])) : createCommentVNode("", true),
-				renderSlot(_ctx.$slots, "errors", { errors: localErrors.value }, () => [localErrors.value.length ? (openBlock(), createElementBlock("div", _hoisted_12, [(openBlock(true), createElementBlock(Fragment, null, renderList(localErrors.value, (e, i) => {
-					return openBlock(), createElementBlock("div", {
-						key: i,
-						"data-gr-form-file-error": ""
-					}, toDisplayString(issueMessage(e)), 1);
-				}), 128))])) : createCommentVNode("", true)], true)
-			])], 2)), [[unref(vDropzone), dropzone.value]]);
-		};
-	}
-}), [["__scopeId", "data-v-e96c4b59"]]);
-//#endregion
-export { GrFormFile_default as t };

package/dist/components/GrFormFile/chunks/GrFormFile-CqacSbUl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrFormFile-CqacSbUl.js","names":[],"sources":["../../../../src/components/GrFormFile/GrFormFile.vue","../../../../src/components/GrFormFile/GrFormFile.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport IconUpload from '~icons/lucide/upload'\nimport IconX from '~icons/lucide/x'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { vDropzone } from '../../directives'\nimport { acceptValidator, FileValidationError, runFileValidators } from '../../fileValidation'\nimport type { FileValidationIssue, FileValidator } from '../../fileValidation'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\ndefineOptions({\n  name: 'GrFormFile',\n})\n\nexport type GrFormFileError = FileValidationIssue\n\n/**\n * Пропы `GrFormFile` — форма-поле для выбора файлов с встроенной валидацией,\n * drag&drop (через `v-dropzone`) и списком выбранных файлов.\n *\n * Все `*Text`/`placeholder` — i18n-friendly, принимают готовые строки локали.\n */\nexport interface GrFormFileProps {\n  modelValue: File | File[] | null\n  multiple?: boolean\n  disabled?: boolean\n  /** W3C `accept` для `<input type=\"file\">` + sugar к `acceptValidator(...)`. */\n  accept?: string\n  validators?: FileValidator[]\n  uploadText?: string\n  changeText?: string\n  removeText?: string\n  clearAllText?: string\n  placeholder?: string\n  /** Дополнительная (кастомная) валидация на стороне потребителя. */\n  validate?: (files: File[]) => GrFormFileError[] | Promise<GrFormFileError[]>\n}\n\nconst props = withDefaults(\n  defineProps<GrFormFileProps>(),\n  {\n    multiple: false,\n    disabled: false,\n    accept: undefined,\n    uploadText: undefined,\n    changeText: undefined,\n    removeText: undefined,\n    clearAllText: undefined,\n    placeholder: undefined,\n    validators: undefined,\n    validate: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: File | File[] | null): void\n  (e: 'change', value: File | File[] | null): void\n  (e: 'clear'): void\n  (e: 'validation', errors: GrFormFileError[]): void\n  (e: 'update:errors', errors: GrFormFileError[]): void\n}>()\n\nconst { t } = useGranularityTranslations()\nconst resolvedUploadText = computed(() => props.uploadText ?? t('gr.formFile.upload', 'Upload file'))\nconst resolvedChangeText = computed(() => props.changeText ?? t('gr.formFile.change', 'Change file'))\nconst resolvedRemoveText = computed(() => props.removeText ?? t('gr.formFile.remove', 'Remove'))\nconst resolvedClearAllText = computed(() => props.clearAllText ?? t('gr.formFile.clearAll', 'Clear all'))\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.formFile.placeholder', 'No files selected'))\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst localErrors = ref<GrFormFileError[]>([])\n\nconst files = computed<File[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  return props.modelValue instanceof File ? [props.modelValue] : []\n})\n\nconst hasFiles = computed(() => files.value.length > 0)\n\nfunction clearInputValue() {\n  if (!inputRef.value) return\n  inputRef.value.value = ''\n}\n\nfunction setErrors(next: GrFormFileError[]) {\n  localErrors.value = next\n  emit('validation', next)\n  emit('update:errors', next)\n}\n\nfunction clearErrors() {\n  if (localErrors.value.length === 0) return\n  setErrors([])\n}\n\nfunction openDialog() {\n  if (props.disabled) return\n  inputRef.value?.click()\n}\n\nfunction emitModel(nextFiles: File[]) {\n  const value: File | File[] | null = props.multiple\n    ? nextFiles\n    : (nextFiles[0] ?? null)\n\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nasync function applyFiles(nextFiles: File[]) {\n  const isPromiseLike = (value: unknown): value is PromiseLike<any> => {\n    return !!value && typeof (value as any).then === 'function'\n  }\n\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  const res = runFileValidators(nextFiles, validators, {\n    source: 'input',\n    multiple: props.multiple,\n  })\n\n  const { files: picked, issues } = isPromiseLike(res) ? await res : res\n\n  if (issues.length > 0) {\n    setErrors(issues)\n    clearInputValue()\n    await nextTick()\n    return\n  }\n\n  clearErrors()\n  emitModel(picked)\n  clearInputValue()\n  await nextTick()\n}\n\nasync function onInputChange(event: Event) {\n  if (props.disabled) return\n\n  const target = event.target as HTMLInputElement | null\n  const nextFiles = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  // Reset value so selecting the same file twice triggers change.\n  if (target) target.value = ''\n  await nextTick()\n\n  await applyFiles(nextFiles)\n}\n\nfunction clearAll() {\n  if (props.disabled) return\n  clearErrors()\n  clearInputValue()\n  emit('clear')\n\n  emit('update:modelValue', props.multiple ? [] : null)\n  emit('change', props.multiple ? [] : null)\n}\n\nfunction removeAt(index: number) {\n  if (props.disabled) return\n  if (!props.multiple) {\n    clearAll()\n    return\n  }\n\n  const next = files.value.slice()\n  next.splice(index, 1)\n\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction issueMessage(issue: GrFormFileError): string {\n  if (issue.fileName) return `${issue.fileName}: ${issue.message}`\n  return issue.message\n}\n\nconst dropzone = computed(() => {\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  return {\n    enabled: !props.disabled,\n    multiple: props.multiple,\n    validators,\n    onFiles: async (dropped: File[]) => {\n      // `v-dropzone` уже выполнил валидаторы и нормализацию по `multiple`.\n      clearErrors()\n      emitModel(dropped)\n      clearInputValue()\n      await nextTick()\n    },\n    onError: (error: unknown) => {\n      if (error instanceof FileValidationError) {\n        setErrors(error.issues)\n      }\n      else {\n        setErrors([\n          {\n            code: 'accept',\n            message: t('gr.formFile.validateError', 'Failed to validate dropped files'),\n          },\n        ])\n      }\n    },\n  }\n})\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!inputRef.value) return\n\n    if (!value || (Array.isArray(value) && value.length === 0)) {\n      // Позволяет выбрать тот же файл снова после внешнего сброса.\n      inputRef.value.value = ''\n    }\n  },\n)\n</script>\n\n<template>\n  <div\n    v-dropzone=\"dropzone\"\n    data-gr-form-file\n    class=\"rounded-[var(--gr-radius-md)]\"\n    :class=\"disabled ? 'opacity-60 cursor-not-allowed' : ''\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-gr-form-file-input\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      class=\"absolute opacity-0 w-px h-px pointer-events-none\"\n      :multiple=\"multiple\"\n      :accept=\"accept\"\n      :disabled=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-3\">\n        <GrButton\n          variant=\"secondary\"\n          size=\"sm\"\n          data-gr-form-file-upload-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"openDialog\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconUpload />\n          </GrIcon>\n          <span class=\"ml-2\">{{ hasFiles ? resolvedChangeText : resolvedUploadText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"hasFiles && !multiple\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-gr-form-file-clear-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ resolvedRemoveText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"multiple && hasFiles\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-gr-form-file-clear-all-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ resolvedClearAllText }}</span>\n        </GrButton>\n\n        <span\n          v-if=\"!multiple && hasFiles\"\n          class=\"text-sm text-[var(--gr-muted-fg)] truncate max-w-[240px]\"\n          data-gr-form-file-single-name\n          :title=\"files[0]?.name\"\n        >\n          {{ files[0]?.name }}\n        </span>\n\n        <span\n          v-if=\"!hasFiles\"\n          class=\"text-sm text-[var(--gr-muted-fg)]\"\n          data-gr-form-file-placeholder\n        >\n          {{ resolvedPlaceholder }}\n        </span>\n      </div>\n\n      <div v-if=\"multiple && hasFiles\" class=\"flex flex-col gap-2\">\n        <div\n          v-for=\"(file, index) in files\"\n          :key=\"`${file.name}-${file.size}-${index}`\"\n          class=\"flex items-center gap-2\"\n          data-gr-form-file-item\n        >\n          <span\n            class=\"text-sm text-[var(--gr-muted-fg)] truncate max-w-[240px]\"\n            :title=\"file.name\"\n            data-gr-form-file-item-name\n          >\n            {{ file.name }}\n          </span>\n\n          <button\n            type=\"button\"\n            class=\"text-xs text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]\"\n            data-gr-form-file-item-remove\n            :disabled=\"disabled\"\n            @click.prevent=\"removeAt(index)\"\n          >\n            {{ removeText }}\n          </button>\n        </div>\n      </div>\n\n      <slot name=\"errors\" :errors=\"localErrors\">\n        <div v-if=\"localErrors.length\" class=\"text-sm text-[var(--gr-danger)]\" data-gr-form-file-errors>\n          <div v-for=\"(e, i) in localErrors\" :key=\"i\" data-gr-form-file-error>\n            {{ issueMessage(e) }}\n          </div>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n[data-gr-form-file].gr-dropzone--over {\n  outline: 2px solid var(--gr-ring);\n  outline-offset: 2px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport IconUpload from '~icons/lucide/upload'\nimport IconX from '~icons/lucide/x'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { vDropzone } from '../../directives'\nimport { acceptValidator, FileValidationError, runFileValidators } from '../../fileValidation'\nimport type { FileValidationIssue, FileValidator } from '../../fileValidation'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\ndefineOptions({\n  name: 'GrFormFile',\n})\n\nexport type GrFormFileError = FileValidationIssue\n\n/**\n * Пропы `GrFormFile` — форма-поле для выбора файлов с встроенной валидацией,\n * drag&drop (через `v-dropzone`) и списком выбранных файлов.\n *\n * Все `*Text`/`placeholder` — i18n-friendly, принимают готовые строки локали.\n */\nexport interface GrFormFileProps {\n  modelValue: File | File[] | null\n  multiple?: boolean\n  disabled?: boolean\n  /** W3C `accept` для `<input type=\"file\">` + sugar к `acceptValidator(...)`. */\n  accept?: string\n  validators?: FileValidator[]\n  uploadText?: string\n  changeText?: string\n  removeText?: string\n  clearAllText?: string\n  placeholder?: string\n  /** Дополнительная (кастомная) валидация на стороне потребителя. */\n  validate?: (files: File[]) => GrFormFileError[] | Promise<GrFormFileError[]>\n}\n\nconst props = withDefaults(\n  defineProps<GrFormFileProps>(),\n  {\n    multiple: false,\n    disabled: false,\n    accept: undefined,\n    uploadText: undefined,\n    changeText: undefined,\n    removeText: undefined,\n    clearAllText: undefined,\n    placeholder: undefined,\n    validators: undefined,\n    validate: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: File | File[] | null): void\n  (e: 'change', value: File | File[] | null): void\n  (e: 'clear'): void\n  (e: 'validation', errors: GrFormFileError[]): void\n  (e: 'update:errors', errors: GrFormFileError[]): void\n}>()\n\nconst { t } = useGranularityTranslations()\nconst resolvedUploadText = computed(() => props.uploadText ?? t('gr.formFile.upload', 'Upload file'))\nconst resolvedChangeText = computed(() => props.changeText ?? t('gr.formFile.change', 'Change file'))\nconst resolvedRemoveText = computed(() => props.removeText ?? t('gr.formFile.remove', 'Remove'))\nconst resolvedClearAllText = computed(() => props.clearAllText ?? t('gr.formFile.clearAll', 'Clear all'))\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.formFile.placeholder', 'No files selected'))\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst localErrors = ref<GrFormFileError[]>([])\n\nconst files = computed<File[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  return props.modelValue instanceof File ? [props.modelValue] : []\n})\n\nconst hasFiles = computed(() => files.value.length > 0)\n\nfunction clearInputValue() {\n  if (!inputRef.value) return\n  inputRef.value.value = ''\n}\n\nfunction setErrors(next: GrFormFileError[]) {\n  localErrors.value = next\n  emit('validation', next)\n  emit('update:errors', next)\n}\n\nfunction clearErrors() {\n  if (localErrors.value.length === 0) return\n  setErrors([])\n}\n\nfunction openDialog() {\n  if (props.disabled) return\n  inputRef.value?.click()\n}\n\nfunction emitModel(nextFiles: File[]) {\n  const value: File | File[] | null = props.multiple\n    ? nextFiles\n    : (nextFiles[0] ?? null)\n\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nasync function applyFiles(nextFiles: File[]) {\n  const isPromiseLike = (value: unknown): value is PromiseLike<any> => {\n    return !!value && typeof (value as any).then === 'function'\n  }\n\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  const res = runFileValidators(nextFiles, validators, {\n    source: 'input',\n    multiple: props.multiple,\n  })\n\n  const { files: picked, issues } = isPromiseLike(res) ? await res : res\n\n  if (issues.length > 0) {\n    setErrors(issues)\n    clearInputValue()\n    await nextTick()\n    return\n  }\n\n  clearErrors()\n  emitModel(picked)\n  clearInputValue()\n  await nextTick()\n}\n\nasync function onInputChange(event: Event) {\n  if (props.disabled) return\n\n  const target = event.target as HTMLInputElement | null\n  const nextFiles = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  // Reset value so selecting the same file twice triggers change.\n  if (target) target.value = ''\n  await nextTick()\n\n  await applyFiles(nextFiles)\n}\n\nfunction clearAll() {\n  if (props.disabled) return\n  clearErrors()\n  clearInputValue()\n  emit('clear')\n\n  emit('update:modelValue', props.multiple ? [] : null)\n  emit('change', props.multiple ? [] : null)\n}\n\nfunction removeAt(index: number) {\n  if (props.disabled) return\n  if (!props.multiple) {\n    clearAll()\n    return\n  }\n\n  const next = files.value.slice()\n  next.splice(index, 1)\n\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction issueMessage(issue: GrFormFileError): string {\n  if (issue.fileName) return `${issue.fileName}: ${issue.message}`\n  return issue.message\n}\n\nconst dropzone = computed(() => {\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  return {\n    enabled: !props.disabled,\n    multiple: props.multiple,\n    validators,\n    onFiles: async (dropped: File[]) => {\n      // `v-dropzone` уже выполнил валидаторы и нормализацию по `multiple`.\n      clearErrors()\n      emitModel(dropped)\n      clearInputValue()\n      await nextTick()\n    },\n    onError: (error: unknown) => {\n      if (error instanceof FileValidationError) {\n        setErrors(error.issues)\n      }\n      else {\n        setErrors([\n          {\n            code: 'accept',\n            message: t('gr.formFile.validateError', 'Failed to validate dropped files'),\n          },\n        ])\n      }\n    },\n  }\n})\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!inputRef.value) return\n\n    if (!value || (Array.isArray(value) && value.length === 0)) {\n      // Позволяет выбрать тот же файл снова после внешнего сброса.\n      inputRef.value.value = ''\n    }\n  },\n)\n</script>\n\n<template>\n  <div\n    v-dropzone=\"dropzone\"\n    data-gr-form-file\n    class=\"rounded-[var(--gr-radius-md)]\"\n    :class=\"disabled ? 'opacity-60 cursor-not-allowed' : ''\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-gr-form-file-input\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      class=\"absolute opacity-0 w-px h-px pointer-events-none\"\n      :multiple=\"multiple\"\n      :accept=\"accept\"\n      :disabled=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-3\">\n        <GrButton\n          variant=\"secondary\"\n          size=\"sm\"\n          data-gr-form-file-upload-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"openDialog\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconUpload />\n          </GrIcon>\n          <span class=\"ml-2\">{{ hasFiles ? resolvedChangeText : resolvedUploadText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"hasFiles && !multiple\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-gr-form-file-clear-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ resolvedRemoveText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"multiple && hasFiles\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-gr-form-file-clear-all-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ resolvedClearAllText }}</span>\n        </GrButton>\n\n        <span\n          v-if=\"!multiple && hasFiles\"\n          class=\"text-sm text-[var(--gr-muted-fg)] truncate max-w-[240px]\"\n          data-gr-form-file-single-name\n          :title=\"files[0]?.name\"\n        >\n          {{ files[0]?.name }}\n        </span>\n\n        <span\n          v-if=\"!hasFiles\"\n          class=\"text-sm text-[var(--gr-muted-fg)]\"\n          data-gr-form-file-placeholder\n        >\n          {{ resolvedPlaceholder }}\n        </span>\n      </div>\n\n      <div v-if=\"multiple && hasFiles\" class=\"flex flex-col gap-2\">\n        <div\n          v-for=\"(file, index) in files\"\n          :key=\"`${file.name}-${file.size}-${index}`\"\n          class=\"flex items-center gap-2\"\n          data-gr-form-file-item\n        >\n          <span\n            class=\"text-sm text-[var(--gr-muted-fg)] truncate max-w-[240px]\"\n            :title=\"file.name\"\n            data-gr-form-file-item-name\n          >\n            {{ file.name }}\n          </span>\n\n          <button\n            type=\"button\"\n            class=\"text-xs text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]\"\n            data-gr-form-file-item-remove\n            :disabled=\"disabled\"\n            @click.prevent=\"removeAt(index)\"\n          >\n            {{ removeText }}\n          </button>\n        </div>\n      </div>\n\n      <slot name=\"errors\" :errors=\"localErrors\">\n        <div v-if=\"localErrors.length\" class=\"text-sm text-[var(--gr-danger)]\" data-gr-form-file-errors>\n          <div v-for=\"(e, i) in localErrors\" :key=\"i\" data-gr-form-file-error>\n            {{ issueMessage(e) }}\n          </div>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n[data-gr-form-file].gr-dropzone--over {\n  outline: 2px solid var(--gr-ring);\n  outline-offset: 2px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCA,MAAM,QAAQ;EAgBd,MAAM,OAAO;EAQb,MAAM,EAAE,MAAM,2BAA2B;EACzC,MAAM,qBAAqB,eAAe,MAAM,cAAc,EAAE,sBAAsB,aAAa,CAAC;EACpG,MAAM,qBAAqB,eAAe,MAAM,cAAc,EAAE,sBAAsB,aAAa,CAAC;EACpG,MAAM,qBAAqB,eAAe,MAAM,cAAc,EAAE,sBAAsB,QAAQ,CAAC;EAC/F,MAAM,uBAAuB,eAAe,MAAM,gBAAgB,EAAE,wBAAwB,WAAW,CAAC;EACxG,MAAM,sBAAsB,eAAe,MAAM,eAAe,EAAE,2BAA2B,mBAAmB,CAAC;EAEjH,MAAM,WAAW,IAA6B,IAAI;EAClD,MAAM,cAAc,IAAuB,CAAC,CAAC;EAE7C,MAAM,QAAQ,eAAuB;GACnC,IAAI,MAAM,UACR,OAAO,MAAM,QAAQ,MAAM,UAAU,IAAI,MAAM,aAAa,CAAC;GAG/D,OAAO,MAAM,sBAAsB,OAAO,CAAC,MAAM,UAAU,IAAI,CAAC;EAClE,CAAC;EAED,MAAM,WAAW,eAAe,MAAM,MAAM,SAAS,CAAC;EAEtD,SAAS,kBAAkB;GACzB,IAAI,CAAC,SAAS,OAAO;GACrB,SAAS,MAAM,QAAQ;EACzB;EAEA,SAAS,UAAU,MAAyB;GAC1C,YAAY,QAAQ;GACpB,KAAK,cAAc,IAAI;GACvB,KAAK,iBAAiB,IAAI;EAC5B;EAEA,SAAS,cAAc;GACrB,IAAI,YAAY,MAAM,WAAW,GAAG;GACpC,UAAU,CAAC,CAAC;EACd;EAEA,SAAS,aAAa;GACpB,IAAI,MAAM,UAAU;GACpB,SAAS,OAAO,MAAM;EACxB;EAEA,SAAS,UAAU,WAAmB;GACpC,MAAM,QAA8B,MAAM,WACtC,YACC,UAAU,MAAM;GAErB,KAAK,qBAAqB,KAAK;GAC/B,KAAK,UAAU,KAAK;EACtB;EAEA,eAAe,WAAW,WAAmB;GAC3C,MAAM,iBAAiB,UAA8C;IACnE,OAAO,CAAC,CAAC,SAAS,OAAQ,MAAc,SAAS;GACnD;GAEA,MAAM,kBAA6C,MAAM,WACrD,OAAO,EAAE,YAAa,MAAM,MAAM,WAAW,KAAK,KAAM,CAAC,IACzD,KAAA;GAQJ,MAAM,MAAM,kBAAkB,WAAW;IALvC,gBAAgB,MAAM,MAAM;IAC5B,GAAI,MAAM,cAAc,CAAC;IACzB,GAAI,kBAAkB,CAAC,eAAe,IAAI,CAAC;GAGJ,GAAY;IACnD,QAAQ;IACR,UAAU,MAAM;GAClB,CAAC;GAED,MAAM,EAAE,OAAO,QAAQ,WAAW,cAAc,GAAG,IAAI,MAAM,MAAM;GAEnE,IAAI,OAAO,SAAS,GAAG;IACrB,UAAU,MAAM;IAChB,gBAAgB;IAChB,MAAM,SAAS;IACf;GACF;GAEA,YAAY;GACZ,UAAU,MAAM;GAChB,gBAAgB;GAChB,MAAM,SAAS;EACjB;EAEA,eAAe,cAAc,OAAc;GACzC,IAAI,MAAM,UAAU;GAEpB,MAAM,SAAS,MAAM;GACrB,MAAM,YAAY,QAAQ,QAAQ,MAAM,UAAU,MAAM,KAAK,OAAO,KAAK,IAAc,CAAC;GAGxF,IAAI,QAAQ,OAAO,QAAQ;GAC3B,MAAM,SAAS;GAEf,MAAM,WAAW,SAAS;EAC5B;EAEA,SAAS,WAAW;GAClB,IAAI,MAAM,UAAU;GACpB,YAAY;GACZ,gBAAgB;GAChB,KAAK,OAAO;GAEZ,KAAK,qBAAqB,MAAM,WAAW,CAAC,IAAI,IAAI;GACpD,KAAK,UAAU,MAAM,WAAW,CAAC,IAAI,IAAI;EAC3C;EAEA,SAAS,SAAS,OAAe;GAC/B,IAAI,MAAM,UAAU;GACpB,IAAI,CAAC,MAAM,UAAU;IACnB,SAAS;IACT;GACF;GAEA,MAAM,OAAO,MAAM,MAAM,MAAM;GAC/B,KAAK,OAAO,OAAO,CAAC;GAEpB,KAAK,qBAAqB,IAAI;GAC9B,KAAK,UAAU,IAAI;EACrB;EAEA,SAAS,aAAa,OAAgC;GACpD,IAAI,MAAM,UAAU,OAAO,GAAG,MAAM,SAAS,IAAI,MAAM;GACvD,OAAO,MAAM;EACf;EAEA,MAAM,WAAW,eAAe;GAC9B,MAAM,kBAA6C,MAAM,WACrD,OAAO,EAAE,YAAa,MAAM,MAAM,WAAW,KAAK,KAAM,CAAC,IACzD,KAAA;GAEJ,MAAM,aAA8B;IAClC,gBAAgB,MAAM,MAAM;IAC5B,GAAI,MAAM,cAAc,CAAC;IACzB,GAAI,kBAAkB,CAAC,eAAe,IAAI,CAAC;GAC7C;GAEA,OAAO;IACL,SAAS,CAAC,MAAM;IAChB,UAAU,MAAM;IAChB;IACA,SAAS,OAAO,YAAoB;KAElC,YAAY;KACZ,UAAU,OAAO;KACjB,gBAAgB;KAChB,MAAM,SAAS;IACjB;IACA,UAAU,UAAmB;KAC3B,IAAI,iBAAiB,qBACnB,UAAU,MAAM,MAAM;UAGtB,UAAU,CACR;MACE,MAAM;MACN,SAAS,EAAE,6BAA6B,kCAAkC;KAC5E,CACF,CAAC;IAEL;GACF;EACF,CAAC;EAED,YACQ,MAAM,aACX,UAAU;GACT,IAAI,CAAC,SAAS,OAAO;GAErB,IAAI,CAAC,SAAU,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW,GAEtD,SAAS,MAAM,QAAQ;EAE3B,CACF;;uCAIE,mBAmHM,OAAA;IAjHJ,qBAAA;IACA,OAAK,eAAA,CAAC,iCACE,QAAA,WAAQ,kCAAA,EAAA,CAAA;OAEhB,mBAWC,SAAA;aAVK;IAAJ,KAAI;IACJ,2BAAA;IACA,MAAK;IACL,UAAS;IACT,eAAY;IACZ,OAAM;IACL,UAAU,QAAA;IACV,QAAQ,QAAA;IACR,UAAU,QAAA;IACV,UAAQ;6BAGX,mBA+FM,OA/FN,YA+FM;IA9FJ,mBA0DM,OA1DN,YA0DM;KAzDJ,YAWW,kBAAA;MAVT,SAAQ;MACR,MAAK;MACL,gCAAA;MACC,UAAU,QAAA;MACV,SAAK,cAAU,YAAU,CAAA,SAAA,CAAA;;6BAIjB,CAFT,YAES,gBAAA;OAFD,MAAK;OAAK,eAAY;;8BACd,CAAd,YAAc,MAAA,cAAA,CAAA,CAAA,CAAA;;UAEhB,mBAAkF,QAAlF,YAAkF,gBAA5D,SAAA,QAAW,mBAAA,QAAqB,mBAAA,KAAkB,GAAA,CAAA,CAAA,CAAA;;;KAIlE,SAAA,SAAQ,CAAK,QAAA,YAAA,UAAA,GADrB,YAYW,kBAAA;;MAVT,SAAQ;MACR,MAAK;MACL,+BAAA;MACC,UAAU,QAAA;MACV,SAAK,cAAU,UAAQ,CAAA,SAAA,CAAA;;6BAIf,CAFT,YAES,gBAAA;OAFD,MAAK;OAAK,eAAY;;8BACnB,CAAT,YAAS,MAAA,SAAA,CAAA,CAAA,CAAA;;UAEX,mBAAkD,QAAlD,YAAkD,gBAA5B,mBAAA,KAAkB,GAAA,CAAA,CAAA,CAAA;;;KAIlC,QAAA,YAAY,SAAA,SAAA,UAAA,GADpB,YAYW,kBAAA;;MAVT,SAAQ;MACR,MAAK;MACL,mCAAA;MACC,UAAU,QAAA;MACV,SAAK,cAAU,UAAQ,CAAA,SAAA,CAAA;;6BAIf,CAFT,YAES,gBAAA;OAFD,MAAK;OAAK,eAAY;;8BACnB,CAAT,YAAS,MAAA,SAAA,CAAA,CAAA,CAAA;;UAEX,mBAAoD,QAApD,YAAoD,gBAA9B,qBAAA,KAAoB,GAAA,CAAA,CAAA,CAAA;;;MAInC,QAAA,YAAY,SAAA,SAAA,UAAA,GADrB,mBAOO,QAAA;;MALL,OAAM;MACN,iCAAA;MACC,OAAO,MAAA,MAAK,EAAA,EAAK;wBAEf,MAAA,MAAK,EAAA,EAAK,IAAI,GAAA,GAAA,UAAA,KAAA,mBAAA,IAAA,IAAA;MAIV,SAAA,SAAA,UAAA,GADT,mBAMO,QANP,YAMO,gBADF,oBAAA,KAAmB,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;;IAIf,QAAA,YAAY,SAAA,SAAA,UAAA,GAAvB,mBAyBM,OAzBN,YAyBM,EAAA,UAAA,IAAA,GAxBJ,mBAuBM,UAAA,MAAA,WAtBoB,MAAA,QAAhB,MAAM,UAAK;yBADrB,mBAuBM,OAAA;MArBH,KAAG,GAAK,KAAK,KAAI,GAAI,KAAK,KAAI,GAAI;MACnC,OAAM;MACN,0BAAA;SAEA,mBAMO,QAAA;MALL,OAAM;MACL,OAAO,KAAK;MACb,+BAAA;wBAEG,KAAK,IAAI,GAAA,GAAA,WAAA,GAGd,mBAQS,UAAA;MAPP,MAAK;MACL,OAAM;MACN,iCAAA;MACC,UAAU,QAAA;MACV,SAAK,eAAA,WAAU,SAAS,KAAK,GAAA,CAAA,SAAA,CAAA;wBAE3B,QAAA,UAAU,GAAA,GAAA,WAAA,CAAA,CAAA;;IAKnB,WAMO,KAAA,QAAA,UAAA,EANc,QAAQ,YAAA,MAAW,SAMjC,CALM,YAAA,MAAY,UAAA,UAAA,GAAvB,mBAIM,OAJN,aAIM,EAAA,UAAA,IAAA,GAHJ,mBAEM,UAAA,MAAA,WAFgB,YAAA,QAAT,GAAG,MAAC;yBAAjB,mBAEM,OAAA;MAF8B,KAAK;MAAG,2BAAA;wBACvC,aAAa,CAAC,CAAA,GAAA,CAAA;;iCA7Gb,SAAA,KAAQ,CAAA,CAAA"}

package/dist/components/GrFormSection/chunks/GrFormSection-C3w9DQJf.js

@@ -1,35 +0,0 @@
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, useId } from "vue";
-//#region src/components/GrFormSection/GrFormSection.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-labelledby", "aria-describedby"];
-var _hoisted_2 = ["id"];
-var _hoisted_3 = ["id"];
-//#endregion
-//#region src/components/GrFormSection/GrFormSection.vue
-var GrFormSection_default = /* @__PURE__ */ defineComponent({
-	__name: "GrFormSection",
-	props: {
-		title: {},
-		description: { default: void 0 }
-	},
-	setup(__props) {
-		const titleId = useId();
-		const descriptionId = useId();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("section", {
-				"data-gr-form-section": "",
-				class: "grid gap-4",
-				"aria-labelledby": unref(titleId),
-				"aria-describedby": __props.description ? unref(descriptionId) : void 0
-			}, [createElementVNode("div", null, [createElementVNode("div", {
-				id: unref(titleId),
-				class: "text-[14px] font-700"
-			}, toDisplayString(__props.title), 9, _hoisted_2), __props.description ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				id: unref(descriptionId),
-				class: "mt-1 text-[13px] text-[var(--gr-muted-fg)]"
-			}, toDisplayString(__props.description), 9, _hoisted_3)) : createCommentVNode("", true)]), renderSlot(_ctx.$slots, "default")], 8, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { GrFormSection_default as t };

package/dist/components/GrFormSection/chunks/GrFormSection-C3w9DQJf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrFormSection-C3w9DQJf.js","names":[],"sources":["../../../../src/components/GrFormSection/GrFormSection.vue","../../../../src/components/GrFormSection/GrFormSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useId } from 'vue'\n\n/**\n * GrFormSection — секция формы с заголовком, опциональным описанием и контентом.\n *\n * - `section` связан с заголовком через `aria-labelledby` и c описанием\n *   (если есть) через `aria-describedby` — для a11y.\n */\nexport interface GrFormSectionProps {\n  title: string\n  description?: string\n}\n\nwithDefaults(defineProps<GrFormSectionProps>(), {\n  description: undefined,\n})\n\nconst titleId = useId()\nconst descriptionId = useId()\n</script>\n\n<template>\n  <section\n    data-gr-form-section\n    class=\"grid gap-4\"\n    :aria-labelledby=\"titleId\"\n    :aria-describedby=\"description ? descriptionId : undefined\"\n  >\n    <div>\n      <div :id=\"titleId\" class=\"text-[14px] font-700\">\n        {{ title }}\n      </div>\n      <div\n        v-if=\"description\"\n        :id=\"descriptionId\"\n        class=\"mt-1 text-[13px] text-[var(--gr-muted-fg)]\"\n      >\n        {{ description }}\n      </div>\n    </div>\n    <slot />\n  </section>\n</template>\n","<script setup lang=\"ts\">\nimport { useId } from 'vue'\n\n/**\n * GrFormSection — секция формы с заголовком, опциональным описанием и контентом.\n *\n * - `section` связан с заголовком через `aria-labelledby` и c описанием\n *   (если есть) через `aria-describedby` — для a11y.\n */\nexport interface GrFormSectionProps {\n  title: string\n  description?: string\n}\n\nwithDefaults(defineProps<GrFormSectionProps>(), {\n  description: undefined,\n})\n\nconst titleId = useId()\nconst descriptionId = useId()\n</script>\n\n<template>\n  <section\n    data-gr-form-section\n    class=\"grid gap-4\"\n    :aria-labelledby=\"titleId\"\n    :aria-describedby=\"description ? descriptionId : undefined\"\n  >\n    <div>\n      <div :id=\"titleId\" class=\"text-[14px] font-700\">\n        {{ title }}\n      </div>\n      <div\n        v-if=\"description\"\n        :id=\"descriptionId\"\n        class=\"mt-1 text-[13px] text-[var(--gr-muted-fg)]\"\n      >\n        {{ description }}\n      </div>\n    </div>\n    <slot />\n  </section>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAkBA,MAAM,UAAU,MAAM;EACtB,MAAM,gBAAgB,MAAM;;uBAI1B,mBAmBU,WAAA;IAlBR,wBAAA;IACA,OAAM;IACL,mBAAiB,MAAA,OAAA;IACjB,oBAAkB,QAAA,cAAc,MAAA,aAAA,IAAgB,KAAA;OAEjD,mBAWM,OAAA,MAAA,CAVJ,mBAEM,OAAA;IAFA,IAAI,MAAA,OAAA;IAAS,OAAM;sBACpB,QAAA,KAAK,GAAA,GAAA,UAAA,GAGF,QAAA,eAAA,UAAA,GADR,mBAMM,OAAA;;IAJH,IAAI,MAAA,aAAA;IACL,OAAM;sBAEH,QAAA,WAAW,GAAA,GAAA,UAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,GAGlB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,GAAA,UAAA"}

package/dist/components/GrIcon/chunks/GrIcon-D9AWQLk2.js

@@ -1,32 +0,0 @@
-import { computed, createElementBlock, defineComponent, normalizeStyle, openBlock, renderSlot } from "vue";
-import '../../../GrIcon.css';//#endregion
-//#region src/components/GrIcon/GrIcon.vue
-var GrIcon_default = /* @__PURE__ */ defineComponent({
-	__name: "GrIcon",
-	props: { size: {} },
-	setup(__props) {
-		const GR_ICON_SIZE_MAP = {
-			sm: 16,
-			md: 18,
-			lg: 20
-		};
-		function resolveGrIconSizePx(size) {
-			if (typeof size === "number") return size;
-			return GR_ICON_SIZE_MAP[size];
-		}
-		const props = __props;
-		const resolvedSize = computed(() => props.size ?? "md");
-		const iconStyle = computed(() => {
-			return { "--gr-icon-size": `${resolveGrIconSizePx(resolvedSize.value)}px` };
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", {
-				"data-gr-icon": "",
-				class: "gr-icon inline-flex items-center justify-center align-middle",
-				style: normalizeStyle(iconStyle.value)
-			}, [renderSlot(_ctx.$slots, "default")], 4);
-		};
-	}
-});
-//#endregion
-export { GrIcon_default as t };

package/dist/components/GrIcon/chunks/GrIcon-D9AWQLk2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrIcon-D9AWQLk2.js","names":[],"sources":["../../../../src/components/GrIcon/GrIcon.vue","../../../../src/components/GrIcon/GrIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {computed} from 'vue'\n\nexport type GrIconSize = 'sm' | 'md' | 'lg'\n\nconst GR_ICON_SIZE_MAP: Record<GrIconSize, number> = {\n  sm: 16,\n  md: 18,\n  lg: 20,\n}\n\nfunction resolveGrIconSizePx(size: GrIconSize | number): number {\n  if (typeof size === 'number') return size\n  return GR_ICON_SIZE_MAP[size]\n}\n\nconst props = defineProps<{\n  size?: GrIconSize | number\n}>()\n\nconst resolvedSize = computed(() => props.size ?? 'md')\n\nconst iconStyle = computed(() => {\n  return {\n    '--gr-icon-size': `${resolveGrIconSizePx(resolvedSize.value)}px`,\n  } as Record<string, string>\n})\n</script>\n\n<template>\n  <span\n      data-gr-icon\n      class=\"gr-icon inline-flex items-center justify-center align-middle\"\n      :style=\"iconStyle\"\n  >\n    <slot />\n  </span>\n</template>\n<style>\n/*\n * GrIcon.\n *\n * This must be global because icons are usually passed via slots (SVG),\n * and we want consistent sizing without relying on SFC scoped + :deep.\n */\n:where(.gr-icon) {\n  --gr-icon-size: 18px;\n  width: var(--gr-icon-size);\n  min-width: var(--gr-icon-size);\n  height: var(--gr-icon-size);\n  line-height: 0;\n  flex: none;\n}\n\n:where(.gr-icon svg) {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n</style>","<script setup lang=\"ts\">\nimport {computed} from 'vue'\n\nexport type GrIconSize = 'sm' | 'md' | 'lg'\n\nconst GR_ICON_SIZE_MAP: Record<GrIconSize, number> = {\n  sm: 16,\n  md: 18,\n  lg: 20,\n}\n\nfunction resolveGrIconSizePx(size: GrIconSize | number): number {\n  if (typeof size === 'number') return size\n  return GR_ICON_SIZE_MAP[size]\n}\n\nconst props = defineProps<{\n  size?: GrIconSize | number\n}>()\n\nconst resolvedSize = computed(() => props.size ?? 'md')\n\nconst iconStyle = computed(() => {\n  return {\n    '--gr-icon-size': `${resolveGrIconSizePx(resolvedSize.value)}px`,\n  } as Record<string, string>\n})\n</script>\n\n<template>\n  <span\n      data-gr-icon\n      class=\"gr-icon inline-flex items-center justify-center align-middle\"\n      :style=\"iconStyle\"\n  >\n    <slot />\n  </span>\n</template>\n<style>\n/*\n * GrIcon.\n *\n * This must be global because icons are usually passed via slots (SVG),\n * and we want consistent sizing without relying on SFC scoped + :deep.\n */\n:where(.gr-icon) {\n  --gr-icon-size: 18px;\n  width: var(--gr-icon-size);\n  min-width: var(--gr-icon-size);\n  height: var(--gr-icon-size);\n  line-height: 0;\n  flex: none;\n}\n\n:where(.gr-icon svg) {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n</style>"],"mappings":";;;;;;;EAKA,MAAM,mBAA+C;GACnD,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EAEA,SAAS,oBAAoB,MAAmC;GAC9D,IAAI,OAAO,SAAS,UAAU,OAAO;GACrC,OAAO,iBAAiB;EAC1B;EAEA,MAAM,QAAQ;EAId,MAAM,eAAe,eAAe,MAAM,QAAQ,IAAI;EAEtD,MAAM,YAAY,eAAe;GAC/B,OAAO,EACL,kBAAkB,GAAG,oBAAoB,aAAa,KAAK,EAAE,IAC/D;EACF,CAAC;;uBAIC,mBAMO,QAAA;IALH,gBAAA;IACA,OAAM;IACL,OAAK,eAAE,UAAA,KAAS;OAEnB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}