@feugene/granularity 0.11.0 → 0.12.0

package/dist/components/GrDropdown/chunks/{GrDropdown-BXb5Cxxf.js → GrDropdown-BnDMYP8v.js}

@@ -2,9 +2,10 @@ 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";
+import { Teleport, Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, useId, 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": "" };
+var _hoisted_2 = ["id"];
 //#endregion
 //#region src/components/GrDropdown/GrDropdown.vue
 var GrDropdown_default = /* @__PURE__ */ defineComponent({
@@ -25,6 +26,84 @@ var GrDropdown_default = /* @__PURE__ */ defineComponent({
 		const rootEl = ref(null);
 		const panelEl = ref(null);
 		const clickOutsideExclude = [() => panelEl.value];
+		const panelId = useId();
+		let triggerFocusEl = null;
+		function panelItems() {
+			const root = panelEl.value;
+			if (!root) return [];
+			return Array.from(root.querySelectorAll("[role=\"menuitem\"], a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])")).filter((el) => el.offsetParent !== null || el === document.activeElement);
+		}
+		function focusItemAt(index) {
+			const items = panelItems();
+			if (items.length === 0) return;
+			items[(index + items.length) % items.length]?.focus();
+		}
+		async function openWithFocus(first) {
+			triggerFocusEl = document.activeElement ?? null;
+			open.value = true;
+			await nextTick();
+			focusItemAt(first ? 0 : -1);
+		}
+		function returnFocusToTrigger() {
+			const target = triggerFocusEl;
+			triggerFocusEl = null;
+			target?.focus?.();
+		}
+		/**
+		* Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на
+		* элемент внутри слота `#trigger`: `<button v-bind="triggerProps">`. Даёт
+		* `aria-haspopup`/`aria-expanded`/`aria-controls` и клавиатуру (Enter/Space/стрелки).
+		*/
+		const triggerProps = computed(() => ({
+			"aria-haspopup": "menu",
+			"aria-expanded": open.value,
+			"aria-controls": open.value ? panelId : void 0,
+			"onKeydown": onTriggerKeydown
+		}));
+		function onTriggerKeydown(event) {
+			switch (event.key) {
+				case "Enter":
+				case " ":
+				case "ArrowDown":
+					event.preventDefault();
+					openWithFocus(true);
+					break;
+				case "ArrowUp":
+					event.preventDefault();
+					openWithFocus(false);
+					break;
+				case "Escape":
+					if (open.value) {
+						event.preventDefault();
+						close();
+					}
+					break;
+			}
+		}
+		function onPanelKeydown(event) {
+			const currentIndex = panelItems().indexOf(document.activeElement);
+			switch (event.key) {
+				case "ArrowDown":
+					event.preventDefault();
+					focusItemAt(currentIndex + 1);
+					break;
+				case "ArrowUp":
+					event.preventDefault();
+					focusItemAt(currentIndex - 1);
+					break;
+				case "Home":
+					event.preventDefault();
+					focusItemAt(0);
+					break;
+				case "End":
+					event.preventDefault();
+					focusItemAt(-1);
+					break;
+				case "Tab":
+					close();
+					break;
+			}
+		}
 		const placementByAlign = {
 			left: "bottom-start",
 			right: "bottom-end",
@@ -38,7 +117,9 @@ var GrDropdown_default = /* @__PURE__ */ defineComponent({
 			open.value = !open.value;
 		}
 		function close() {
+			const wasOpen = open.value;
 			open.value = false;
+			if (wasOpen) returnFocusToTrigger();
 		}
 		useEscapeToClose(open, close);
 		watch(() => props.align, () => {
@@ -62,7 +143,8 @@ var GrDropdown_default = /* @__PURE__ */ defineComponent({
 			}, [renderSlot(_ctx.$slots, "trigger", {
 				open: open.value,
 				toggle,
-				close
+				close,
+				triggerProps: triggerProps.value
 			})])), [[unref(vClickOutside), {
 				handler: close,
 				enabled: open.value,
@@ -76,16 +158,20 @@ var GrDropdown_default = /* @__PURE__ */ defineComponent({
 				"leave-to-class": "transform opacity-0 scale-95"
 			}, {
 				default: withCtx(() => [withDirectives(createElementVNode("div", {
+					id: unref(panelId),
 					ref_key: "panelEl",
 					ref: panelEl,
 					"data-gr-dropdown-panel": "",
+					role: "menu",
+					tabindex: "-1",
 					class: normalizeClass(panelClasses.value),
 					style: normalizeStyle(unref(floatingStyle)),
-					onClick: onContentClick
+					onClick: onContentClick,
+					onKeydown: onPanelKeydown
 				}, [createElementVNode("div", {
 					"data-gr-dropdown-content": "",
 					class: normalizeClass(contentClasses.value)
-				}, [renderSlot(_ctx.$slots, "content", { close })], 2)], 6), [[vShow, open.value]])]),
+				}, [renderSlot(_ctx.$slots, "content", { close })], 2)], 46, _hoisted_2), [[vShow, open.value]])]),
 				_: 3
 			})], 8, ["to"]))]);
 		};

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrDropdown-BnDMYP8v.js","names":[],"sources":["../../../../src/components/GrDropdown/GrDropdown.vue","../../../../src/components/GrDropdown/GrDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, useId, 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\nconst panelId = useId()\n\n// Элемент триггера, которому вернём фокус при закрытии (клавиатурный сценарий).\nlet triggerFocusEl: HTMLElement | null = null\n\n// Фокусируемые пункты панели для клавиатурной навигации (roving-фокус).\nfunction panelItems(): HTMLElement[] {\n  const root = panelEl.value\n  if (!root)\n    return []\n  const selector = '[role=\"menuitem\"], a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n  return Array.from(root.querySelectorAll<HTMLElement>(selector)).filter(el => el.offsetParent !== null || el === document.activeElement)\n}\n\nfunction focusItemAt(index: number): void {\n  const items = panelItems()\n  if (items.length === 0)\n    return\n  const clamped = (index + items.length) % items.length\n  items[clamped]?.focus()\n}\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  triggerFocusEl = (document.activeElement as HTMLElement) ?? null\n  open.value = true\n  await nextTick()\n  focusItemAt(first ? 0 : -1)\n}\n\nfunction returnFocusToTrigger(): void {\n  const target = triggerFocusEl\n  triggerFocusEl = null\n  target?.focus?.()\n}\n\n/**\n * Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на\n * элемент внутри слота `#trigger`: `<button v-bind=\"triggerProps\">`. Даёт\n * `aria-haspopup`/`aria-expanded`/`aria-controls` и клавиатуру (Enter/Space/стрелки).\n */\nconst triggerProps = computed(() => ({\n  'aria-haspopup': 'menu' as const,\n  'aria-expanded': open.value,\n  'aria-controls': open.value ? panelId : undefined,\n  'onKeydown': onTriggerKeydown,\n}))\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (open.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nfunction onPanelKeydown(event: KeyboardEvent): void {\n  const items = panelItems()\n  const currentIndex = items.indexOf(document.activeElement as HTMLElement)\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      focusItemAt(currentIndex + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      focusItemAt(currentIndex - 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      focusItemAt(0)\n      break\n    case 'End':\n      event.preventDefault()\n      focusItemAt(-1)\n      break\n    case 'Tab':\n      close()\n      break\n  }\n}\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  const wasOpen = open.value\n  open.value = false\n  // Возвращаем фокус на триггер только если панель была открыта с клавиатуры.\n  if (wasOpen)\n    returnFocusToTrigger()\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\" :triggerProps=\"triggerProps\" />\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          :id=\"panelId\"\n          ref=\"panelEl\"\n          data-gr-dropdown-panel\n          role=\"menu\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n          @keydown=\"onPanelKeydown\"\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, nextTick, ref, useId, 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\nconst panelId = useId()\n\n// Элемент триггера, которому вернём фокус при закрытии (клавиатурный сценарий).\nlet triggerFocusEl: HTMLElement | null = null\n\n// Фокусируемые пункты панели для клавиатурной навигации (roving-фокус).\nfunction panelItems(): HTMLElement[] {\n  const root = panelEl.value\n  if (!root)\n    return []\n  const selector = '[role=\"menuitem\"], a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n  return Array.from(root.querySelectorAll<HTMLElement>(selector)).filter(el => el.offsetParent !== null || el === document.activeElement)\n}\n\nfunction focusItemAt(index: number): void {\n  const items = panelItems()\n  if (items.length === 0)\n    return\n  const clamped = (index + items.length) % items.length\n  items[clamped]?.focus()\n}\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  triggerFocusEl = (document.activeElement as HTMLElement) ?? null\n  open.value = true\n  await nextTick()\n  focusItemAt(first ? 0 : -1)\n}\n\nfunction returnFocusToTrigger(): void {\n  const target = triggerFocusEl\n  triggerFocusEl = null\n  target?.focus?.()\n}\n\n/**\n * Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на\n * элемент внутри слота `#trigger`: `<button v-bind=\"triggerProps\">`. Даёт\n * `aria-haspopup`/`aria-expanded`/`aria-controls` и клавиатуру (Enter/Space/стрелки).\n */\nconst triggerProps = computed(() => ({\n  'aria-haspopup': 'menu' as const,\n  'aria-expanded': open.value,\n  'aria-controls': open.value ? panelId : undefined,\n  'onKeydown': onTriggerKeydown,\n}))\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (open.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nfunction onPanelKeydown(event: KeyboardEvent): void {\n  const items = panelItems()\n  const currentIndex = items.indexOf(document.activeElement as HTMLElement)\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      focusItemAt(currentIndex + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      focusItemAt(currentIndex - 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      focusItemAt(0)\n      break\n    case 'End':\n      event.preventDefault()\n      focusItemAt(-1)\n      break\n    case 'Tab':\n      close()\n      break\n  }\n}\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  const wasOpen = open.value\n  open.value = false\n  // Возвращаем фокус на триггер только если панель была открыта с клавиатуры.\n  if (wasOpen)\n    returnFocusToTrigger()\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\" :triggerProps=\"triggerProps\" />\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          :id=\"panelId\"\n          ref=\"panelEl\"\n          data-gr-dropdown-panel\n          role=\"menu\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n          @keydown=\"onPanelKeydown\"\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":"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"}

package/dist/components/GrDropdown/index.js

@@ -1,3 +1,3 @@
-import { t as GrDropdown_default } from "./chunks/GrDropdown-BXb5Cxxf.js";
+import { t as GrDropdown_default } from "./chunks/GrDropdown-BnDMYP8v.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-DFEJLPcV.js → GrDropdownMenu--g9Vofcq.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-BnDMYP8v.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

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"GrDropdownMenu--g9Vofcq.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-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--g9Vofcq.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/GrFormField/chunks/GrFormField-DnfMHx_U.js

@@ -0,0 +1,73 @@
+import { t as GR_FORM_FIELD_KEY } from "../../../chunks/context-DdNIxa1w.js";
+import { computed, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, provide, renderSlot, toDisplayString, unref, useId, useSlots } from "vue";
+//#region src/components/GrFormField/GrFormField.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-col gap-2" };
+var _hoisted_2 = ["for"];
+var _hoisted_3 = {
+	key: 0,
+	"data-gr-form-field-required": "",
+	"aria-hidden": "true",
+	class: "text-[var(--gr-danger)]"
+};
+var _hoisted_4 = ["id"];
+var _hoisted_5 = ["id"];
+//#endregion
+//#region src/components/GrFormField/GrFormField.vue
+var GrFormField_default = /* @__PURE__ */ defineComponent({
+	__name: "GrFormField",
+	props: {
+		label: { default: void 0 },
+		forId: { default: void 0 },
+		error: { default: void 0 },
+		hint: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: false
+		},
+		labelClass: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const generatedId = useId();
+		const fieldId = computed(() => props.forId ?? generatedId);
+		const errorId = useId();
+		const hintId = useId();
+		const hasHint = computed(() => Boolean(props.hint) || Boolean(slots.hint));
+		const hasError = computed(() => Boolean(props.error));
+		provide(GR_FORM_FIELD_KEY, {
+			id: fieldId,
+			describedById: computed(() => {
+				const ids = [hasHint.value ? hintId : null, hasError.value ? errorId : null].filter(Boolean);
+				return ids.length ? ids.join(" ") : void 0;
+			}),
+			invalid: hasError,
+			required: computed(() => props.required)
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				props.label ? (openBlock(), createElementBlock("label", {
+					key: 0,
+					for: fieldId.value,
+					class: normalizeClass(["text-sm text-[var(--muted-fg)]", props.labelClass])
+				}, [createTextVNode(toDisplayString(props.label) + " ", 1), props.required ? (openBlock(), createElementBlock("span", _hoisted_3, "*")) : createCommentVNode("", true)], 10, _hoisted_2)) : createCommentVNode("", true),
+				hasHint.value ? (openBlock(), createElementBlock("p", {
+					key: 1,
+					id: unref(hintId),
+					"data-gr-form-field-hint": "",
+					class: "text-xs text-[var(--muted-fg)]"
+				}, [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(props.hint), 1)])], 8, _hoisted_4)) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "default"),
+				hasError.value ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					id: unref(errorId),
+					"data-gr-form-field-error": "",
+					role: "alert",
+					class: "text-sm text-[var(--gr-danger)]"
+				}, toDisplayString(props.error), 9, _hoisted_5)) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { GrFormField_default as t };

package/dist/components/GrFormField/chunks/GrFormField-DnfMHx_U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrFormField-DnfMHx_U.js","names":[],"sources":["../../../../src/components/GrFormField/GrFormField.vue","../../../../src/components/GrFormField/GrFormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide, useId, useSlots } from 'vue'\n\nimport { GR_FORM_FIELD_KEY } from './context'\n\ntype LabelClass = string | string[] | Record<string, boolean>\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string\n    /** Явный id контрола. Если не задан — генерируется автоматически. */\n    forId?: string\n    error?: string\n    /** Подсказка под лейблом/над контролом (можно также через слот `#hint`). */\n    hint?: string\n    /** Помечает поле обязательным (маркер `*` + `aria-required` у контрола). */\n    required?: boolean\n    labelClass?: LabelClass\n  }>(),\n  {\n    label: undefined,\n    forId: undefined,\n    error: undefined,\n    hint: undefined,\n    required: false,\n    labelClass: undefined,\n  },\n)\n\nconst slots = useSlots()\n\n// Автогенерация id: контрол внутри читает его через inject и связывается с\n// лейблом (`for`) без ручного дублирования `forId`.\nconst generatedId = useId()\nconst fieldId = computed(() => props.forId ?? generatedId)\n\nconst errorId = useId()\nconst hintId = useId()\n\nconst hasHint = computed(() => Boolean(props.hint) || Boolean(slots.hint))\nconst hasError = computed(() => Boolean(props.error))\n\n// `aria-describedby` контрола: подсказка и/или ошибка.\nconst describedById = computed(() => {\n  const ids = [hasHint.value ? hintId : null, hasError.value ? errorId : null].filter(Boolean)\n  return ids.length ? ids.join(' ') : undefined\n})\n\nprovide(GR_FORM_FIELD_KEY, {\n  id: fieldId,\n  describedById,\n  invalid: hasError,\n  required: computed(() => props.required),\n})\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <label\n      v-if=\"props.label\"\n      :for=\"fieldId\"\n      class=\"text-sm text-[var(--muted-fg)]\"\n      :class=\"props.labelClass\"\n    >\n      {{ props.label }}\n      <span v-if=\"props.required\" data-gr-form-field-required aria-hidden=\"true\" class=\"text-[var(--gr-danger)]\">*</span>\n    </label>\n\n    <p\n      v-if=\"hasHint\"\n      :id=\"hintId\"\n      data-gr-form-field-hint\n      class=\"text-xs text-[var(--muted-fg)]\"\n    >\n      <slot name=\"hint\">{{ props.hint }}</slot>\n    </p>\n\n    <slot />\n\n    <div\n      v-if=\"hasError\"\n      :id=\"errorId\"\n      data-gr-form-field-error\n      role=\"alert\"\n      class=\"text-sm text-[var(--gr-danger)]\"\n    >\n      {{ props.error }}\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, useId, useSlots } from 'vue'\n\nimport { GR_FORM_FIELD_KEY } from './context'\n\ntype LabelClass = string | string[] | Record<string, boolean>\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string\n    /** Явный id контрола. Если не задан — генерируется автоматически. */\n    forId?: string\n    error?: string\n    /** Подсказка под лейблом/над контролом (можно также через слот `#hint`). */\n    hint?: string\n    /** Помечает поле обязательным (маркер `*` + `aria-required` у контрола). */\n    required?: boolean\n    labelClass?: LabelClass\n  }>(),\n  {\n    label: undefined,\n    forId: undefined,\n    error: undefined,\n    hint: undefined,\n    required: false,\n    labelClass: undefined,\n  },\n)\n\nconst slots = useSlots()\n\n// Автогенерация id: контрол внутри читает его через inject и связывается с\n// лейблом (`for`) без ручного дублирования `forId`.\nconst generatedId = useId()\nconst fieldId = computed(() => props.forId ?? generatedId)\n\nconst errorId = useId()\nconst hintId = useId()\n\nconst hasHint = computed(() => Boolean(props.hint) || Boolean(slots.hint))\nconst hasError = computed(() => Boolean(props.error))\n\n// `aria-describedby` контрола: подсказка и/или ошибка.\nconst describedById = computed(() => {\n  const ids = [hasHint.value ? hintId : null, hasError.value ? errorId : null].filter(Boolean)\n  return ids.length ? ids.join(' ') : undefined\n})\n\nprovide(GR_FORM_FIELD_KEY, {\n  id: fieldId,\n  describedById,\n  invalid: hasError,\n  required: computed(() => props.required),\n})\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <label\n      v-if=\"props.label\"\n      :for=\"fieldId\"\n      class=\"text-sm text-[var(--muted-fg)]\"\n      :class=\"props.labelClass\"\n    >\n      {{ props.label }}\n      <span v-if=\"props.required\" data-gr-form-field-required aria-hidden=\"true\" class=\"text-[var(--gr-danger)]\">*</span>\n    </label>\n\n    <p\n      v-if=\"hasHint\"\n      :id=\"hintId\"\n      data-gr-form-field-hint\n      class=\"text-xs text-[var(--muted-fg)]\"\n    >\n      <slot name=\"hint\">{{ props.hint }}</slot>\n    </p>\n\n    <slot />\n\n    <div\n      v-if=\"hasError\"\n      :id=\"errorId\"\n      data-gr-form-field-error\n      role=\"alert\"\n      class=\"text-sm text-[var(--gr-danger)]\"\n    >\n      {{ props.error }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAsBd,MAAM,QAAQ,SAAS;EAIvB,MAAM,cAAc,MAAM;EAC1B,MAAM,UAAU,eAAe,MAAM,SAAS,WAAW;EAEzD,MAAM,UAAU,MAAM;EACtB,MAAM,SAAS,MAAM;EAErB,MAAM,UAAU,eAAe,QAAQ,MAAM,IAAI,KAAK,QAAQ,MAAM,IAAI,CAAC;EACzE,MAAM,WAAW,eAAe,QAAQ,MAAM,KAAK,CAAC;EAQpD,QAAQ,mBAAmB;GACzB,IAAI;GACJ,eAPoB,eAAe;IACnC,MAAM,MAAM,CAAC,QAAQ,QAAQ,SAAS,MAAM,SAAS,QAAQ,UAAU,IAAI,CAAC,CAAC,OAAO,OAAO;IAC3F,OAAO,IAAI,SAAS,IAAI,KAAK,GAAG,IAAI,KAAA;GACtC,CAIE;GACA,SAAS;GACT,UAAU,eAAe,MAAM,QAAQ;EACzC,CAAC;;uBAIC,mBA+BM,OA/BN,YA+BM;IA7BI,MAAM,SAAA,UAAA,GADd,mBAQQ,SAAA;;KANL,KAAK,QAAA;KACN,OAAK,eAAA,CAAC,kCACE,MAAM,UAAU,CAAA;wCAErB,MAAM,KAAK,IAAG,KACjB,CAAA,GAAY,MAAM,YAAA,UAAA,GAAlB,mBAAmH,QAAnH,YAA2G,GAAC,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,IAAA,UAAA,KAAA,mBAAA,IAAA,IAAA;IAItG,QAAA,SAAA,UAAA,GADR,mBAOI,KAAA;;KALD,IAAI,MAAA,MAAA;KACL,2BAAA;KACA,OAAM;QAEN,WAAyC,KAAA,QAAA,QAAA,CAAA,SAAA,CAAA,gBAAA,gBAApB,MAAM,IAAI,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,UAAA,KAAA,mBAAA,IAAA,IAAA;IAGjC,WAAQ,KAAA,QAAA,SAAA;IAGA,SAAA,SAAA,UAAA,GADR,mBAQM,OAAA;;KANH,IAAI,MAAA,OAAA;KACL,4BAAA;KACA,MAAK;KACL,OAAM;uBAEH,MAAM,KAAK,GAAA,GAAA,UAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/GrFormField/index.js

@@ -1,3 +1,4 @@
-import { t as GrFormField_default } from "./chunks/GrFormField-BujNQrw8.js";
+import { n as useGrFormFieldContext, t as GR_FORM_FIELD_KEY } from "../../chunks/context-DdNIxa1w.js";
+import { t as GrFormField_default } from "./chunks/GrFormField-DnfMHx_U.js";
 import { t as grFormFieldConfig } from "../../chunks/config-PFg39mYo.js";
-export { GrFormField_default as GrFormField, GrFormField_default as default, grFormFieldConfig };
+export { GR_FORM_FIELD_KEY, GrFormField_default as GrFormField, GrFormField_default as default, grFormFieldConfig, useGrFormFieldContext };