@feugene/granularity 0.4.0 → 0.4.1

package/dist/components/GrCollapse/chunks/GrCollapse-HU20VTVn.js

@@ -0,0 +1,207 @@
+import { t as GrCard_default } from "../../GrCard/chunks/GrCard-xtDcXBr7.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, inject, markRaw, normalizeClass, openBlock, provide, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/GrCollapse/grCollapseContext.ts
+var GR_COLLAPSE_CONTEXT = Symbol("GR_COLLAPSE_CONTEXT");
+//#endregion
+//#region src/components/GrCollapse/GrCollapse.vue
+var GrCollapse_default = /* @__PURE__ */ defineComponent({
+	__name: "GrCollapse",
+	props: {
+		modelValue: { default: void 0 },
+		accordion: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		divided: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const activeSet = computed(() => {
+			const value = props.modelValue;
+			if (props.accordion) {
+				if (typeof value === "string" || typeof value === "number") return new Set([value]);
+				return /* @__PURE__ */ new Set();
+			}
+			if (Array.isArray(value)) return new Set(value);
+			if (typeof value === "string" || typeof value === "number") return new Set([value]);
+			return /* @__PURE__ */ new Set();
+		});
+		function setModelValue(next) {
+			emit("update:modelValue", next);
+			emit("change", next);
+		}
+		function toggle(name) {
+			if (props.disabled) return;
+			if (props.accordion) {
+				setModelValue(activeSet.value.has(name) ? void 0 : name);
+				return;
+			}
+			const current = Array.isArray(props.modelValue) ? [...props.modelValue] : typeof props.modelValue === "string" || typeof props.modelValue === "number" ? [props.modelValue] : [];
+			setModelValue(current.includes(name) ? current.filter((x) => x !== name) : [...current, name]);
+		}
+		provide(GR_COLLAPSE_CONTEXT, {
+			accordion: computed(() => props.accordion),
+			disabled: computed(() => props.disabled),
+			isActive: (name) => activeSet.value.has(name),
+			toggle
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(GrCard_default), { "data-ds-collapse": "" }, {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(__props.divided ? "divide-y divide-[var(--brd)]" : "") }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region ~icons/lucide/chevron-down
+var _hoisted_1$1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "m6 9l6 6l6-6"
+	}, null, -1)])]);
+}
+var chevron_down_default = markRaw({
+	name: "lucide-chevron-down",
+	render: render$1
+});
+//#endregion
+//#region src/components/GrCollapse/GrCollapseItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	"data-ds-collapse-item": "",
+	class: "text-[var(--fg)]"
+};
+var _hoisted_2 = { class: "m-0" };
+var _hoisted_3 = ["aria-expanded", "disabled"];
+var _hoisted_4 = { class: "min-w-0" };
+var _hoisted_5 = { class: "text-sm font-600" };
+var _hoisted_6 = { class: "overflow-hidden" };
+var _hoisted_7 = { class: "px-4 pb-4 text-sm text-[var(--muted-fg)]" };
+//#endregion
+//#region src/components/GrCollapse/GrCollapseItem.vue
+var GrCollapseItem_default = /* @__PURE__ */ defineComponent({
+	__name: "GrCollapseItem",
+	props: {
+		name: { default: void 0 },
+		title: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const collapse = inject(GR_COLLAPSE_CONTEXT);
+		if (!collapse) throw new Error("GrCollapseItem must be used inside GrCollapse");
+		const collapseContext = collapse;
+		const uid = getCurrentInstance()?.uid ?? Math.random();
+		const resolvedName = computed(() => {
+			if (typeof props.name === "string" || typeof props.name === "number") return props.name;
+			return uid;
+		});
+		const resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled);
+		const expanded = computed(() => collapseContext.isActive(resolvedName.value));
+		const headerId = `ds-collapse-header-${uid}`;
+		const panelId = `ds-collapse-panel-${uid}`;
+		const triggerEl = ref(null);
+		function onToggle() {
+			if (resolvedDisabled.value) return;
+			collapseContext.toggle(resolvedName.value);
+		}
+		function getAllTriggers() {
+			const root = triggerEl.value?.closest("[data-ds-collapse]");
+			if (!root) return [];
+			return Array.prototype.slice.call(root.querySelectorAll("[data-ds-collapse-trigger]"));
+		}
+		function focusRelative(direction) {
+			const current = triggerEl.value;
+			if (!current) return;
+			const triggers = getAllTriggers();
+			const index = triggers.indexOf(current);
+			if (index === -1 || triggers.length === 0) return;
+			triggers[(index + direction + triggers.length) % triggers.length]?.focus();
+		}
+		function focusEdge(edge) {
+			const triggers = getAllTriggers();
+			if (triggers.length === 0) return;
+			(edge === "start" ? triggers[0] : triggers.at(-1))?.focus();
+		}
+		function onKeydown(event) {
+			if (event.key === "ArrowDown") {
+				event.preventDefault();
+				focusRelative(1);
+				return;
+			}
+			if (event.key === "ArrowUp") {
+				event.preventDefault();
+				focusRelative(-1);
+				return;
+			}
+			if (event.key === "Home") {
+				event.preventDefault();
+				focusEdge("start");
+				return;
+			}
+			if (event.key === "End") {
+				event.preventDefault();
+				focusEdge("end");
+				return;
+			}
+			if (event.key === " " || event.key === "Enter") {
+				event.preventDefault();
+				onToggle();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("h3", _hoisted_2, [createElementVNode("button", {
+				id: headerId,
+				ref_key: "triggerEl",
+				ref: triggerEl,
+				"data-ds-collapse-trigger": "",
+				type: "button",
+				"aria-expanded": expanded.value ? "true" : "false",
+				"aria-controls": panelId,
+				disabled: resolvedDisabled.value,
+				class: normalizeClass(["w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed", resolvedDisabled.value ? "" : "hover:bg-[var(--muted)]"]),
+				onClick: onToggle,
+				onKeydown
+			}, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_5, toDisplayString(__props.title), 1)])]), createVNode(unref(GrIcon_default), {
+				size: "sm",
+				"aria-hidden": "true",
+				"data-ds-collapse-chevron": "",
+				class: normalizeClass(["shrink-0 transition-transform duration-150 text-[var(--muted-fg)]", expanded.value ? "rotate-180" : ""])
+			}, {
+				default: withCtx(() => [createVNode(unref(chevron_down_default))]),
+				_: 1
+			}, 8, ["class"])], 42, _hoisted_3)]), createElementVNode("div", {
+				id: panelId,
+				role: "region",
+				"aria-labelledby": headerId,
+				class: normalizeClass(["grid transition-[grid-template-rows] duration-200", expanded.value ? "grid-rows-[1fr]" : "grid-rows-[0fr]"])
+			}, [createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "default")])])], 2)]);
+		};
+	}
+});
+//#endregion
+export { GrCollapse_default as n, GR_COLLAPSE_CONTEXT as r, GrCollapseItem_default as t };
+
+//# sourceMappingURL=GrCollapse-HU20VTVn.js.map

package/dist/components/GrCollapse/chunks/GrCollapse-HU20VTVn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrCollapse-HU20VTVn.js","names":[],"sources":["../../../../src/components/GrCollapse/grCollapseContext.ts","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nexport type GrCollapseValue = string | number\n\nexport type GrCollapseModelValue = GrCollapseValue | GrCollapseValue[] | undefined\n\nexport type GrCollapseContext = {\n  accordion: ComputedRef<boolean>\n  disabled: ComputedRef<boolean>\n  isActive: (name: GrCollapseValue) => boolean\n  toggle: (name: GrCollapseValue) => void\n}\n\nexport const GR_COLLAPSE_CONTEXT: InjectionKey<GrCollapseContext> = Symbol('GR_COLLAPSE_CONTEXT')","<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\n\nimport GrCard from '../GrCard'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseContext,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}>()\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction toggle(name: GrCollapseValue): void {\n  if (props.disabled)\n    return\n\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  isActive: name => activeSet.value.has(name),\n  toggle,\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard data-ds-collapse>\n    <div :class=\"divided ? 'divide-y divide-[var(--brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\n\nimport GrCard from '../GrCard'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseContext,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}>()\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction toggle(name: GrCollapseValue): void {\n  if (props.disabled)\n    return\n\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  isActive: name => activeSet.value.has(name),\n  toggle,\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard data-ds-collapse>\n    <div :class=\"divided ? 'divide-y divide-[var(--brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, getCurrentInstance, inject, ref } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst instance = getCurrentInstance()\nconst uid = instance?.uid ?? Math.random()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headerId = `ds-collapse-header-${uid}`\nconst panelId = `ds-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-ds-collapse]')\n  if (!root)\n    return []\n\n  return Array.prototype.slice.call(root.querySelectorAll<HTMLElement>('[data-ds-collapse-trigger]')) as HTMLElement[]\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0)\n    return\n\n  ;(edge === 'start' ? triggers[0] : triggers.at(-1))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n</script>\n\n<template>\n  <div\n    data-ds-collapse-item\n    class=\"text-[var(--fg)]\"\n  >\n    <h3 class=\"m-0\">\n      <button\n        :id=\"headerId\"\n        ref=\"triggerEl\"\n        data-ds-collapse-trigger\n        type=\"button\"\n        :aria-expanded=\"expanded ? 'true' : 'false'\"\n        :aria-controls=\"panelId\"\n        :disabled=\"resolvedDisabled\"\n        class=\"w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"resolvedDisabled ? '' : 'hover:bg-[var(--muted)]'\"\n        @click=\"onToggle\"\n        @keydown=\"onKeydown\"\n      >\n        <span class=\"min-w-0\">\n          <slot name=\"title\">\n            <span class=\"text-sm font-600\">\n              {{ title }}\n            </span>\n          </slot>\n        </span>\n\n        <GrIcon\n          size=\"sm\"\n          aria-hidden=\"true\"\n          data-ds-collapse-chevron\n          class=\"shrink-0 transition-transform duration-150 text-[var(--muted-fg)]\"\n          :class=\"expanded ? 'rotate-180' : ''\"\n        >\n          <ChevronDownIcon />\n        </GrIcon>\n      </button>\n    </h3>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      class=\"grid transition-[grid-template-rows] duration-200\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div class=\"px-4 pb-4 text-sm text-[var(--muted-fg)]\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, getCurrentInstance, inject, ref } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst instance = getCurrentInstance()\nconst uid = instance?.uid ?? Math.random()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headerId = `ds-collapse-header-${uid}`\nconst panelId = `ds-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-ds-collapse]')\n  if (!root)\n    return []\n\n  return Array.prototype.slice.call(root.querySelectorAll<HTMLElement>('[data-ds-collapse-trigger]')) as HTMLElement[]\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0)\n    return\n\n  ;(edge === 'start' ? triggers[0] : triggers.at(-1))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n</script>\n\n<template>\n  <div\n    data-ds-collapse-item\n    class=\"text-[var(--fg)]\"\n  >\n    <h3 class=\"m-0\">\n      <button\n        :id=\"headerId\"\n        ref=\"triggerEl\"\n        data-ds-collapse-trigger\n        type=\"button\"\n        :aria-expanded=\"expanded ? 'true' : 'false'\"\n        :aria-controls=\"panelId\"\n        :disabled=\"resolvedDisabled\"\n        class=\"w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"resolvedDisabled ? '' : 'hover:bg-[var(--muted)]'\"\n        @click=\"onToggle\"\n        @keydown=\"onKeydown\"\n      >\n        <span class=\"min-w-0\">\n          <slot name=\"title\">\n            <span class=\"text-sm font-600\">\n              {{ title }}\n            </span>\n          </slot>\n        </span>\n\n        <GrIcon\n          size=\"sm\"\n          aria-hidden=\"true\"\n          data-ds-collapse-chevron\n          class=\"shrink-0 transition-transform duration-150 text-[var(--muted-fg)]\"\n          :class=\"expanded ? 'rotate-180' : ''\"\n        >\n          <ChevronDownIcon />\n        </GrIcon>\n      </button>\n    </h3>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      class=\"grid transition-[grid-template-rows] duration-200\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div class=\"px-4 pb-4 text-sm text-[var(--muted-fg)]\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>"],"mappings":"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"}

package/dist/components/GrCollapse/index.js

@@ -1,3 +1,3 @@
-import { n as e, r as t, t as n } from "./chunks/GrCollapse-D7QYRqNa.js";
-import { t as r } from "../../chunks/config-CS7E7LME.js";
-export { t as GR_COLLAPSE_CONTEXT, e as GrCollapse, e as default, n as GrCollapseItem, r as grCollapseConfig };
+import { n as GrCollapse_default, r as GR_COLLAPSE_CONTEXT, t as GrCollapseItem_default } from "./chunks/GrCollapse-HU20VTVn.js";
+import { t as grCollapseConfig } from "../../chunks/config-BzZGpWsj.js";
+export { GR_COLLAPSE_CONTEXT, GrCollapse_default as GrCollapse, GrCollapse_default as default, GrCollapseItem_default as GrCollapseItem, grCollapseConfig };

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

@@ -0,0 +1,133 @@
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BmGdp8-4.js";
+import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-gObmaVEl.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, withCtx } from "vue";
+//#region src/components/GrConfirmDialog/GrConfirmDialog.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "text-[14px] text-[var(--muted-fg)]"
+};
+var _hoisted_2 = { class: "flex items-center justify-end gap-3" };
+//#endregion
+//#region src/components/GrConfirmDialog/GrConfirmDialog.vue
+var GrConfirmDialog_default = /* @__PURE__ */ defineComponent({
+	__name: "GrConfirmDialog",
+	props: {
+		modelValue: { type: Boolean },
+		title: { default: "Confirm" },
+		description: { default: void 0 },
+		closeOnBackdrop: {
+			type: Boolean,
+			default: true
+		},
+		closeOnEsc: {
+			type: Boolean,
+			default: true
+		},
+		showHeader: {
+			type: Boolean,
+			default: true
+		},
+		showCloseButton: {
+			type: Boolean,
+			default: true
+		},
+		size: { default: "md" },
+		headerConfig: { default: void 0 },
+		footerConfig: { default: void 0 },
+		bodyConfig: { default: void 0 },
+		closeLabel: { default: "Close" },
+		buttonSize: { default: void 0 },
+		confirmText: { default: "Confirm" },
+		cancelText: { default: "Cancel" },
+		confirmVariant: { default: "primary" },
+		confirmTone: { default: "primary" }
+	},
+	emits: [
+		"update:modelValue",
+		"confirm",
+		"cancel"
+	],
+	setup(__props, { emit: __emit }) {
+		/**
+		* GrConfirmDialog — DS-примитив диалога подтверждения поверх `GrDialog`.
+		*
+		* Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:
+		* `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,
+		* `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.
+		*
+		* Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог
+		* через `update:modelValue`.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const open = computed({
+			get: () => props.modelValue,
+			set: (value) => emit("update:modelValue", value)
+		});
+		function onCancel() {
+			emit("cancel");
+			emit("update:modelValue", false);
+		}
+		function onConfirm() {
+			emit("confirm");
+			emit("update:modelValue", false);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(GrDialog_default, {
+				modelValue: open.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
+				title: __props.title,
+				size: __props.size,
+				"close-on-backdrop": __props.closeOnBackdrop,
+				"close-on-esc": __props.closeOnEsc,
+				"show-header": __props.showHeader,
+				"show-close-button": __props.showCloseButton,
+				"header-config": __props.headerConfig,
+				"footer-config": __props.footerConfig,
+				"body-config": __props.bodyConfig,
+				"close-label": __props.closeLabel
+			}, {
+				footer: withCtx(() => [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("div", _hoisted_2, [createVNode(GrButton_default, {
+					"data-testid": "ds-confirm-cancel",
+					variant: "outline",
+					size: __props.buttonSize,
+					onClick: onCancel
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelText), 1)]),
+					_: 1
+				}, 8, ["size"]), createVNode(GrButton_default, {
+					"data-testid": "ds-confirm-confirm",
+					variant: __props.confirmVariant,
+					tone: __props.confirmTone,
+					size: __props.buttonSize,
+					onClick: onConfirm
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmText), 1)]),
+					_: 1
+				}, 8, [
+					"variant",
+					"tone",
+					"size"
+				])])])]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [__props.description ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"title",
+				"size",
+				"close-on-backdrop",
+				"close-on-esc",
+				"show-header",
+				"show-close-button",
+				"header-config",
+				"footer-config",
+				"body-config",
+				"close-label"
+			]);
+		};
+	}
+});
+//#endregion
+export { GrConfirmDialog_default as t };
+
+//# sourceMappingURL=GrConfirmDialog-DjGOX9Hd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrConfirmDialog-DjGOX9Hd.js","names":[],"sources":["../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue","../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — DS-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { computed } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n}\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: 'Confirm',\n  description: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: 'Close',\n  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <slot>\n      <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n        {{ description }}\n      </div>\n    </slot>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — DS-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { computed } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n}\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: 'Confirm',\n  description: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: 'Close',\n  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <slot>\n      <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n        {{ description }}\n      </div>\n    </slot>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCA,MAAM,QAAQ;EAmBd,MAAM,OAAO;EAMb,MAAM,OAAO,SAAS;GACpB,WAAW,MAAM;GACjB,MAAM,UAAmB,KAAK,qBAAqB,MAAM;GAC1D,CAAA;EAED,SAAS,WAAiB;AACxB,QAAK,SAAQ;AACb,QAAK,qBAAqB,MAAK;;EAGjC,SAAS,YAAkB;AACzB,QAAK,UAAS;AACd,QAAK,qBAAqB,MAAK;;;uBAK/B,YAqCW,kBAAA;gBApCA,KAAA;sEAAI,QAAA;IACZ,OAAO,QAAA;IACP,MAAM,QAAA;IACN,qBAAmB,QAAA;IACnB,gBAAc,QAAA;IACd,eAAa,QAAA;IACb,qBAAmB,QAAA;IACnB,iBAAe,QAAA;IACf,iBAAe,QAAA;IACf,eAAa,QAAA;IACb,eAAa,QAAA;;IAQH,QAAM,cAgBR,CAfP,WAeO,KAAA,QAAA,UAAA,EAAA,QAAA,CAdL,mBAaM,OAbN,YAaM,CAZJ,YAEW,kBAAA;KAFD,eAAY;KAAoB,SAAQ;KAAW,MAAM,QAAA;KAAa,SAAO;;4BACrE,CAAA,gBAAA,gBAAb,QAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;qBAEf,YAQW,kBAAA;KAPT,eAAY;KACX,SAAS,QAAA;KACT,MAAM,QAAA;KACN,MAAM,QAAA;KACN,SAAO;;4BAES,CAAA,gBAAA,gBAAd,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA;;;;;;;2BAff,CAJP,WAIO,KAAA,QAAA,WAAA,EAAA,QAAA,CAHM,QAAA,eAAA,WAAA,EAAX,mBAEM,OAFN,YAEM,gBADD,QAAA,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrConfirmDialog/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "./chunks/GrConfirmDialog-C7Eh8-Vn.js";
-import { t } from "../../chunks/config-C4_REX-3.js";
-export { e as GrConfirmDialog, e as default, t as grConfirmDialogConfig };
+import { t as GrConfirmDialog_default } from "./chunks/GrConfirmDialog-DjGOX9Hd.js";
+import { t as grConfirmDialogConfig } from "../../chunks/config-DFRYOcrP.js";
+export { GrConfirmDialog_default as GrConfirmDialog, GrConfirmDialog_default as default, grConfirmDialogConfig };

package/dist/components/GrDataTable/chunks/GrDataTable-QDOJWmdY.js

@@ -0,0 +1,181 @@
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
+import { t as GrTable_default } from "../../GrTable/chunks/GrTable-CyQ9uw8A.js";
+import { t as arrow_up_default } from "../../../chunks/arrow-up-DNXrMoAI.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, markRaw, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region ~icons/lucide/arrow-down
+var _hoisted_1$1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M12 5v14m7-7l-7 7l-7-7"
+	}, null, -1)])]);
+}
+var arrow_down_default = markRaw({
+	name: "lucide-arrow-down",
+	render: render$1
+});
+//#endregion
+//#region src/components/GrDataTable/GrDataTable.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { "data-ds-datatable-header": "" };
+var _hoisted_2 = ["aria-sort"];
+var _hoisted_3 = { class: "inline-flex items-center gap-2" };
+var _hoisted_4 = ["aria-label", "onClick"];
+var _hoisted_5 = { class: "inline-flex" };
+var _hoisted_6 = {
+	key: 1,
+	class: "text-[var(--muted-fg)]"
+};
+var _hoisted_7 = {
+	key: 0,
+	"data-ds-datatable-empty": ""
+};
+var _hoisted_8 = ["colspan"];
+//#endregion
+//#region src/components/GrDataTable/GrDataTable.vue
+var GrDataTable_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDataTable",
+	props: {
+		rows: {},
+		columns: {},
+		rowKey: {
+			type: [String, Function],
+			default: "id"
+		},
+		initialSortKey: { default: void 0 },
+		initialSortDir: { default: "asc" },
+		density: { default: "regular" },
+		caption: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		ariaLabelledby: { default: void 0 },
+		regionLabel: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const sortKey = ref(props.initialSortKey ?? "");
+		const sortDir = ref(props.initialSortDir);
+		const sortedRows = computed(() => {
+			const items = [...props.rows];
+			if (!sortKey.value) return items;
+			const key = sortKey.value;
+			const dir = sortDir.value;
+			items.sort((a, b) => {
+				const av = a[key];
+				const bv = b[key];
+				const aNum = typeof av === "number" ? av : Number(av);
+				const bNum = typeof bv === "number" ? bv : Number(bv);
+				const res = Number.isFinite(aNum) && Number.isFinite(bNum) ? aNum - bNum : String(av ?? "").localeCompare(String(bv ?? ""), void 0, { sensitivity: "base" });
+				return dir === "asc" ? res : -res;
+			});
+			return items;
+		});
+		function toggleSort(col) {
+			if (!col.sortable) return;
+			if (sortKey.value !== col.key) {
+				sortKey.value = col.key;
+				sortDir.value = "asc";
+				return;
+			}
+			sortDir.value = sortDir.value === "asc" ? "desc" : "asc";
+		}
+		function cellAlign(col) {
+			if (col.align === "right") return "text-right";
+			if (col.align === "center") return "text-center";
+			return "text-left";
+		}
+		function rowKeyValue(row) {
+			const rk = props.rowKey;
+			if (typeof rk === "function") return rk(row);
+			const v = row[rk];
+			if (typeof v === "string" || typeof v === "number") return v;
+			return String(v ?? "");
+		}
+		function ariaSortFor(col) {
+			if (!col.sortable) return void 0;
+			if (sortKey.value !== col.key) return "none";
+			return sortDir.value === "asc" ? "ascending" : "descending";
+		}
+		function sortButtonLabel(col) {
+			if (sortKey.value !== col.key) return `Sort by ${col.label}`;
+			return sortDir.value === "asc" ? `Sorted by ${col.label} ascending, activate to sort descending` : `Sorted by ${col.label} descending, activate to sort ascending`;
+		}
+		const tableProps = computed(() => ({
+			density: props.density,
+			caption: props.caption,
+			ariaLabel: props.ariaLabel,
+			ariaLabelledby: props.ariaLabelledby,
+			regionLabel: props.regionLabel
+		}));
+		const isEmpty = computed(() => sortedRows.value.length === 0);
+		function cellValue(row, key) {
+			return row[key];
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(GrTable_default, mergeProps(tableProps.value, { "data-ds-datatable": "" }), createSlots({
+				head: withCtx(() => [createElementVNode("tr", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+					return openBlock(), createElementBlock("th", {
+						key: col.key,
+						class: normalizeClass(["font-700 text-xs px-4 py-3", cellAlign(col)]),
+						"aria-sort": ariaSortFor(col),
+						scope: "col"
+					}, [createElementVNode("div", _hoisted_3, [col.sortable ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: "inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
+						"aria-label": sortButtonLabel(col),
+						onClick: ($event) => toggleSort(col)
+					}, [createElementVNode("span", null, toDisplayString(col.label), 1), createElementVNode("span", _hoisted_5, [sortKey.value === col.key && sortDir.value === "asc" ? (openBlock(), createBlock(GrIcon_default, {
+						key: 0,
+						size: "sm",
+						"aria-hidden": "true"
+					}, {
+						default: withCtx(() => [createVNode(unref(arrow_up_default))]),
+						_: 1
+					})) : sortKey.value === col.key && sortDir.value === "desc" ? (openBlock(), createBlock(GrIcon_default, {
+						key: 1,
+						size: "sm",
+						"aria-hidden": "true"
+					}, {
+						default: withCtx(() => [createVNode(unref(arrow_down_default))]),
+						_: 1
+					})) : createCommentVNode("", true)])], 8, _hoisted_4)) : (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(col.label), 1))])], 10, _hoisted_2);
+				}), 128))])]),
+				default: withCtx(() => [isEmpty.value ? (openBlock(), createElementBlock("tr", _hoisted_7, [createElementVNode("td", {
+					colspan: __props.columns.length,
+					class: "px-4 py-6 text-center text-[var(--muted-fg)]"
+				}, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[0] || (_cache[0] = createTextVNode(" Нет данных ", -1))])], 8, _hoisted_8)])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(sortedRows.value, (row) => {
+					return openBlock(), createElementBlock("tr", {
+						key: rowKeyValue(row),
+						class: "border-t border-[var(--brd)]",
+						"data-ds-datatable-row": ""
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+						return openBlock(), createElementBlock("td", {
+							key: col.key,
+							class: normalizeClass(["px-4 py-3", cellAlign(col)])
+						}, [renderSlot(_ctx.$slots, `cell-${col.key}`, { row }, () => [createElementVNode("span", null, toDisplayString(cellValue(row, col.key)), 1)])], 2);
+					}), 128))]);
+				}), 128))]),
+				_: 2
+			}, [_ctx.$slots.caption ? {
+				name: "caption",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "caption")]),
+				key: "0"
+			} : void 0, _ctx.$slots.foot ? {
+				name: "foot",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "foot")]),
+				key: "1"
+			} : void 0]), 1040);
+		};
+	}
+});
+//#endregion
+export { GrDataTable_default as t };
+
+//# sourceMappingURL=GrDataTable-QDOJWmdY.js.map