@feugene/granularity 0.11.0 → 0.13.0

package/dist/components/GrDropdown/index.js

@@ -1,3 +1,3 @@
-import { t as GrDropdown_default } from "./chunks/GrDropdown-BXb5Cxxf.js";
-import { n as grDropdownSafelist, t as grDropdownConfig } from "../../chunks/config-C49QUoJL.js";
+import { t as GrDropdown_default } from "./chunks/GrDropdown-BKoy8hm-.js";
+import { n as grDropdownSafelist, t as grDropdownConfig } from "../../chunks/config-BvVq2gbd.js";
 export { GrDropdown_default as GrDropdown, GrDropdown_default as default, grDropdownConfig, grDropdownSafelist };

package/dist/components/GrDropdownMenu/chunks/{GrDropdownMenu-DFEJLPcV.js → GrDropdownMenu-zCatXzmt.js}

@@ -1,4 +1,4 @@
-import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-BXb5Cxxf.js";
+import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-BKoy8hm-.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useSlots, withCtx } from "vue";
 //#endregion
 //#region src/components/GrDropdownMenu/GrDropdownMenuList.vue
@@ -23,9 +23,9 @@ var GrDropdownMenuList_default = /* @__PURE__ */ defineComponent({
 		const className = computed(() => {
 			return [
 				"w-full",
-				props.dividers ? "divide-y divide-[var(--brd)]" : "",
-				props.borderTop ? "border-t border-[var(--brd)]" : "",
-				props.borderBottom ? "border-b border-[var(--brd)]" : ""
+				props.dividers ? "divide-y divide-[var(--gr-brd)]" : "",
+				props.borderTop ? "border-t border-[var(--gr-brd)]" : "",
+				props.borderBottom ? "border-b border-[var(--gr-brd)]" : ""
 			].filter(Boolean).join(" ");
 		});
 		return (_ctx, _cache) => {
@@ -132,7 +132,7 @@ var GrDropdownMenuColumns_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				"data-gr-dropdown-menu-columns": "",
-				class: normalizeClass(["w-full grid divide-x divide-[var(--brd)]", colsClass.value])
+				class: normalizeClass(["w-full grid divide-x divide-[var(--gr-brd)]", colsClass.value])
 			}, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
@@ -150,7 +150,7 @@ var GrDropdownMenuDivider_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("div", {
 				"data-gr-dropdown-menu-divider": "",
 				role: "separator",
-				class: normalizeClass(["border-t border-[var(--brd)]", __props.inset ? "mx-2" : ""])
+				class: normalizeClass(["border-t border-[var(--gr-brd)]", __props.inset ? "mx-2" : ""])
 			}, null, 2);
 		};
 	}
@@ -182,7 +182,7 @@ var GrDropdownMenuHeader_default = /* @__PURE__ */ defineComponent({
 			return isVisible.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				"data-gr-dropdown-menu-header": "",
-				class: normalizeClass(["px-4 py-2 text-[11px] tracking-wide text-[var(--muted-fg)]", [titleAlignClass.value, { uppercase: __props.uppercase }]])
+				class: normalizeClass(["px-4 py-2 text-[11px] tracking-wide text-[var(--gr-muted-fg)]", [titleAlignClass.value, { uppercase: __props.uppercase }]])
 			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2)) : createCommentVNode("", true);
 		};
 	}
@@ -212,7 +212,7 @@ var GrDropdownMenuGroup_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const itemsClass = computed(() => {
-			return ["w-full", props.dividers ? "divide-y divide-[var(--brd)]" : ""].filter(Boolean).join(" ");
+			return ["w-full", props.dividers ? "divide-y divide-[var(--gr-brd)]" : ""].filter(Boolean).join(" ");
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [__props.title ? (openBlock(), createBlock(GrDropdownMenuHeader_default, {
@@ -255,7 +255,7 @@ var GrDropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 		});
 		const variantClass = computed(() => {
 			if (props.variant === "danger") return "text-[var(--gr-danger)]";
-			return "text-[var(--fg)]";
+			return "text-[var(--gr-fg)]";
 		});
 		const disabledClass = computed(() => {
 			if (!props.disabled) return "";
@@ -263,7 +263,7 @@ var GrDropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 		});
 		const interactiveClass = computed(() => {
 			if (props.disabled) return "";
-			return "hover:bg-[var(--accent)] hover:text-[var(--accent-fg)]";
+			return "hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]";
 		});
 		const className = computed(() => {
 			return [
@@ -271,7 +271,7 @@ var GrDropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 				"flex items-center gap-2",
 				"text-[13px]",
 				"transition-colors duration-150",
-				"focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
+				"focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]",
 				alignClass.value,
 				variantClass.value,
 				interactiveClass.value,

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrDropdownMenu-zCatXzmt.js","names":[],"sources":["../../../../src/components/GrDropdownMenu/GrDropdownMenuList.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuList.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuDivider.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuDivider.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuHeader.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuHeader.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuGroup.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuGroup.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuItem.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuListProps {\n  dividers?: boolean\n  borderTop?: boolean\n  borderBottom?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuListProps>(), {\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n})\n\nconst className = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--gr-brd)]' : '',\n    props.borderTop ? 'border-t border-[var(--gr-brd)]' : '',\n    props.borderBottom ? 'border-b border-[var(--gr-brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-gr-dropdown-menu-list :class=\"className\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuListProps {\n  dividers?: boolean\n  borderTop?: boolean\n  borderBottom?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuListProps>(), {\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n})\n\nconst className = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--gr-brd)]' : '',\n    props.borderTop ? 'border-t border-[var(--gr-brd)]' : '',\n    props.borderBottom ? 'border-b border-[var(--gr-brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-gr-dropdown-menu-list :class=\"className\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\n\nexport type GrDropdownMenuAlign = 'left' | 'right' | 'center'\nexport type GrDropdownMenuWidth = 'auto' | '20' | '48' | '60' | '64' | '80'\n\nexport interface GrDropdownMenuProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownMenuAlign\n  /** Ширина панели. */\n  width?: GrDropdownMenuWidth\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера; по умолчанию `p-0`. */\n  contentClass?: string\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  // В `GrDropdown` есть `p-1`, поэтому здесь по умолчанию обнуляем padding,\n  // чтобы пункты меню могли растягиваться до границ.\n  contentClass: 'p-0',\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n})\n</script>\n\n<template>\n  <GrDropdown\n    data-gr-dropdown-menu\n    :align=\"align\"\n    :width=\"width\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\n  >\n    <template #trigger=\"slotProps\">\n      <slot name=\"trigger\" v-bind=\"slotProps\" />\n    </template>\n\n    <template #content=\"slotProps\">\n      <GrDropdownMenuList\n        :dividers=\"dividers\"\n        :border-top=\"borderTop\"\n        :border-bottom=\"borderBottom\"\n        :class=\"listClass\"\n      >\n        <slot v-bind=\"slotProps\" />\n      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\n\nexport type GrDropdownMenuAlign = 'left' | 'right' | 'center'\nexport type GrDropdownMenuWidth = 'auto' | '20' | '48' | '60' | '64' | '80'\n\nexport interface GrDropdownMenuProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownMenuAlign\n  /** Ширина панели. */\n  width?: GrDropdownMenuWidth\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера; по умолчанию `p-0`. */\n  contentClass?: string\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  // В `GrDropdown` есть `p-1`, поэтому здесь по умолчанию обнуляем padding,\n  // чтобы пункты меню могли растягиваться до границ.\n  contentClass: 'p-0',\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n})\n</script>\n\n<template>\n  <GrDropdown\n    data-gr-dropdown-menu\n    :align=\"align\"\n    :width=\"width\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\n  >\n    <template #trigger=\"slotProps\">\n      <slot name=\"trigger\" v-bind=\"slotProps\" />\n    </template>\n\n    <template #content=\"slotProps\">\n      <GrDropdownMenuList\n        :dividers=\"dividers\"\n        :border-top=\"borderTop\"\n        :border-bottom=\"borderBottom\"\n        :class=\"listClass\"\n      >\n        <slot v-bind=\"slotProps\" />\n      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nexport type GrDropdownMenuColumnAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n\nconst alignClass: Record<GrDropdownMenuColumnAlign, string> = {\n  left: 'justify-start text-left',\n  center: 'justify-center text-center',\n  right: 'justify-end text-right',\n}\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-column\n    class=\"px-3 py-2 flex items-center\"\n    :class=\"alignClass[align]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nexport type GrDropdownMenuColumnAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n\nconst alignClass: Record<GrDropdownMenuColumnAlign, string> = {\n  left: 'justify-start text-left',\n  center: 'justify-center text-center',\n  right: 'justify-end text-right',\n}\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-column\n    class=\"px-3 py-2 flex items-center\"\n    :class=\"alignClass[align]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: 2 | 3 | 4\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n\nconst colsClass = computed(() => {\n  return {\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n  }[props.cols]\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-columns\n    class=\"w-full grid divide-x divide-[var(--gr-brd)]\"\n    :class=\"colsClass\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: 2 | 3 | 4\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n\nconst colsClass = computed(() => {\n  return {\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n  }[props.cols]\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-columns\n    class=\"w-full grid divide-x divide-[var(--gr-brd)]\"\n    :class=\"colsClass\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nexport interface GrDropdownMenuDividerProps {\n  inset?: boolean\n}\n\nwithDefaults(defineProps<GrDropdownMenuDividerProps>(), {\n  inset: false,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-divider\n    role=\"separator\"\n    class=\"border-t border-[var(--gr-brd)]\"\n    :class=\"inset ? 'mx-2' : ''\"\n  />\n</template>\n","<script setup lang=\"ts\">\nexport interface GrDropdownMenuDividerProps {\n  inset?: boolean\n}\n\nwithDefaults(defineProps<GrDropdownMenuDividerProps>(), {\n  inset: false,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-divider\n    role=\"separator\"\n    class=\"border-t border-[var(--gr-brd)]\"\n    :class=\"inset ? 'mx-2' : ''\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrDropdownMenuHeaderAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuHeaderProps {\n  title?: string\n  align?: GrDropdownMenuHeaderAlign\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuHeaderProps>(), {\n  title: undefined,\n  align: 'left',\n  uppercase: true,\n})\n\nconst slots = useSlots()\nconst isVisible = computed(() => Boolean(props.title) || Boolean(slots.default))\n\nconst titleAlignClass = computed(() => {\n  const map: Record<GrDropdownMenuHeaderAlign, string> = {\n    left: 'text-left',\n    center: 'text-center',\n    right: 'text-right',\n  }\n  return map[props.align]\n})\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    data-gr-dropdown-menu-header\n    class=\"px-4 py-2 text-[11px] tracking-wide text-[var(--gr-muted-fg)]\"\n    :class=\"[titleAlignClass, { uppercase }]\"\n  >\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrDropdownMenuHeaderAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuHeaderProps {\n  title?: string\n  align?: GrDropdownMenuHeaderAlign\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuHeaderProps>(), {\n  title: undefined,\n  align: 'left',\n  uppercase: true,\n})\n\nconst slots = useSlots()\nconst isVisible = computed(() => Boolean(props.title) || Boolean(slots.default))\n\nconst titleAlignClass = computed(() => {\n  const map: Record<GrDropdownMenuHeaderAlign, string> = {\n    left: 'text-left',\n    center: 'text-center',\n    right: 'text-right',\n  }\n  return map[props.align]\n})\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    data-gr-dropdown-menu-header\n    class=\"px-4 py-2 text-[11px] tracking-wide text-[var(--gr-muted-fg)]\"\n    :class=\"[titleAlignClass, { uppercase }]\"\n  >\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDropdownMenuHeader from './GrDropdownMenuHeader.vue'\nimport type { GrDropdownMenuHeaderAlign } from './GrDropdownMenuHeader.vue'\n\nexport interface GrDropdownMenuGroupProps {\n  title?: string\n  titleAlign?: GrDropdownMenuHeaderAlign\n  dividers?: boolean\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuGroupProps>(), {\n  title: undefined,\n  titleAlign: 'left',\n  dividers: false,\n  uppercase: true,\n})\n\nconst itemsClass = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--gr-brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-gr-dropdown-menu-group class=\"w-full\">\n    <GrDropdownMenuHeader\n      v-if=\"title\"\n      :title=\"title\"\n      :align=\"titleAlign\"\n      :uppercase=\"uppercase\"\n    />\n    <div :class=\"itemsClass\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDropdownMenuHeader from './GrDropdownMenuHeader.vue'\nimport type { GrDropdownMenuHeaderAlign } from './GrDropdownMenuHeader.vue'\n\nexport interface GrDropdownMenuGroupProps {\n  title?: string\n  titleAlign?: GrDropdownMenuHeaderAlign\n  dividers?: boolean\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuGroupProps>(), {\n  title: undefined,\n  titleAlign: 'left',\n  dividers: false,\n  uppercase: true,\n})\n\nconst itemsClass = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--gr-brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-gr-dropdown-menu-group class=\"w-full\">\n    <GrDropdownMenuHeader\n      v-if=\"title\"\n      :title=\"title\"\n      :align=\"titleAlign\"\n      :uppercase=\"uppercase\"\n    />\n    <div :class=\"itemsClass\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport type { Component } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport type GrDropdownMenuItemAlign = 'left' | 'center' | 'right'\nexport type GrDropdownMenuItemVariant = 'default' | 'danger'\n\nexport interface GrDropdownMenuItemProps {\n  as?: string | Component\n  disabled?: boolean\n  align?: GrDropdownMenuItemAlign\n  variant?: GrDropdownMenuItemVariant\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuItemProps>(), {\n  as: 'button',\n  disabled: false,\n  align: 'left',\n  variant: 'default',\n})\n\nconst attrs = useAttrs()\n\nconst isNativeButton = computed(() => props.as === 'button' || props.as === undefined)\n\nconst alignClass = computed(() => {\n  const map: Record<GrDropdownMenuItemAlign, string> = {\n    left: 'justify-start text-left',\n    center: 'justify-center text-center',\n    right: 'justify-end text-right',\n  }\n\n  return map[props.align]\n})\n\nconst variantClass = computed(() => {\n  if (props.variant === 'danger')\n    return 'text-[var(--gr-danger)]'\n\n  return 'text-[var(--gr-fg)]'\n})\n\nconst disabledClass = computed(() => {\n  if (!props.disabled)\n    return ''\n\n  return 'cursor-not-allowed opacity-60 pointer-events-none'\n})\n\nconst interactiveClass = computed(() => {\n  if (props.disabled)\n    return ''\n\n  return 'hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]'\n})\n\nconst className = computed(() => {\n  return [\n    // block/flex + размеры\n    'w-full min-h-[40px] px-4 py-2.5',\n    'flex items-center gap-2',\n    // типографика\n    'text-[13px]',\n    // взаимодействие\n    'transition-colors duration-150',\n    'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]',\n    alignClass.value,\n    variantClass.value,\n    interactiveClass.value,\n    disabledClass.value,\n  ].filter(Boolean).join(' ')\n})\n\nfunction onClickCapture(e: MouseEvent) {\n  if (!props.disabled)\n    return\n\n  e.preventDefault()\n  e.stopPropagation()\n}\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"attrs\"\n    data-gr-dropdown-menu-item\n    :class=\"className\"\n    :type=\"isNativeButton ? (attrs.type as any) ?? 'button' : undefined\"\n    :disabled=\"isNativeButton ? disabled : undefined\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : (attrs.tabindex as any)\"\n    @click.capture=\"onClickCapture\"\n  >\n    <slot />\n  </component>\n</template>","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport type { Component } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport type GrDropdownMenuItemAlign = 'left' | 'center' | 'right'\nexport type GrDropdownMenuItemVariant = 'default' | 'danger'\n\nexport interface GrDropdownMenuItemProps {\n  as?: string | Component\n  disabled?: boolean\n  align?: GrDropdownMenuItemAlign\n  variant?: GrDropdownMenuItemVariant\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuItemProps>(), {\n  as: 'button',\n  disabled: false,\n  align: 'left',\n  variant: 'default',\n})\n\nconst attrs = useAttrs()\n\nconst isNativeButton = computed(() => props.as === 'button' || props.as === undefined)\n\nconst alignClass = computed(() => {\n  const map: Record<GrDropdownMenuItemAlign, string> = {\n    left: 'justify-start text-left',\n    center: 'justify-center text-center',\n    right: 'justify-end text-right',\n  }\n\n  return map[props.align]\n})\n\nconst variantClass = computed(() => {\n  if (props.variant === 'danger')\n    return 'text-[var(--gr-danger)]'\n\n  return 'text-[var(--gr-fg)]'\n})\n\nconst disabledClass = computed(() => {\n  if (!props.disabled)\n    return ''\n\n  return 'cursor-not-allowed opacity-60 pointer-events-none'\n})\n\nconst interactiveClass = computed(() => {\n  if (props.disabled)\n    return ''\n\n  return 'hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]'\n})\n\nconst className = computed(() => {\n  return [\n    // block/flex + размеры\n    'w-full min-h-[40px] px-4 py-2.5',\n    'flex items-center gap-2',\n    // типографика\n    'text-[13px]',\n    // взаимодействие\n    'transition-colors duration-150',\n    'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]',\n    alignClass.value,\n    variantClass.value,\n    interactiveClass.value,\n    disabledClass.value,\n  ].filter(Boolean).join(' ')\n})\n\nfunction onClickCapture(e: MouseEvent) {\n  if (!props.disabled)\n    return\n\n  e.preventDefault()\n  e.stopPropagation()\n}\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"attrs\"\n    data-gr-dropdown-menu-item\n    :class=\"className\"\n    :type=\"isNativeButton ? (attrs.type as any) ?? 'button' : undefined\"\n    :disabled=\"isNativeButton ? disabled : undefined\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : (attrs.tabindex as any)\"\n    @click.capture=\"onClickCapture\"\n  >\n    <slot />\n  </component>\n</template>"],"mappings":"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"}

package/dist/components/GrDropdownMenu/index.js

@@ -1,3 +1,3 @@
-import { a as GrDropdownMenuColumns_default, c as GrDropdownMenuList_default, i as GrDropdownMenuDivider_default, n as GrDropdownMenuGroup_default, o as GrDropdownMenuColumn_default, r as GrDropdownMenuHeader_default, s as GrDropdownMenu_default, t as GrDropdownMenuItem_default } from "./chunks/GrDropdownMenu-DFEJLPcV.js";
+import { a as GrDropdownMenuColumns_default, c as GrDropdownMenuList_default, i as GrDropdownMenuDivider_default, n as GrDropdownMenuGroup_default, o as GrDropdownMenuColumn_default, r as GrDropdownMenuHeader_default, s as GrDropdownMenu_default, t as GrDropdownMenuItem_default } from "./chunks/GrDropdownMenu-zCatXzmt.js";
 import { t as grDropdownMenuConfig } from "../../chunks/config-Cb2PAlSD.js";
 export { GrDropdownMenu_default as GrDropdownMenu, GrDropdownMenu_default as default, GrDropdownMenuColumn_default as GrDropdownMenuColumn, GrDropdownMenuColumns_default as GrDropdownMenuColumns, GrDropdownMenuDivider_default as GrDropdownMenuDivider, GrDropdownMenuGroup_default as GrDropdownMenuGroup, GrDropdownMenuHeader_default as GrDropdownMenuHeader, GrDropdownMenuItem_default as GrDropdownMenuItem, GrDropdownMenuList_default as GrDropdownMenuList, grDropdownMenuConfig };

package/dist/components/GrEmptyState/chunks/{GrEmptyState-CA3BiTV7.js → GrEmptyState-CNb0BzjG.js}

@@ -23,14 +23,14 @@ var inbox_default = markRaw({
 //#region src/components/GrEmptyState/GrEmptyState.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	"data-gr-empty-state": "",
-	class: "rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--card)] p-6 text-center"
+	class: "rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] p-6 text-center"
 };
 var _hoisted_2 = { class: "flex justify-center" };
-var _hoisted_3 = { class: "h-12 w-12 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center text-[var(--muted-fg)]" };
+var _hoisted_3 = { class: "h-12 w-12 rounded-[12px] bg-[var(--gr-muted)] border border-[var(--gr-brd)] flex items-center justify-center text-[var(--gr-muted-fg)]" };
 var _hoisted_4 = { class: "mt-4 text-[14px] font-700" };
 var _hoisted_5 = {
 	key: 0,
-	class: "mt-1 text-[13px] text-[var(--muted-fg)]"
+	class: "mt-1 text-[13px] text-[var(--gr-muted-fg)]"
 };
 var _hoisted_6 = {
 	key: 1,

package/dist/components/GrEmptyState/chunks/GrEmptyState-CNb0BzjG.js.map

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

package/dist/components/GrEmptyState/index.js

@@ -1,3 +1,3 @@
-import { t as GrEmptyState_default } from "./chunks/GrEmptyState-CA3BiTV7.js";
+import { t as GrEmptyState_default } from "./chunks/GrEmptyState-CNb0BzjG.js";
 import { t as grEmptyStateConfig } from "../../chunks/config-Bah4oHwL.js";
 export { GrEmptyState_default as GrEmptyState, GrEmptyState_default as default, grEmptyStateConfig };

package/dist/components/GrFileUpload/chunks/{GrFileUpload-DvWPpiJS.js → GrFileUpload-CnLgUGDF.js}

@@ -1,8 +1,8 @@
-import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-SH0I--GW.js";
+import { l as runFileValidators, u as FileValidationError } from "../../../chunks/fileValidation-C3WFaWU2.js";
 import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
 import { t as arrow_up_default } from "../../../chunks/arrow-up-C_G4jg8M.js";
-import { l as runFileValidators, u as FileValidationError } from "../../../chunks/fileValidation-C3WFaWU2.js";
-import { t as GrProgressBar_default } from "../../GrProgressBar/chunks/GrProgressBar-CC3z-Zqp.js";
+import { t as GrProgressBar_default } from "../../GrProgressBar/chunks/GrProgressBar-Dqg4Fj9S.js";
 import { Comment, Fragment, Text, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, reactive, ref, renderList, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
 //#region src/components/GrFileUpload/uploadViaXhr.ts
 var GrUploadAbortError = class extends Error {
@@ -130,7 +130,7 @@ var _hoisted_3 = {
 };
 var _hoisted_4 = {
 	"data-gr-file-upload-icon": "",
-	class: "h-12 w-12 shrink-0 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center",
+	class: "h-12 w-12 shrink-0 rounded-[12px] bg-[var(--gr-muted)] border border-[var(--gr-brd)] flex items-center justify-center",
 	"aria-hidden": "true"
 };
 var _hoisted_5 = { class: "min-w-0" };
@@ -141,11 +141,11 @@ var _hoisted_6 = {
 var _hoisted_7 = {
 	key: 0,
 	"data-gr-file-upload-tip": "",
-	class: "mt-1 text-[13px] text-[var(--muted-fg)]"
+	class: "mt-1 text-[13px] text-[var(--gr-muted-fg)]"
 };
 var _hoisted_8 = {
 	key: 1,
-	class: "mt-1 text-[13px] text-[var(--muted-fg)]"
+	class: "mt-1 text-[13px] text-[var(--gr-muted-fg)]"
 };
 var _hoisted_9 = {
 	key: 2,
@@ -153,12 +153,12 @@ var _hoisted_9 = {
 	class: "mt-3 space-y-1"
 };
 var _hoisted_10 = { class: "font-600" };
-var _hoisted_11 = { class: "text-[var(--muted-fg)]" };
+var _hoisted_11 = { class: "text-[var(--gr-muted-fg)]" };
 var _hoisted_12 = ["aria-hidden"];
 var _hoisted_13 = { class: "flex items-center gap-2" };
 var _hoisted_14 = {
 	"data-gr-file-upload-progress-text": "",
-	class: "text-[12px] text-[var(--muted-fg)] tabular-nums min-w-[3ch] text-right"
+	class: "text-[12px] text-[var(--gr-muted-fg)] tabular-nums min-w-[3ch] text-right"
 };
 //#endregion
 //#region src/components/GrFileUpload/GrFileUpload.vue
@@ -521,9 +521,9 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 				tabindex: hasCustomUi.value ? void 0 : tabIndex.value,
 				"aria-disabled": hasCustomUi.value ? void 0 : __props.disabled ? "true" : "false",
 				class: normalizeClass(hasCustomUi.value ? "inline-block" : [
-					"relative w-full rounded-[var(--gr-radius-lg)] border border-dashed border-[var(--brd)] bg-[var(--card)] px-5 py-6 outline-none transition",
-					__props.disabled ? "opacity-60 cursor-not-allowed" : "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)]",
-					isOver.value && !__props.disabled ? "border-[var(--ring)] bg-[var(--muted)]" : ""
+					"relative w-full rounded-[var(--gr-radius-lg)] border border-dashed border-[var(--gr-brd)] bg-[var(--gr-card)] px-5 py-6 outline-none transition",
+					__props.disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer hover:bg-[var(--gr-muted)] focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--gr-bg)]",
+					isOver.value && !__props.disabled ? "border-[var(--gr-ring)] bg-[var(--gr-muted)]" : ""
 				]),
 				onClick: onRootClick,
 				onKeydown: onRootKeydown,
@@ -550,7 +550,7 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 				files: lastFiles.value,
 				isOver: isOver.value,
 				state
-			}, void 0, void 0, 0) : (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createVNode(GrIcon_default, { class: "h-6 w-6 text-[var(--muted-fg)]" }, {
+			}, void 0, void 0, 0) : (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createVNode(GrIcon_default, { class: "h-6 w-6 text-[var(--gr-muted-fg)]" }, {
 				default: withCtx(() => [createVNode(unref(arrow_up_default))]),
 				_: 1
 			})]), createElementVNode("div", _hoisted_5, [

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrFileUpload-CnLgUGDF.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'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\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: undefined,\n    showProgress: true,\n    progressTone: 'primary',\n    progressLabel: undefined,\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: 'stateChange', state: GrUploadState): void\n}>()\n\nconst slots = useSlots()\n\nconst { t } = useGranularityTranslations()\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.fileUpload.placeholder', 'Drag files here or click to select'))\nconst resolvedProgressLabel = computed(() => props.progressLabel ?? t('gr.fileUpload.progress', 'Upload progress'))\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('stateChange', 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-gr-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(--gr-radius-lg)] border border-dashed border-[var(--gr-brd)] bg-[var(--gr-card)] px-5 py-6 outline-none transition',\n            disabled\n              ? 'opacity-60 cursor-not-allowed'\n              : 'cursor-pointer hover:bg-[var(--gr-muted)] focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--gr-bg)]',\n            isOver && !disabled ? 'border-[var(--gr-ring)] bg-[var(--gr-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-gr-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-gr-file-upload-icon\n        class=\"h-12 w-12 shrink-0 rounded-[12px] bg-[var(--gr-muted)] border border-[var(--gr-brd)] flex items-center justify-center\"\n        aria-hidden=\"true\"\n      >\n        <GrIcon class=\"h-6 w-6 text-[var(--gr-muted-fg)]\">\n          <IconArrowUp />\n        </GrIcon>\n      </div>\n\n      <div class=\"min-w-0\">\n        <div data-gr-file-upload-label class=\"text-[14px] font-700\">\n          <slot name=\"label\">\n            <slot>\n              {{ resolvedPlaceholder }}\n            </slot>\n          </slot>\n        </div>\n\n        <div v-if=\"$slots.tip\" data-gr-file-upload-tip class=\"mt-1 text-[13px] text-[var(--gr-muted-fg)]\">\n          <slot name=\"tip\" />\n        </div>\n        <div v-else class=\"mt-1 text-[13px] text-[var(--gr-muted-fg)]\" />\n\n        <ul v-if=\"showFileList && lastFiles.length\" data-gr-file-upload-list class=\"mt-3 space-y-1\">\n          <li\n            v-for=\"file in lastFiles\"\n            :key=\"file.name\"\n            data-gr-file-upload-item\n            class=\"text-[13px]\"\n          >\n            <span class=\"font-600\">{{ file.name }}</span>\n            <span class=\"text-[var(--gr-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-gr-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=\"resolvedProgressLabel\"\n              />\n              <span\n                data-gr-file-upload-progress-text\n                class=\"text-[12px] text-[var(--gr-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'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\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: undefined,\n    showProgress: true,\n    progressTone: 'primary',\n    progressLabel: undefined,\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: 'stateChange', state: GrUploadState): void\n}>()\n\nconst slots = useSlots()\n\nconst { t } = useGranularityTranslations()\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.fileUpload.placeholder', 'Drag files here or click to select'))\nconst resolvedProgressLabel = computed(() => props.progressLabel ?? t('gr.fileUpload.progress', 'Upload progress'))\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('stateChange', 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-gr-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(--gr-radius-lg)] border border-dashed border-[var(--gr-brd)] bg-[var(--gr-card)] px-5 py-6 outline-none transition',\n            disabled\n              ? 'opacity-60 cursor-not-allowed'\n              : 'cursor-pointer hover:bg-[var(--gr-muted)] focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--gr-bg)]',\n            isOver && !disabled ? 'border-[var(--gr-ring)] bg-[var(--gr-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-gr-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-gr-file-upload-icon\n        class=\"h-12 w-12 shrink-0 rounded-[12px] bg-[var(--gr-muted)] border border-[var(--gr-brd)] flex items-center justify-center\"\n        aria-hidden=\"true\"\n      >\n        <GrIcon class=\"h-6 w-6 text-[var(--gr-muted-fg)]\">\n          <IconArrowUp />\n        </GrIcon>\n      </div>\n\n      <div class=\"min-w-0\">\n        <div data-gr-file-upload-label class=\"text-[14px] font-700\">\n          <slot name=\"label\">\n            <slot>\n              {{ resolvedPlaceholder }}\n            </slot>\n          </slot>\n        </div>\n\n        <div v-if=\"$slots.tip\" data-gr-file-upload-tip class=\"mt-1 text-[13px] text-[var(--gr-muted-fg)]\">\n          <slot name=\"tip\" />\n        </div>\n        <div v-else class=\"mt-1 text-[13px] text-[var(--gr-muted-fg)]\" />\n\n        <ul v-if=\"showFileList && lastFiles.length\" data-gr-file-upload-list class=\"mt-3 space-y-1\">\n          <li\n            v-for=\"file in lastFiles\"\n            :key=\"file.name\"\n            data-gr-file-upload-item\n            class=\"text-[13px]\"\n          >\n            <span class=\"font-600\">{{ file.name }}</span>\n            <span class=\"text-[var(--gr-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-gr-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=\"resolvedProgressLabel\"\n              />\n              <span\n                data-gr-file-upload-progress-text\n                class=\"text-[12px] text-[var(--gr-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/GrFileUpload/index.js

@@ -1,4 +1,4 @@
 import { a as allowedExtensionsValidator, c as normalizeFiles, i as allowedMimeTypesValidator, l as runFileValidators, n as maxSizeMbValidator, o as acceptValidator, r as maxFileSizeBytesValidator, s as matchAccept, t as maxTotalSizeBytesValidator, u as FileValidationError } from "../../chunks/fileValidation-C3WFaWU2.js";
-import { i as GrUploadHttpError, n as GR_UPLOAD_STATE_IDLE, r as GrUploadAbortError, t as GrFileUpload_default } from "./chunks/GrFileUpload-DvWPpiJS.js";
+import { i as GrUploadHttpError, n as GR_UPLOAD_STATE_IDLE, r as GrUploadAbortError, t as GrFileUpload_default } from "./chunks/GrFileUpload-CnLgUGDF.js";
 import { t as grFileUploadConfig } from "../../chunks/config-BWGGp7uV.js";
 export { FileValidationError, GR_UPLOAD_STATE_IDLE, GrFileUpload_default as GrFileUpload, GrFileUpload_default as default, GrUploadAbortError, GrUploadHttpError, acceptValidator, allowedExtensionsValidator, allowedMimeTypesValidator, grFileUploadConfig, matchAccept, maxFileSizeBytesValidator, maxSizeMbValidator, maxTotalSizeBytesValidator, normalizeFiles, runFileValidators };