@feugene/granularity 0.9.4 → 0.11.0

package/dist/components/GrDropdown/chunks/GrDropdown-BXb5Cxxf.js

@@ -0,0 +1,95 @@
+import { vClickOutside } from "../../../directives/clickOutside.js";
+import { t as useFloating } from "../../../chunks/useFloating-DtM6TyE4.js";
+import { t as useEscapeToClose } from "../../../chunks/useEscapeToClose-C2t_S1gh.js";
+import { n as grDropdownOriginClass, r as grDropdownWidthClass, t as grDropdownContentClass } from "../../../chunks/grDropdownStyles-B_-DKytw.js";
+import { Teleport, Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, vShow, watch, withCtx, withDirectives } from "vue";
+//#region src/components/GrDropdown/GrDropdown.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { "data-gr-dropdown": "" };
+//#endregion
+//#region src/components/GrDropdown/GrDropdown.vue
+var GrDropdown_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDropdown",
+	props: {
+		align: { default: "right" },
+		width: { default: "48" },
+		closeOnContentClick: {
+			type: Boolean,
+			default: true
+		},
+		contentClass: { default: "" },
+		teleportTo: { default: "body" }
+	},
+	setup(__props) {
+		const props = __props;
+		const open = ref(false);
+		const rootEl = ref(null);
+		const panelEl = ref(null);
+		const clickOutsideExclude = [() => panelEl.value];
+		const placementByAlign = {
+			left: "bottom-start",
+			right: "bottom-end",
+			center: "bottom"
+		};
+		const { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(rootEl, panelEl, open, {
+			placement: () => placementByAlign[props.align],
+			zIndexVar: "--gr-z-dropdown"
+		});
+		function toggle() {
+			open.value = !open.value;
+		}
+		function close() {
+			open.value = false;
+		}
+		useEscapeToClose(open, close);
+		watch(() => props.align, () => {
+			if (open.value) updateFloatingPosition();
+		});
+		const widthClass = computed(() => grDropdownWidthClass(props.width));
+		const contentClasses = computed(() => grDropdownContentClass(props.contentClass));
+		const panelClasses = computed(() => {
+			return [widthClass.value, grDropdownOriginClass(resolvedPlacement.value)].filter(Boolean);
+		});
+		function onContentClick() {
+			if (props.closeOnContentClick) close();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [withDirectives((openBlock(), createElementBlock("div", {
+				ref_key: "rootEl",
+				ref: rootEl,
+				"data-gr-dropdown-trigger": "",
+				class: "inline-block max-w-full",
+				onClick: toggle
+			}, [renderSlot(_ctx.$slots, "trigger", {
+				open: open.value,
+				toggle,
+				close
+			})])), [[unref(vClickOutside), {
+				handler: close,
+				enabled: open.value,
+				exclude: clickOutsideExclude
+			}]]), (openBlock(), createBlock(Teleport, { to: __props.teleportTo }, [createVNode(Transition, {
+				"enter-active-class": "transition ease-out duration-150",
+				"enter-from-class": "transform opacity-0 scale-95",
+				"enter-to-class": "transform opacity-100 scale-100",
+				"leave-active-class": "transition ease-in duration-100",
+				"leave-from-class": "transform opacity-100 scale-100",
+				"leave-to-class": "transform opacity-0 scale-95"
+			}, {
+				default: withCtx(() => [withDirectives(createElementVNode("div", {
+					ref_key: "panelEl",
+					ref: panelEl,
+					"data-gr-dropdown-panel": "",
+					class: normalizeClass(panelClasses.value),
+					style: normalizeStyle(unref(floatingStyle)),
+					onClick: onContentClick
+				}, [createElementVNode("div", {
+					"data-gr-dropdown-content": "",
+					class: normalizeClass(contentClasses.value)
+				}, [renderSlot(_ctx.$slots, "content", { close })], 2)], 6), [[vShow, open.value]])]),
+				_: 3
+			})], 8, ["to"]))]);
+		};
+	}
+});
+//#endregion
+export { GrDropdown_default as t };

package/dist/components/GrDropdown/chunks/GrDropdown-BXb5Cxxf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDropdown-BXb5Cxxf.js","names":[],"sources":["../../../../src/components/GrDropdown/GrDropdown.vue","../../../../src/components/GrDropdown/GrDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useEscapeToClose } from '../../composables/internal/useEscapeToClose'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\n// `align='right'` — правый край панели совпадает с правым краем триггера (bottom-end);\n// `align='left'` — левые края (bottom-start); `align='center'` — floating-ui сам\n// центрирует панель под триггером при обычном `'bottom'` без суффикса.\nconst placementByAlign: Record<GrDropdownAlign, 'bottom-start' | 'bottom-end' | 'bottom'> = {\n  left: 'bottom-start',\n  right: 'bottom-end',\n  center: 'bottom',\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  open,\n  {\n    placement: () => placementByAlign[props.align],\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  open.value = false\n}\n\nuseEscapeToClose(open, close)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) updateFloatingPosition()\n  },\n)\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return [widthClass.value, grDropdownOriginClass(resolvedPlacement.value)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-gr-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-gr-dropdown-panel\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useEscapeToClose } from '../../composables/internal/useEscapeToClose'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\n// `align='right'` — правый край панели совпадает с правым краем триггера (bottom-end);\n// `align='left'` — левые края (bottom-start); `align='center'` — floating-ui сам\n// центрирует панель под триггером при обычном `'bottom'` без суффикса.\nconst placementByAlign: Record<GrDropdownAlign, 'bottom-start' | 'bottom-end' | 'bottom'> = {\n  left: 'bottom-start',\n  right: 'bottom-end',\n  center: 'bottom',\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  open,\n  {\n    placement: () => placementByAlign[props.align],\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  open.value = false\n}\n\nuseEscapeToClose(open, close)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) updateFloatingPosition()\n  },\n)\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return [widthClass.value, grDropdownOriginClass(resolvedPlacement.value)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-gr-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-gr-dropdown-panel\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAQd,MAAM,OAAO,IAAI,KAAK;EACtB,MAAM,SAAS,IAAwB,IAAI;EAC3C,MAAM,UAAU,IAAwB,IAAI;EAC5C,MAAM,sBAAsB,OAAO,QAAQ,KAAK;EAKhD,MAAM,mBAAsF;GAC1F,MAAM;GACN,OAAO;GACP,QAAQ;EACV;EAEA,MAAM,EAAE,eAAe,mBAAmB,QAAQ,2BAA2B,YAC3E,QACA,SACA,MACA;GACE,iBAAiB,iBAAiB,MAAM;GACxC,WAAW;EACb,CACF;EAEA,SAAS,SAAe;GACtB,KAAK,QAAQ,CAAC,KAAK;EACrB;EAEA,SAAS,QAAc;GACrB,KAAK,QAAQ;EACf;EAEA,iBAAiB,MAAM,KAAK;EAE5B,YACQ,MAAM,aACN;GACJ,IAAI,KAAK,OAAO,uBAAuB;EACzC,CACF;EAEA,MAAM,aAAa,eAAe,qBAAqB,MAAM,KAAK,CAAC;EAEnE,MAAM,iBAAiB,eAAe,uBAAuB,MAAM,YAAY,CAAC;EAEhF,MAAM,eAAe,eAAe;GAClC,OAAO,CAAC,WAAW,OAAO,sBAAsB,kBAAkB,KAAK,CAAC,CAAC,CAAC,OAAO,OAAO;EAC1F,CAAC;EAED,SAAS,iBAAuB;GAC9B,IAAI,MAAM,qBACR,MAAM;EAEV;;uBAIE,mBAkCM,OAlCN,YAkCM,CAAA,gBAAA,UAAA,GAjCJ,mBAQM,OAAA;aAPA;IAAJ,KAAI;IAEJ,4BAAA;IACA,OAAM;IACL,SAAO;OAER,WAAoE,KAAA,QAAA,WAAA;IAA9C,MAAM,KAAA;IAAe;IAAgB;;aAL/B;IAAK,SAAW,KAAA;IAAI,SAAW;GAAmB,CAAA,CAAA,CAAA,IAAA,UAAA,GAQhF,YAsBW,UAAA,EAtBA,IAAI,QAAA,WAAU,GAAA,CACvB,YAoBa,YAAA;IAnBX,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;;2BAaT,CAAA,eAXN,mBAWM,OAAA;cATA;KAAJ,KAAI;KACJ,0BAAA;KACC,OAAK,eAAE,aAAA,KAAY;KACnB,OAAK,eAAE,MAAA,aAAA,CAAa;KACpB,SAAO;QAER,mBAEM,OAAA;KAFD,4BAAA;KAA0B,OAAK,eAAE,eAAA,KAAc;QAClD,WAAsC,KAAA,QAAA,WAAA,EAAT,MAAK,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,OAR5B,KAAA,KAAI,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrDropdown/index.js

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

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

@@ -1,4 +1,4 @@
-import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-DOvHKnih.js";
+import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-BXb5Cxxf.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
@@ -30,7 +30,7 @@ var GrDropdownMenuList_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				"data-ds-dropdown-menu-list": "",
+				"data-gr-dropdown-menu-list": "",
 				class: normalizeClass(className.value)
 			}, [renderSlot(_ctx.$slots, "default")], 2);
 		};
@@ -65,7 +65,7 @@ var GrDropdownMenu_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(GrDropdown_default, {
-				"data-ds-dropdown-menu": "",
+				"data-gr-dropdown-menu": "",
 				align: __props.align,
 				width: __props.width,
 				"close-on-content-click": __props.closeOnContentClick,
@@ -109,7 +109,7 @@ var GrDropdownMenuColumn_default = /* @__PURE__ */ defineComponent({
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				"data-ds-dropdown-menu-column": "",
+				"data-gr-dropdown-menu-column": "",
 				class: normalizeClass(["px-3 py-2 flex items-center", alignClass[__props.align]])
 			}, [renderSlot(_ctx.$slots, "default")], 2);
 		};
@@ -131,7 +131,7 @@ var GrDropdownMenuColumns_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				"data-ds-dropdown-menu-columns": "",
+				"data-gr-dropdown-menu-columns": "",
 				class: normalizeClass(["w-full grid divide-x divide-[var(--brd)]", colsClass.value])
 			}, [renderSlot(_ctx.$slots, "default")], 2);
 		};
@@ -148,7 +148,7 @@ var GrDropdownMenuDivider_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				"data-ds-dropdown-menu-divider": "",
+				"data-gr-dropdown-menu-divider": "",
 				role: "separator",
 				class: normalizeClass(["border-t border-[var(--brd)]", __props.inset ? "mx-2" : ""])
 			}, null, 2);
@@ -181,7 +181,7 @@ var GrDropdownMenuHeader_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return isVisible.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
-				"data-ds-dropdown-menu-header": "",
+				"data-gr-dropdown-menu-header": "",
 				class: normalizeClass(["px-4 py-2 text-[11px] tracking-wide text-[var(--muted-fg)]", [titleAlignClass.value, { uppercase: __props.uppercase }]])
 			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2)) : createCommentVNode("", true);
 		};
@@ -190,7 +190,7 @@ var GrDropdownMenuHeader_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/GrDropdownMenu/GrDropdownMenuGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
-	"data-ds-dropdown-menu-group": "",
+	"data-gr-dropdown-menu-group": "",
 	class: "w-full"
 };
 //#endregion
@@ -254,7 +254,7 @@ var GrDropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 			}[props.align];
 		});
 		const variantClass = computed(() => {
-			if (props.variant === "danger") return "text-[var(--ds-danger)]";
+			if (props.variant === "danger") return "text-[var(--gr-danger)]";
 			return "text-[var(--fg)]";
 		});
 		const disabledClass = computed(() => {
@@ -285,7 +285,7 @@ var GrDropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps(unref(attrs), {
-				"data-ds-dropdown-menu-item": "",
+				"data-gr-dropdown-menu-item": "",
 				class: className.value,
 				type: isNativeButton.value ? unref(attrs).type ?? "button" : void 0,
 				disabled: isNativeButton.value ? __props.disabled : void 0,

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

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

@@ -1,4 +1,4 @@
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
 import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, markRaw, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
 //#region ~icons/lucide/inbox
 var _hoisted_1$1 = {
@@ -22,8 +22,8 @@ var inbox_default = markRaw({
 //#endregion
 //#region src/components/GrEmptyState/GrEmptyState.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
-	"data-ds-empty-state": "",
-	class: "rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] p-6 text-center"
+	"data-gr-empty-state": "",
+	class: "rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--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)]" };

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

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

@@ -1,7 +1,8 @@
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
-import { t as arrow_up_default } from "../../../chunks/arrow-up-DZdIrpaF.js";
-import { l as runFileValidators, u as FileValidationError } from "../../../chunks/fileValidation-c_iBg74s.js";
-import { t as GrProgressBar_default } from "../../GrProgressBar/chunks/GrProgressBar-C2HdYjp4.js";
+import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.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 { 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 {
@@ -67,8 +68,9 @@ function uploadViaXhr(options) {
 			const indeterminate = !event.lengthComputable;
 			const total = indeterminate ? 0 : event.total;
 			const loaded = indeterminate ? 0 : event.loaded;
+			const percent = indeterminate || total === 0 ? 0 : Math.min(100, loaded / total * 100);
 			onProgress({
-				percent: indeterminate || total === 0 ? 0 : Math.min(100, loaded / total * 100),
+				percent,
 				loaded,
 				total,
 				indeterminate
@@ -127,18 +129,18 @@ var _hoisted_3 = {
 	class: "flex items-start gap-4"
 };
 var _hoisted_4 = {
-	"data-ds-file-upload-icon": "",
+	"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",
 	"aria-hidden": "true"
 };
 var _hoisted_5 = { class: "min-w-0" };
 var _hoisted_6 = {
-	"data-ds-file-upload-label": "",
+	"data-gr-file-upload-label": "",
 	class: "text-[14px] font-700"
 };
 var _hoisted_7 = {
 	key: 0,
-	"data-ds-file-upload-tip": "",
+	"data-gr-file-upload-tip": "",
 	class: "mt-1 text-[13px] text-[var(--muted-fg)]"
 };
 var _hoisted_8 = {
@@ -147,7 +149,7 @@ var _hoisted_8 = {
 };
 var _hoisted_9 = {
 	key: 2,
-	"data-ds-file-upload-list": "",
+	"data-gr-file-upload-list": "",
 	class: "mt-3 space-y-1"
 };
 var _hoisted_10 = { class: "font-600" };
@@ -155,7 +157,7 @@ var _hoisted_11 = { class: "text-[var(--muted-fg)]" };
 var _hoisted_12 = ["aria-hidden"];
 var _hoisted_13 = { class: "flex items-center gap-2" };
 var _hoisted_14 = {
-	"data-ds-file-upload-progress-text": "",
+	"data-gr-file-upload-progress-text": "",
 	class: "text-[12px] text-[var(--muted-fg)] tabular-nums min-w-[3ch] text-right"
 };
 //#endregion
@@ -200,13 +202,13 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
-		placeholder: { default: "Drag files here or click to select" },
+		placeholder: { default: void 0 },
 		showProgress: {
 			type: Boolean,
 			default: true
 		},
 		progressTone: { default: "primary" },
-		progressLabel: { default: "Upload progress" },
+		progressLabel: { default: void 0 },
 		hideProgressOnSuccess: { default: 800 }
 	},
 	emits: [
@@ -220,6 +222,9 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const slots = useSlots();
+		const { t } = useGranularityTranslations();
+		const resolvedPlaceholder = computed(() => props.placeholder ?? t("gr.fileUpload.placeholder", "Drag files here or click to select"));
+		const resolvedProgressLabel = computed(() => props.progressLabel ?? t("gr.fileUpload.progress", "Upload progress"));
 		function flattenSlotNodes(nodes) {
 			const out = [];
 			for (const node of nodes) {
@@ -511,12 +516,12 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				"data-ds-file-upload": "",
+				"data-gr-file-upload": "",
 				role: hasCustomUi.value ? void 0 : "button",
 				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(--ds-radius-lg)] border border-dashed border-[var(--brd)] bg-[var(--card)] px-5 py-6 outline-none transition",
+					"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)]" : ""
 				]),
@@ -529,7 +534,7 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 			}, [createElementVNode("input", {
 				ref_key: "inputRef",
 				ref: inputRef,
-				"data-ds-file-upload-input": "",
+				"data-gr-file-upload-input": "",
 				style: hiddenInputStyle,
 				type: "file",
 				tabindex: "-1",
@@ -539,28 +544,26 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 				disabled: __props.disabled,
 				onChange: onInputChange
 			}, null, 40, _hoisted_2), hasCustomUi.value ? renderSlot(_ctx.$slots, "default", {
-				key: 0,
 				openDialog,
 				abort,
 				disabled: __props.disabled,
 				files: lastFiles.value,
 				isOver: isOver.value,
 				state
-			}) : (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(--muted-fg)]" }, {
 				default: withCtx(() => [createVNode(unref(arrow_up_default))]),
 				_: 1
 			})]), createElementVNode("div", _hoisted_5, [
-				createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "label", {}, () => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.placeholder), 1)])])]),
+				createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "label", {}, () => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(resolvedPlaceholder.value), 1)])])]),
 				_ctx.$slots.tip ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "tip")])) : (openBlock(), createElementBlock("div", _hoisted_8)),
 				__props.showFileList && lastFiles.value.length ? (openBlock(), createElementBlock("ul", _hoisted_9, [(openBlock(true), createElementBlock(Fragment, null, renderList(lastFiles.value, (file) => {
 					return openBlock(), createElementBlock("li", {
 						key: file.name,
-						"data-ds-file-upload-item": "",
+						"data-gr-file-upload-item": "",
 						class: "text-[13px]"
 					}, [createElementVNode("span", _hoisted_10, toDisplayString(file.name), 1), createElementVNode("span", _hoisted_11, " · " + toDisplayString(Math.ceil(file.size / 1024)) + " KB", 1)]);
 				}), 128))])) : createCommentVNode("", true),
 				__props.showProgress || _ctx.$slots.progress ? renderSlot(_ctx.$slots, "progress", {
-					key: 3,
 					state,
 					percent: state.percent,
 					indeterminate: state.phase === "uploading" && state.indeterminate,
@@ -569,18 +572,18 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 					abort
 				}, () => [__props.showProgress ? (openBlock(), createElementBlock("div", {
 					key: 0,
-					"data-ds-file-upload-progress": "",
+					"data-gr-file-upload-progress": "",
 					class: normalizeClass(["mt-3 transition-opacity duration-150", progressVisible.value ? "opacity-100" : "opacity-0 pointer-events-none"]),
 					"aria-hidden": !progressVisible.value
 				}, [createElementVNode("div", _hoisted_13, [createVNode(GrProgressBar_default, {
 					value: progressPercent.value,
 					tone: effectiveProgressTone.value,
-					"aria-label": __props.progressLabel
+					"aria-label": resolvedProgressLabel.value
 				}, null, 8, [
 					"value",
 					"tone",
 					"aria-label"
-				]), createElementVNode("span", _hoisted_14, toDisplayString(progressText.value), 1)])], 10, _hoisted_12)) : createCommentVNode("", true)]) : createCommentVNode("", true)
+				]), createElementVNode("span", _hoisted_14, toDisplayString(progressText.value), 1)])], 10, _hoisted_12)) : createCommentVNode("", true)], void 0, 3) : createCommentVNode("", true)
 			])]))], 42, _hoisted_1);
 		};
 	}