@feugene/granularity 0.13.0 → 0.18.0

package/dist/components/GrCheckbox/index.js

@@ -1,3 +1,3 @@
-import { t as GrCheckbox_default } from "./chunks/GrCheckbox-BbIDRXtl.js";
-import { t as grCheckboxConfig } from "../../chunks/config-DICOd-2X.js";
-export { GrCheckbox_default as GrCheckbox, GrCheckbox_default as default, grCheckboxConfig };
+import { n as GR_CHECKBOX_GROUP_CONTEXT, t as GrCheckbox_default } from "./chunks/GrCheckbox-BLOp8452.js";
+import { n as grCheckboxSafelist, t as grCheckboxConfig } from "../../chunks/config-esdviAPL.js";
+export { GR_CHECKBOX_GROUP_CONTEXT, GrCheckbox_default as GrCheckbox, GrCheckbox_default as default, grCheckboxConfig, grCheckboxSafelist };

package/dist/components/GrCheckboxGroup/chunks/GrCheckboxGroup-CXTx2Z5H.js

@@ -0,0 +1,140 @@
+import { o as useGrComponentSize } from "../../../chunks/context-BSYR7RZs.js";
+import { useGrFormControl } from "../../../composables/useGrFormControl.js";
+import { t as useFocusWithin } from "../../../chunks/useFocusWithin-BwHE0rzm.js";
+import { n as GR_CHECKBOX_GROUP_CONTEXT, t as GrCheckbox_default } from "../../GrCheckbox/chunks/GrCheckbox-BLOp8452.js";
+import { Fragment, computed, createBlock, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/GrCheckboxGroup/GrCheckboxGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-invalid",
+	"aria-disabled"
+];
+//#endregion
+//#region src/components/GrCheckboxGroup/GrCheckboxGroup.vue
+var GrCheckboxGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "GrCheckboxGroup",
+	props: {
+		modelValue: {},
+		options: { default: void 0 },
+		name: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		direction: { default: "vertical" },
+		size: { default: void 0 },
+		ariaLabel: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"focus",
+		"blur"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		/**
+		* GrCheckboxGroup — контейнер группы `GrCheckbox` с общей моделью `string[]`.
+		*
+		* Работает и через слот (ручной рендер `GrCheckbox` с собственными подписями),
+		* и через проп `options`. Дочерние чекбоксы получают из контекста выбранные
+		* значения, `name`, `size` и состояния `disabled`/`readonly`/`invalid`, поэтому
+		* свой `v-model` им не нужен.
+		*
+		* A11y: `role="group"` — не `radiogroup`. У группы чекбоксов нет roving tabindex
+		* и переезда выбора стрелками: каждый чекбокс независим и остаётся собственной
+		* остановкой `Tab`, ровно как набор нативных `<input type="checkbox">`.
+		* `role="group"` не поддерживает `aria-required` и `aria-readonly` (axe:
+		* `aria-allowed-attr`), поэтому оба состояния объявляют чекбоксы группы.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const resolvedSize = useGrComponentSize(() => props.size, { component: "GrCheckboxGroup" });
+		const { disabled: isDisabled, id: fieldId, labelId: fieldLabelId, describedBy, invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props);
+		const labelledBy = computed(() => props.ariaLabel ? void 0 : fieldLabelId.value);
+		const layoutClass = computed(() => props.direction === "horizontal" ? "flex flex-wrap items-center gap-4" : "grid gap-2");
+		function toggle(value, checked) {
+			if (isDisabled.value || isReadonly.value) return;
+			if (checked) {
+				if (props.modelValue.includes(value)) return;
+				commit([...props.modelValue, value]);
+				return;
+			}
+			commit(props.modelValue.filter((item) => item !== value));
+		}
+		function commit(next) {
+			emit("update:modelValue", next);
+			emit("change", next);
+		}
+		const rootEl = ref(null);
+		const { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {
+			enter: (event) => emit("focus", event),
+			leave: (event) => emit("blur", event)
+		});
+		function firstCheckbox() {
+			return rootEl.value?.querySelector("[role=\"checkbox\"]:not([aria-disabled=\"true\"])");
+		}
+		function focus() {
+			firstCheckbox()?.focus();
+		}
+		function blur() {
+			firstCheckbox()?.blur();
+		}
+		__expose({
+			focus,
+			blur
+		});
+		provide(GR_CHECKBOX_GROUP_CONTEXT, {
+			modelValue: computed(() => props.modelValue),
+			name: computed(() => props.name),
+			disabled: computed(() => isDisabled.value),
+			readonly: isReadonly,
+			invalid: isInvalid,
+			size: resolvedSize,
+			required: isRequired,
+			toggle
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: unref(fieldId),
+				ref_key: "rootEl",
+				ref: rootEl,
+				"data-gr-checkbox-group": "",
+				role: "group",
+				class: normalizeClass(layoutClass.value),
+				"aria-label": __props.ariaLabel,
+				"aria-labelledby": labelledBy.value,
+				"aria-describedby": unref(describedBy),
+				"aria-invalid": unref(isInvalid) ? "true" : void 0,
+				"aria-disabled": unref(isDisabled) ? "true" : void 0,
+				onFocusin: _cache[0] || (_cache[0] = (...args) => unref(onFocusIn) && unref(onFocusIn)(...args)),
+				onFocusout: _cache[1] || (_cache[1] = (...args) => unref(onFocusOut) && unref(onFocusOut)(...args))
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options ?? [], (option) => {
+				return openBlock(), createBlock(GrCheckbox_default, {
+					key: option.value,
+					value: option.value,
+					disabled: option.disabled
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1)]),
+					_: 2
+				}, 1032, ["value", "disabled"]);
+			}), 128))])], 42, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { GrCheckboxGroup_default as t };

package/dist/components/GrCheckboxGroup/chunks/GrCheckboxGroup-CXTx2Z5H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrCheckboxGroup-CXTx2Z5H.js","names":[],"sources":["../../../../src/components/GrCheckboxGroup/GrCheckboxGroup.vue","../../../../src/components/GrCheckboxGroup/GrCheckboxGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrCheckboxGroup — контейнер группы `GrCheckbox` с общей моделью `string[]`.\n *\n * Работает и через слот (ручной рендер `GrCheckbox` с собственными подписями),\n * и через проп `options`. Дочерние чекбоксы получают из контекста выбранные\n * значения, `name`, `size` и состояния `disabled`/`readonly`/`invalid`, поэтому\n * свой `v-model` им не нужен.\n *\n * A11y: `role=\"group\"` — не `radiogroup`. У группы чекбоксов нет roving tabindex\n * и переезда выбора стрелками: каждый чекбокс независим и остаётся собственной\n * остановкой `Tab`, ровно как набор нативных `<input type=\"checkbox\">`.\n * `role=\"group\"` не поддерживает `aria-required` и `aria-readonly` (axe:\n * `aria-allowed-attr`), поэтому оба состояния объявляют чекбоксы группы.\n */\nimport { computed, provide, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\n\nimport GrCheckbox from '../GrCheckbox/GrCheckbox.vue'\nimport { GR_CHECKBOX_GROUP_CONTEXT } from '../GrCheckbox/grCheckboxGroupContext'\nimport type { GrCheckboxSize } from '../GrCheckbox/grCheckboxStyles'\n\nexport type GrCheckboxGroupDirection = 'vertical' | 'horizontal'\n\nexport interface GrCheckboxGroupOption {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface GrCheckboxGroupProps {\n  modelValue: string[]\n  options?: GrCheckboxGroupOption[]\n  /** Общее имя для нативной формы: значения уйдут как повторяющиеся поля. */\n  name?: string\n  disabled?: boolean\n  /** Только для чтения: выбор видно, но он не меняется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки для всей группы. */\n  invalid?: boolean\n  /** Обязательная группа: `aria-required` объявляют сами чекбоксы. */\n  required?: boolean\n  direction?: GrCheckboxGroupDirection\n  size?: GrCheckboxSize\n  ariaLabel?: string\n}\n\nexport interface GrCheckboxGroupEmits {\n  (e: 'update:modelValue', value: string[]): void\n  (e: 'change', value: string[]): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(defineProps<GrCheckboxGroupProps>(), {\n  options: undefined,\n  name: undefined,\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  required: false,\n  direction: 'vertical',\n  size: undefined,\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<GrCheckboxGroupEmits>()\ndefineSlots<{\n  /** Собственная разметка флажков вместо генерации из `options`. */\n  default?: () => any\n}>()\n\n\n// Эффективный размер группы: локальный проп → `GrConfigProvider` → `md`.\n// Дочерние чекбоксы получают уже разрешённое значение через контекст.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCheckboxGroup' })\n\n// Контекст `GrFormField`. Группа — не labelable-элемент, поэтому имя приходит\n// через `aria-labelledby` на подпись поля, а не через `<label for>`.\nconst {\n  disabled: isDisabled,\n  id: fieldId,\n  labelId: fieldLabelId,\n  describedBy,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\n\nconst labelledBy = computed(() => (props.ariaLabel ? undefined : fieldLabelId.value))\n\nconst layoutClass = computed(() =>\n  props.direction === 'horizontal' ? 'flex flex-wrap items-center gap-4' : 'grid gap-2',\n)\n\nfunction toggle(value: string, checked: boolean): void {\n  if (isDisabled.value || isReadonly.value)\n    return\n\n  if (checked) {\n    if (props.modelValue.includes(value))\n      return\n    commit([...props.modelValue, value])\n    return\n  }\n\n  commit(props.modelValue.filter(item => item !== value))\n}\n\nfunction commit(next: string[]): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nconst rootEl = ref<HTMLElement | null>(null)\n\n// Фокус ходит между чекбоксами группы: без границы каждый переход давал бы\n// потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n\nfunction firstCheckbox(): HTMLElement | null | undefined {\n  return rootEl.value?.querySelector<HTMLElement>('[role=\"checkbox\"]:not([aria-disabled=\"true\"])')\n}\n\nfunction focus(): void {\n  firstCheckbox()?.focus()\n}\n\nfunction blur(): void {\n  firstCheckbox()?.blur()\n}\n\ndefineExpose({ focus, blur })\n\nprovide(GR_CHECKBOX_GROUP_CONTEXT, {\n  modelValue: computed(() => props.modelValue),\n  name: computed(() => props.name),\n  disabled: computed(() => isDisabled.value),\n  readonly: isReadonly,\n  invalid: isInvalid,\n  size: resolvedSize,\n  required: isRequired,\n  toggle,\n})\n</script>\n\n<template>\n  <div\n    :id=\"fieldId\"\n    ref=\"rootEl\"\n    data-gr-checkbox-group\n    role=\"group\"\n    :class=\"layoutClass\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"labelledBy\"\n    :aria-describedby=\"describedBy\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <slot>\n      <GrCheckbox\n        v-for=\"option in options ?? []\"\n        :key=\"option.value\"\n        :value=\"option.value\"\n        :disabled=\"option.disabled\"\n      >\n        {{ option.label }}\n      </GrCheckbox>\n    </slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrCheckboxGroup — контейнер группы `GrCheckbox` с общей моделью `string[]`.\n *\n * Работает и через слот (ручной рендер `GrCheckbox` с собственными подписями),\n * и через проп `options`. Дочерние чекбоксы получают из контекста выбранные\n * значения, `name`, `size` и состояния `disabled`/`readonly`/`invalid`, поэтому\n * свой `v-model` им не нужен.\n *\n * A11y: `role=\"group\"` — не `radiogroup`. У группы чекбоксов нет roving tabindex\n * и переезда выбора стрелками: каждый чекбокс независим и остаётся собственной\n * остановкой `Tab`, ровно как набор нативных `<input type=\"checkbox\">`.\n * `role=\"group\"` не поддерживает `aria-required` и `aria-readonly` (axe:\n * `aria-allowed-attr`), поэтому оба состояния объявляют чекбоксы группы.\n */\nimport { computed, provide, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\n\nimport GrCheckbox from '../GrCheckbox/GrCheckbox.vue'\nimport { GR_CHECKBOX_GROUP_CONTEXT } from '../GrCheckbox/grCheckboxGroupContext'\nimport type { GrCheckboxSize } from '../GrCheckbox/grCheckboxStyles'\n\nexport type GrCheckboxGroupDirection = 'vertical' | 'horizontal'\n\nexport interface GrCheckboxGroupOption {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface GrCheckboxGroupProps {\n  modelValue: string[]\n  options?: GrCheckboxGroupOption[]\n  /** Общее имя для нативной формы: значения уйдут как повторяющиеся поля. */\n  name?: string\n  disabled?: boolean\n  /** Только для чтения: выбор видно, но он не меняется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки для всей группы. */\n  invalid?: boolean\n  /** Обязательная группа: `aria-required` объявляют сами чекбоксы. */\n  required?: boolean\n  direction?: GrCheckboxGroupDirection\n  size?: GrCheckboxSize\n  ariaLabel?: string\n}\n\nexport interface GrCheckboxGroupEmits {\n  (e: 'update:modelValue', value: string[]): void\n  (e: 'change', value: string[]): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(defineProps<GrCheckboxGroupProps>(), {\n  options: undefined,\n  name: undefined,\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  required: false,\n  direction: 'vertical',\n  size: undefined,\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<GrCheckboxGroupEmits>()\ndefineSlots<{\n  /** Собственная разметка флажков вместо генерации из `options`. */\n  default?: () => any\n}>()\n\n\n// Эффективный размер группы: локальный проп → `GrConfigProvider` → `md`.\n// Дочерние чекбоксы получают уже разрешённое значение через контекст.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCheckboxGroup' })\n\n// Контекст `GrFormField`. Группа — не labelable-элемент, поэтому имя приходит\n// через `aria-labelledby` на подпись поля, а не через `<label for>`.\nconst {\n  disabled: isDisabled,\n  id: fieldId,\n  labelId: fieldLabelId,\n  describedBy,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\n\nconst labelledBy = computed(() => (props.ariaLabel ? undefined : fieldLabelId.value))\n\nconst layoutClass = computed(() =>\n  props.direction === 'horizontal' ? 'flex flex-wrap items-center gap-4' : 'grid gap-2',\n)\n\nfunction toggle(value: string, checked: boolean): void {\n  if (isDisabled.value || isReadonly.value)\n    return\n\n  if (checked) {\n    if (props.modelValue.includes(value))\n      return\n    commit([...props.modelValue, value])\n    return\n  }\n\n  commit(props.modelValue.filter(item => item !== value))\n}\n\nfunction commit(next: string[]): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nconst rootEl = ref<HTMLElement | null>(null)\n\n// Фокус ходит между чекбоксами группы: без границы каждый переход давал бы\n// потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n\nfunction firstCheckbox(): HTMLElement | null | undefined {\n  return rootEl.value?.querySelector<HTMLElement>('[role=\"checkbox\"]:not([aria-disabled=\"true\"])')\n}\n\nfunction focus(): void {\n  firstCheckbox()?.focus()\n}\n\nfunction blur(): void {\n  firstCheckbox()?.blur()\n}\n\ndefineExpose({ focus, blur })\n\nprovide(GR_CHECKBOX_GROUP_CONTEXT, {\n  modelValue: computed(() => props.modelValue),\n  name: computed(() => props.name),\n  disabled: computed(() => isDisabled.value),\n  readonly: isReadonly,\n  invalid: isInvalid,\n  size: resolvedSize,\n  required: isRequired,\n  toggle,\n})\n</script>\n\n<template>\n  <div\n    :id=\"fieldId\"\n    ref=\"rootEl\"\n    data-gr-checkbox-group\n    role=\"group\"\n    :class=\"layoutClass\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"labelledBy\"\n    :aria-describedby=\"describedBy\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <slot>\n      <GrCheckbox\n        v-for=\"option in options ?? []\"\n        :key=\"option.value\"\n        :value=\"option.value\"\n        :disabled=\"option.disabled\"\n      >\n        {{ option.label }}\n      </GrCheckbox>\n    </slot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDA,MAAM,QAAQ;EAYd,MAAM,OAAO;EASb,MAAM,eAAe,yBAAyB,MAAM,MAAM,EAAE,WAAW,kBAAkB,CAAC;EAI1F,MAAM,EACJ,UAAU,YACV,IAAI,SACJ,SAAS,cACT,aACA,SAAS,WACT,UAAU,YACV,UAAU,eACR,uBAAuB,KAAK;EAEhC,MAAM,aAAa,eAAgB,MAAM,YAAY,KAAA,IAAY,aAAa,KAAM;EAEpF,MAAM,cAAc,eAClB,MAAM,cAAc,eAAe,sCAAsC,YAC3E;EAEA,SAAS,OAAO,OAAe,SAAwB;GACrD,IAAI,WAAW,SAAS,WAAW,OACjC;GAEF,IAAI,SAAS;IACX,IAAI,MAAM,WAAW,SAAS,KAAK,GACjC;IACF,OAAO,CAAC,GAAG,MAAM,YAAY,KAAK,CAAC;IACnC;GACF;GAEA,OAAO,MAAM,WAAW,QAAO,SAAQ,SAAS,KAAK,CAAC;EACxD;EAEA,SAAS,OAAO,MAAsB;GACpC,KAAK,qBAAqB,IAAI;GAC9B,KAAK,UAAU,IAAI;EACrB;EAEA,MAAM,SAAS,IAAwB,IAAI;EAI3C,MAAM,EAAE,WAAW,eAAe,eAAe,QAAQ;GACvD,QAAO,UAAS,KAAK,SAAS,KAAK;GACnC,QAAO,UAAS,KAAK,QAAQ,KAAK;EACpC,CAAC;EAED,SAAS,gBAAgD;GACvD,OAAO,OAAO,OAAO,cAA2B,mDAA+C;EACjG;EAEA,SAAS,QAAc;GACrB,cAAc,CAAC,EAAE,MAAM;EACzB;EAEA,SAAS,OAAa;GACpB,cAAc,CAAC,EAAE,KAAK;EACxB;EAEA,SAAa;GAAE;GAAO;EAAK,CAAC;EAE5B,QAAQ,2BAA2B;GACjC,YAAY,eAAe,MAAM,UAAU;GAC3C,MAAM,eAAe,MAAM,IAAI;GAC/B,UAAU,eAAe,WAAW,KAAK;GACzC,UAAU;GACV,SAAS;GACT,MAAM;GACN,UAAU;GACV;EACF,CAAC;;uBAIC,mBAwBM,OAAA;IAvBH,IAAI,MAAA,OAAA;aACD;IAAJ,KAAI;IACJ,0BAAA;IACA,MAAK;IACJ,OAAK,eAAE,YAAA,KAAW;IAClB,cAAY,QAAA;IACZ,mBAAiB,WAAA;IACjB,oBAAkB,MAAA,WAAA;IAClB,gBAAc,MAAA,SAAA,IAAS,SAAY,KAAA;IACnC,iBAAe,MAAA,UAAA,IAAU,SAAY,KAAA;IACrC,WAAO,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,SAAA,KAAA,MAAA,SAAA,CAAA,CAAA,GAAA,IAAA;IACT,YAAQ,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,UAAA,KAAA,MAAA,UAAA,CAAA,CAAA,GAAA,IAAA;OAEX,WASO,KAAA,QAAA,WAAA,CAAA,SAAA,EAAA,UAAA,IAAA,GARL,mBAOa,UAAA,MAAA,WANM,QAAA,WAAO,CAAA,IAAjB,WAAM;wBADf,YAOa,oBAAA;KALV,KAAK,OAAO;KACZ,OAAO,OAAO;KACd,UAAU,OAAO;;4BAEA,CAAA,gBAAA,gBAAf,OAAO,KAAK,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrCheckboxGroup/index.js

@@ -0,0 +1,3 @@
+import { t as GrCheckboxGroup_default } from "./chunks/GrCheckboxGroup-CXTx2Z5H.js";
+import { t as grCheckboxGroupConfig } from "../../chunks/config-BuGlNPE9.js";
+export { GrCheckboxGroup_default as GrCheckboxGroup, GrCheckboxGroup_default as default, grCheckboxGroupConfig };

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

@@ -0,0 +1,308 @@
+import { a as useGrComponentProp, o as useGrComponentSize } from "../../../chunks/context-BSYR7RZs.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BvA2ZGXP.js";
+import { t as GrCard_default } from "../../GrCard/chunks/GrCard-DOrGHf2x.js";
+import { n as hasMeaningfulSlotContent } from "../../../chunks/slotNodes-DxNXpC7v.js";
+import { a as grCollapseBodyClass, c as grCollapseHeaderClass, i as collapseExtraPaddings, l as grCollapseRowClass, o as grCollapseChevronClass, r as collapseChevronSizes, s as grCollapseEmptyClass, u as grCollapseTitleClass } from "../../../chunks/config-DU2DNSRx2.js";
+import { t as chevron_down_default } from "../../../chunks/chevron-down-CQS2OG_s.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, withCtx } from "vue";
+//#region src/components/GrCollapse/grCollapseContext.ts
+/**
+* Уровень заголовка секции. APG для accordion требует, чтобы он соответствовал
+* структуре страницы: аккордеон в разделе `<h4>` с захардкоженным `<h3>` рвёт
+* навигацию по заголовкам.
+*/
+var GR_COLLAPSE_HEADING_LEVELS = [
+	2,
+	3,
+	4,
+	5,
+	6
+];
+/** Сторона шеврона относительно заголовка — логическая, не физическая (RTL). */
+var GR_COLLAPSE_ICON_POSITIONS = ["start", "end"];
+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: void 0
+		},
+		borderless: {
+			type: Boolean,
+			default: void 0
+		},
+		headingLevel: { default: void 0 },
+		expandIconPosition: { default: void 0 },
+		beforeChange: {
+			type: Function,
+			default: void 0
+		},
+		size: { default: void 0 },
+		empty: {
+			type: Boolean,
+			default: void 0
+		},
+		emptyText: { default: void 0 }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const { t } = useGranularityTranslations();
+		const resolvedSize = useGrComponentSize(() => props.size, { component: "GrCollapse" });
+		const divided = useGrComponentProp("GrCollapse", "divided", () => props.divided, true);
+		const borderless = useGrComponentProp("GrCollapse", "borderless", () => props.borderless, false);
+		const headingLevel = useGrComponentProp("GrCollapse", "headingLevel", () => props.headingLevel, 3);
+		const expandIconPosition = useGrComponentProp("GrCollapse", "expandIconPosition", () => props.expandIconPosition, "end");
+		const resolvedEmptyText = computed(() => props.emptyText ?? t("gr.collapse.empty", "Nothing here yet"));
+		/**
+		* Пустоту считает общий разборщик слота: `v-for` приходит фрагментом, `v-if`
+		* оставляет после себя комментарий, а шаблон — переносы строк, и всё это не
+		* содержимое.
+		*/
+		const isEmpty = computed(() => {
+			if (props.empty !== void 0) return props.empty;
+			return !hasMeaningfulSlotContent(slots.default?.() ?? []);
+		});
+		const activeSet = computed(() => {
+			const value = props.modelValue;
+			if (props.accordion) {
+				if (typeof value === "string" || typeof value === "number") return /* @__PURE__ */ new Set([value]);
+				return /* @__PURE__ */ new Set();
+			}
+			if (Array.isArray(value)) return new Set(value);
+			if (typeof value === "string" || typeof value === "number") return /* @__PURE__ */ new Set([value]);
+			return /* @__PURE__ */ new Set();
+		});
+		function setModelValue(next) {
+			emit("update:modelValue", next);
+			emit("change", next);
+		}
+		function applyToggle(name) {
+			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]);
+		}
+		const awaitingGuard = /* @__PURE__ */ new Set();
+		async function toggle(name) {
+			if (props.disabled || awaitingGuard.has(name)) return;
+			if (!props.beforeChange) {
+				applyToggle(name);
+				return;
+			}
+			awaitingGuard.add(name);
+			try {
+				if (await props.beforeChange(name, !activeSet.value.has(name)) === false) return;
+				applyToggle(name);
+			} finally {
+				awaitingGuard.delete(name);
+			}
+		}
+		provide(GR_COLLAPSE_CONTEXT, {
+			accordion: computed(() => props.accordion),
+			disabled: computed(() => props.disabled),
+			size: resolvedSize,
+			headingLevel,
+			expandIconPosition,
+			isActive: (name) => activeSet.value.has(name),
+			toggle: (name) => {
+				toggle(name);
+			}
+		});
+		return (_ctx, _cache) => {
+			return !unref(borderless) ? (openBlock(), createBlock(unref(GrCard_default), {
+				key: 0,
+				"data-gr-collapse": ""
+			}, {
+				default: withCtx(() => [isEmpty.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					"data-gr-collapse-empty": "",
+					class: normalizeClass(unref(grCollapseEmptyClass)(unref(resolvedSize)))
+				}, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(resolvedEmptyText.value), 1)])], 2)) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(divided) ? "divide-y divide-[var(--gr-brd)]" : "")
+				}, [renderSlot(_ctx.$slots, "default")], 2))]),
+				_: 3
+			})) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				"data-gr-collapse": "",
+				class: normalizeClass(unref(divided) ? "divide-y divide-[var(--gr-brd)]" : "")
+			}, [isEmpty.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				"data-gr-collapse-empty": "",
+				class: normalizeClass(unref(grCollapseEmptyClass)(unref(resolvedSize)))
+			}, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(resolvedEmptyText.value), 1)])], 2)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)], 2));
+		};
+	}
+});
+//#endregion
+//#region src/components/GrCollapse/GrCollapseItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	"data-gr-collapse-item": "",
+	class: "text-[var(--gr-fg)]"
+};
+var _hoisted_2 = ["aria-expanded", "disabled"];
+var _hoisted_3 = { class: "font-600" };
+var _hoisted_4 = ["inert"];
+var _hoisted_5 = { class: "overflow-hidden" };
+//#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 = useId();
+		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 headingTag = computed(() => `h${collapseContext.headingLevel.value}`);
+		const iconAtStart = computed(() => collapseContext.expandIconPosition.value === "start");
+		const rowClassName = computed(() => grCollapseRowClass(resolvedDisabled.value));
+		const headerClassName = computed(() => grCollapseHeaderClass({
+			size: collapseContext.size.value,
+			disabled: resolvedDisabled.value
+		}));
+		const extraClassName = computed(() => collapseExtraPaddings[collapseContext.size.value]);
+		const titleClassName = computed(() => grCollapseTitleClass(collapseContext.size.value));
+		const bodyClassName = computed(() => grCollapseBodyClass(collapseContext.size.value));
+		const chevronClassName = computed(() => grCollapseChevronClass(expanded.value));
+		const chevronSize = computed(() => collapseChevronSizes[collapseContext.size.value]);
+		const headerId = `gr-collapse-header-${uid}`;
+		const panelId = `gr-collapse-panel-${uid}`;
+		const triggerEl = ref(null);
+		function onToggle() {
+			if (resolvedDisabled.value) return;
+			collapseContext.toggle(resolvedName.value);
+		}
+		/**
+		* Только заголовки **своего** аккордеона: вложенный `GrCollapse` внутри
+		* раскрытой панели тоже помечен `[data-gr-collapse]`, и без фильтра стрелки
+		* внешнего аккордеона перескакивали бы на заголовки внутреннего.
+		*/
+		function getAllTriggers() {
+			const root = triggerEl.value?.closest("[data-gr-collapse]");
+			if (!root) return [];
+			return Array.prototype.slice.call(root.querySelectorAll("[data-gr-collapse-trigger]")).filter((trigger) => trigger.closest("[data-gr-collapse]") === root);
+		}
+		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("div", { class: normalizeClass(rowClassName.value) }, [(openBlock(), createBlock(resolveDynamicComponent(headingTag.value), { class: "m-0 min-w-0 flex-1" }, {
+				default: withCtx(() => [createElementVNode("button", {
+					id: headerId,
+					ref_key: "triggerEl",
+					ref: triggerEl,
+					"data-gr-collapse-trigger": "",
+					type: "button",
+					"aria-expanded": expanded.value ? "true" : "false",
+					"aria-controls": panelId,
+					disabled: resolvedDisabled.value,
+					class: normalizeClass(headerClassName.value),
+					onClick: onToggle,
+					onKeydown
+				}, [
+					iconAtStart.value ? (openBlock(), createBlock(unref(GrIcon_default), {
+						key: 0,
+						size: chevronSize.value,
+						"data-gr-collapse-chevron": "",
+						class: normalizeClass(chevronClassName.value)
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(chevron_down_default))])]),
+						_: 3
+					}, 8, ["size", "class"])) : createCommentVNode("", true),
+					createElementVNode("span", { class: normalizeClass(titleClassName.value) }, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_3, toDisplayString(__props.title), 1)])], 2),
+					!iconAtStart.value ? (openBlock(), createBlock(unref(GrIcon_default), {
+						key: 1,
+						size: chevronSize.value,
+						"data-gr-collapse-chevron": "",
+						class: normalizeClass(chevronClassName.value)
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(chevron_down_default))])]),
+						_: 3
+					}, 8, ["size", "class"])) : createCommentVNode("", true)
+				], 42, _hoisted_2)]),
+				_: 3
+			})), _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				"data-gr-collapse-extra": "",
+				class: normalizeClass(["shrink-0", extraClassName.value])
+			}, [renderSlot(_ctx.$slots, "extra")], 2)) : createCommentVNode("", true)], 2), createElementVNode("div", {
+				id: panelId,
+				role: "region",
+				"aria-labelledby": headerId,
+				inert: expanded.value ? void 0 : true,
+				class: normalizeClass(["grid transition-[grid-template-rows] duration-[var(--gr-duration-base)]", expanded.value ? "grid-rows-[1fr]" : "grid-rows-[0fr]"])
+			}, [createElementVNode("div", _hoisted_5, [createElementVNode("div", { class: normalizeClass(bodyClassName.value) }, [renderSlot(_ctx.$slots, "default")], 2)])], 10, _hoisted_4)]);
+		};
+	}
+});
+//#endregion
+export { GR_COLLAPSE_ICON_POSITIONS as a, GR_COLLAPSE_HEADING_LEVELS as i, GrCollapse_default as n, GR_COLLAPSE_CONTEXT as r, GrCollapseItem_default as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrCollapse-B2Fc6A9r.js","names":["$slots"],"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\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type GrCollapseValue = string | number\n\nexport type GrCollapseModelValue = GrCollapseValue | GrCollapseValue[] | undefined\n\n/**\n * Уровень заголовка секции. APG для accordion требует, чтобы он соответствовал\n * структуре страницы: аккордеон в разделе `<h4>` с захардкоженным `<h3>` рвёт\n * навигацию по заголовкам.\n */\nexport const GR_COLLAPSE_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\n\nexport type GrCollapseHeadingLevel = typeof GR_COLLAPSE_HEADING_LEVELS[number]\n\n/** Сторона шеврона относительно заголовка — логическая, не физическая (RTL). */\nexport const GR_COLLAPSE_ICON_POSITIONS = ['start', 'end'] as const\n\nexport type GrCollapseIconPosition = typeof GR_COLLAPSE_ICON_POSITIONS[number]\n\n/**\n * Async-guard на переключение секции: `false` отменяет его. Второй аргумент —\n * куда идёт секция (`true` — раскрывается), чтобы «сохранить изменения?»\n * спрашивалось только на сворачивании.\n */\nexport type GrCollapseBeforeChange = (\n  name: GrCollapseValue,\n  expanding: boolean,\n) => boolean | void | Promise<boolean | void>\n\nexport type GrCollapseContext = {\n  accordion: ComputedRef<boolean>\n  disabled: ComputedRef<boolean>\n  size: ComputedRef<GrComponentSize>\n  headingLevel: ComputedRef<GrCollapseHeadingLevel>\n  expandIconPosition: ComputedRef<GrCollapseIconPosition>\n  isActive: (name: GrCollapseValue) => boolean\n  toggle: (name: GrCollapseValue) => void\n}\n\nexport const GR_COLLAPSE_CONTEXT: InjectionKey<GrCollapseContext> = Symbol('GR_COLLAPSE_CONTEXT')\n","<script setup lang=\"ts\">\nimport { computed, provide, useSlots } from 'vue'\n\nimport GrCard from '../GrCard'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { grCollapseEmptyClass } from './grCollapseStyles'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseBeforeChange,\n  type GrCollapseContext,\n  type GrCollapseHeadingLevel,\n  type GrCollapseIconPosition,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nimport './defaults'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n * @prop borderless — без обёртки в `GrCard`: аккордеон внутри карточки или сайдбара\n *   иначе получает вторую рамку и вторую тень.\n * @prop beforeChange — async-guard: `false` отменяет переключение.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n  borderless?: boolean\n  /** Уровень заголовков секций (`h2`…`h6`) — под структуру страницы. */\n  headingLevel?: GrCollapseHeadingLevel\n  /** Сторона шеврона относительно заголовка. */\n  expandIconPosition?: GrCollapseIconPosition\n  beforeChange?: GrCollapseBeforeChange\n  /** Размер секций. Не задан — берётся из `GrConfigProvider`, иначе `md`. */\n  size?: GrComponentSize\n  /**\n   * Пусто ли. Не задан — считается по содержимому: аккордеон без секций\n   * показывает заглушку вместо пустой рамки. `false` подавляет автоопределение —\n   * например, когда секции приезжают асинхронно и мигать текстом не надо.\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n}\n\nexport interface GrCollapseEmits {\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный пользователем\n// проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: undefined,\n  borderless: undefined,\n  headingLevel: undefined,\n  expandIconPosition: undefined,\n  beforeChange: undefined,\n  size: undefined,\n  empty: undefined,\n  emptyText: undefined,\n})\n\nconst emit = defineEmits<GrCollapseEmits>()\n\ndefineSlots<{\n  /** Секции аккордеона (`GrCollapseItem`). */\n  default?: () => any\n  /** Содержимое пустого состояния вместо текста по умолчанию. */\n  empty?: () => any\n}>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCollapse' })\nconst divided = useGrComponentProp('GrCollapse', 'divided', () => props.divided, true)\nconst borderless = useGrComponentProp('GrCollapse', 'borderless', () => props.borderless, false)\nconst headingLevel = useGrComponentProp('GrCollapse', 'headingLevel', () => props.headingLevel, 3)\nconst expandIconPosition = useGrComponentProp('GrCollapse', 'expandIconPosition', () => props.expandIconPosition, 'end')\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.collapse.empty', 'Nothing here yet'))\n\n/**\n * Пустоту считает общий разборщик слота: `v-for` приходит фрагментом, `v-if`\n * оставляет после себя комментарий, а шаблон — переносы строк, и всё это не\n * содержимое.\n */\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined) return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\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 applyToggle(name: GrCollapseValue): void {\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\n// Секции, у которых guard ещё не ответил. Без этого повторный клик по заголовку\n// уходил бы во второй `beforeChange`, и после двух «да» состояние переключилось\n// бы дважды — то есть вернулось бы к исходному.\nconst awaitingGuard = new Set<GrCollapseValue>()\n\nasync function toggle(name: GrCollapseValue): Promise<void> {\n  if (props.disabled || awaitingGuard.has(name))\n    return\n\n  if (!props.beforeChange) {\n    applyToggle(name)\n    return\n  }\n\n  awaitingGuard.add(name)\n  try {\n    if (await props.beforeChange(name, !activeSet.value.has(name)) === false)\n      return\n\n    applyToggle(name)\n  }\n  finally {\n    awaitingGuard.delete(name)\n  }\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  size: resolvedSize,\n  headingLevel,\n  expandIconPosition,\n  isActive: name => activeSet.value.has(name),\n  toggle: (name) => { void toggle(name) },\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard v-if=\"!borderless\" data-gr-collapse>\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <div v-else :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n\n  <!-- Разделители остаются на корне: без обёртки в карточку он и есть список\n       секций, и лишний уровень вложенности сдвинул бы вёрстку потребителя. -->\n  <div\n    v-else\n    data-gr-collapse\n    :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\"\n  >\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <slot v-else />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, useSlots } from 'vue'\n\nimport GrCard from '../GrCard'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { grCollapseEmptyClass } from './grCollapseStyles'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseBeforeChange,\n  type GrCollapseContext,\n  type GrCollapseHeadingLevel,\n  type GrCollapseIconPosition,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nimport './defaults'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n * @prop borderless — без обёртки в `GrCard`: аккордеон внутри карточки или сайдбара\n *   иначе получает вторую рамку и вторую тень.\n * @prop beforeChange — async-guard: `false` отменяет переключение.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n  borderless?: boolean\n  /** Уровень заголовков секций (`h2`…`h6`) — под структуру страницы. */\n  headingLevel?: GrCollapseHeadingLevel\n  /** Сторона шеврона относительно заголовка. */\n  expandIconPosition?: GrCollapseIconPosition\n  beforeChange?: GrCollapseBeforeChange\n  /** Размер секций. Не задан — берётся из `GrConfigProvider`, иначе `md`. */\n  size?: GrComponentSize\n  /**\n   * Пусто ли. Не задан — считается по содержимому: аккордеон без секций\n   * показывает заглушку вместо пустой рамки. `false` подавляет автоопределение —\n   * например, когда секции приезжают асинхронно и мигать текстом не надо.\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n}\n\nexport interface GrCollapseEmits {\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный пользователем\n// проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: undefined,\n  borderless: undefined,\n  headingLevel: undefined,\n  expandIconPosition: undefined,\n  beforeChange: undefined,\n  size: undefined,\n  empty: undefined,\n  emptyText: undefined,\n})\n\nconst emit = defineEmits<GrCollapseEmits>()\n\ndefineSlots<{\n  /** Секции аккордеона (`GrCollapseItem`). */\n  default?: () => any\n  /** Содержимое пустого состояния вместо текста по умолчанию. */\n  empty?: () => any\n}>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCollapse' })\nconst divided = useGrComponentProp('GrCollapse', 'divided', () => props.divided, true)\nconst borderless = useGrComponentProp('GrCollapse', 'borderless', () => props.borderless, false)\nconst headingLevel = useGrComponentProp('GrCollapse', 'headingLevel', () => props.headingLevel, 3)\nconst expandIconPosition = useGrComponentProp('GrCollapse', 'expandIconPosition', () => props.expandIconPosition, 'end')\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.collapse.empty', 'Nothing here yet'))\n\n/**\n * Пустоту считает общий разборщик слота: `v-for` приходит фрагментом, `v-if`\n * оставляет после себя комментарий, а шаблон — переносы строк, и всё это не\n * содержимое.\n */\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined) return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\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 applyToggle(name: GrCollapseValue): void {\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\n// Секции, у которых guard ещё не ответил. Без этого повторный клик по заголовку\n// уходил бы во второй `beforeChange`, и после двух «да» состояние переключилось\n// бы дважды — то есть вернулось бы к исходному.\nconst awaitingGuard = new Set<GrCollapseValue>()\n\nasync function toggle(name: GrCollapseValue): Promise<void> {\n  if (props.disabled || awaitingGuard.has(name))\n    return\n\n  if (!props.beforeChange) {\n    applyToggle(name)\n    return\n  }\n\n  awaitingGuard.add(name)\n  try {\n    if (await props.beforeChange(name, !activeSet.value.has(name)) === false)\n      return\n\n    applyToggle(name)\n  }\n  finally {\n    awaitingGuard.delete(name)\n  }\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  size: resolvedSize,\n  headingLevel,\n  expandIconPosition,\n  isActive: name => activeSet.value.has(name),\n  toggle: (name) => { void toggle(name) },\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard v-if=\"!borderless\" data-gr-collapse>\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <div v-else :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n\n  <!-- Разделители остаются на корне: без обёртки в карточку он и есть список\n       секций, и лишний уровень вложенности сдвинул бы вёрстку потребителя. -->\n  <div\n    v-else\n    data-gr-collapse\n    :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\"\n  >\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <slot v-else />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, inject, ref, useId } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\nimport {\n  collapseChevronSizes,\n  collapseExtraPaddings,\n  grCollapseBodyClass,\n  grCollapseChevronClass,\n  grCollapseHeaderClass,\n  grCollapseRowClass,\n  grCollapseTitleClass,\n} from './grCollapseStyles'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n *\n * Слот `#extra` (счётчик, бейдж, кнопка) рендерится **рядом с** триггером, а не\n * внутри него: `<button>` внутри `<button>` — невалидная разметка, а axe ловит\n * это как `nested-interactive`.\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 uid = useId()\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 headingTag = computed(() => `h${collapseContext.headingLevel.value}`)\nconst iconAtStart = computed(() => collapseContext.expandIconPosition.value === 'start')\n\nconst rowClassName = computed(() => grCollapseRowClass(resolvedDisabled.value))\nconst headerClassName = computed(() => grCollapseHeaderClass({\n  size: collapseContext.size.value,\n  disabled: resolvedDisabled.value,\n}))\nconst extraClassName = computed(() => collapseExtraPaddings[collapseContext.size.value])\nconst titleClassName = computed(() => grCollapseTitleClass(collapseContext.size.value))\nconst bodyClassName = computed(() => grCollapseBodyClass(collapseContext.size.value))\nconst chevronClassName = computed(() => grCollapseChevronClass(expanded.value))\nconst chevronSize = computed(() => collapseChevronSizes[collapseContext.size.value])\n\n// Свёрнутая панель схлопывается визуально (`grid-rows-[0fr]`), но это не\n// скрытие: без `inert` ссылки и кнопки внутри неё ловятся Tab'ом, фокус уезжает\n// в невидимую область нулевой высоты, а скринридер читает содержимое всех\n// закрытых секций подряд — прямо вопреки `aria-expanded=\"false\"` на триггере.\n// `inert` убирает поддерево и из таб-порядка, и из дерева доступности, при этом\n// (в отличие от `hidden`/`display:none`) не ломает анимацию раскрытия.\nconst headerId = `gr-collapse-header-${uid}`\nconst panelId = `gr-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\n/**\n * Только заголовки **своего** аккордеона: вложенный `GrCollapse` внутри\n * раскрытой панели тоже помечен `[data-gr-collapse]`, и без фильтра стрелки\n * внешнего аккордеона перескакивали бы на заголовки внутреннего.\n */\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  const triggers = Array.prototype.slice.call(\n    root.querySelectorAll<HTMLElement>('[data-gr-collapse-trigger]'),\n  ) as HTMLElement[]\n\n  return triggers.filter(trigger => trigger.closest('[data-gr-collapse]') === root)\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-gr-collapse-item\n    class=\"text-[var(--gr-fg)]\"\n  >\n    <div :class=\"rowClassName\">\n      <component\n        :is=\"headingTag\"\n        class=\"m-0 min-w-0 flex-1\"\n      >\n        <button\n          :id=\"headerId\"\n          ref=\"triggerEl\"\n          data-gr-collapse-trigger\n          type=\"button\"\n          :aria-expanded=\"expanded ? 'true' : 'false'\"\n          :aria-controls=\"panelId\"\n          :disabled=\"resolvedDisabled\"\n          :class=\"headerClassName\"\n          @click=\"onToggle\"\n          @keydown=\"onKeydown\"\n        >\n          <GrIcon\n            v-if=\"iconAtStart\"\n            :size=\"chevronSize\"\n           \n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n\n          <span :class=\"titleClassName\">\n            <slot name=\"title\">\n              <span class=\"font-600\">\n                {{ title }}\n              </span>\n            </slot>\n          </span>\n\n          <GrIcon\n            v-if=\"!iconAtStart\"\n            :size=\"chevronSize\"\n           \n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n        </button>\n      </component>\n\n      <div\n        v-if=\"$slots.extra\"\n        data-gr-collapse-extra\n        class=\"shrink-0\"\n        :class=\"extraClassName\"\n      >\n        <slot name=\"extra\" />\n      </div>\n    </div>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      :inert=\"expanded ? undefined : true\"\n      class=\"grid transition-[grid-template-rows] duration-[var(--gr-duration-base)]\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div :class=\"bodyClassName\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, inject, ref, useId } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\nimport {\n  collapseChevronSizes,\n  collapseExtraPaddings,\n  grCollapseBodyClass,\n  grCollapseChevronClass,\n  grCollapseHeaderClass,\n  grCollapseRowClass,\n  grCollapseTitleClass,\n} from './grCollapseStyles'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n *\n * Слот `#extra` (счётчик, бейдж, кнопка) рендерится **рядом с** триггером, а не\n * внутри него: `<button>` внутри `<button>` — невалидная разметка, а axe ловит\n * это как `nested-interactive`.\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 uid = useId()\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 headingTag = computed(() => `h${collapseContext.headingLevel.value}`)\nconst iconAtStart = computed(() => collapseContext.expandIconPosition.value === 'start')\n\nconst rowClassName = computed(() => grCollapseRowClass(resolvedDisabled.value))\nconst headerClassName = computed(() => grCollapseHeaderClass({\n  size: collapseContext.size.value,\n  disabled: resolvedDisabled.value,\n}))\nconst extraClassName = computed(() => collapseExtraPaddings[collapseContext.size.value])\nconst titleClassName = computed(() => grCollapseTitleClass(collapseContext.size.value))\nconst bodyClassName = computed(() => grCollapseBodyClass(collapseContext.size.value))\nconst chevronClassName = computed(() => grCollapseChevronClass(expanded.value))\nconst chevronSize = computed(() => collapseChevronSizes[collapseContext.size.value])\n\n// Свёрнутая панель схлопывается визуально (`grid-rows-[0fr]`), но это не\n// скрытие: без `inert` ссылки и кнопки внутри неё ловятся Tab'ом, фокус уезжает\n// в невидимую область нулевой высоты, а скринридер читает содержимое всех\n// закрытых секций подряд — прямо вопреки `aria-expanded=\"false\"` на триггере.\n// `inert` убирает поддерево и из таб-порядка, и из дерева доступности, при этом\n// (в отличие от `hidden`/`display:none`) не ломает анимацию раскрытия.\nconst headerId = `gr-collapse-header-${uid}`\nconst panelId = `gr-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\n/**\n * Только заголовки **своего** аккордеона: вложенный `GrCollapse` внутри\n * раскрытой панели тоже помечен `[data-gr-collapse]`, и без фильтра стрелки\n * внешнего аккордеона перескакивали бы на заголовки внутреннего.\n */\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  const triggers = Array.prototype.slice.call(\n    root.querySelectorAll<HTMLElement>('[data-gr-collapse-trigger]'),\n  ) as HTMLElement[]\n\n  return triggers.filter(trigger => trigger.closest('[data-gr-collapse]') === root)\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-gr-collapse-item\n    class=\"text-[var(--gr-fg)]\"\n  >\n    <div :class=\"rowClassName\">\n      <component\n        :is=\"headingTag\"\n        class=\"m-0 min-w-0 flex-1\"\n      >\n        <button\n          :id=\"headerId\"\n          ref=\"triggerEl\"\n          data-gr-collapse-trigger\n          type=\"button\"\n          :aria-expanded=\"expanded ? 'true' : 'false'\"\n          :aria-controls=\"panelId\"\n          :disabled=\"resolvedDisabled\"\n          :class=\"headerClassName\"\n          @click=\"onToggle\"\n          @keydown=\"onKeydown\"\n        >\n          <GrIcon\n            v-if=\"iconAtStart\"\n            :size=\"chevronSize\"\n           \n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n\n          <span :class=\"titleClassName\">\n            <slot name=\"title\">\n              <span class=\"font-600\">\n                {{ title }}\n              </span>\n            </slot>\n          </span>\n\n          <GrIcon\n            v-if=\"!iconAtStart\"\n            :size=\"chevronSize\"\n           \n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n        </button>\n      </component>\n\n      <div\n        v-if=\"$slots.extra\"\n        data-gr-collapse-extra\n        class=\"shrink-0\"\n        :class=\"extraClassName\"\n      >\n        <slot name=\"extra\" />\n      </div>\n    </div>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      :inert=\"expanded ? undefined : true\"\n      class=\"grid transition-[grid-template-rows] duration-[var(--gr-duration-base)]\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div :class=\"bodyClassName\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrCollapse/index.js

@@ -1,3 +1,3 @@
-import { n as GrCollapse_default, r as GR_COLLAPSE_CONTEXT, t as GrCollapseItem_default } from "./chunks/GrCollapse-DApXztn8.js";
-import { t as grCollapseConfig } from "../../chunks/config-xR4XVmcy2.js";
-export { GR_COLLAPSE_CONTEXT, GrCollapse_default as GrCollapse, GrCollapse_default as default, GrCollapseItem_default as GrCollapseItem, grCollapseConfig };
+import { n as grCollapseSafelist, t as grCollapseConfig } from "../../chunks/config-DU2DNSRx2.js";
+import { a as GR_COLLAPSE_ICON_POSITIONS, i as GR_COLLAPSE_HEADING_LEVELS, n as GrCollapse_default, r as GR_COLLAPSE_CONTEXT, t as GrCollapseItem_default } from "./chunks/GrCollapse-B2Fc6A9r.js";
+export { GR_COLLAPSE_CONTEXT, GR_COLLAPSE_HEADING_LEVELS, GR_COLLAPSE_ICON_POSITIONS, GrCollapse_default as GrCollapse, GrCollapse_default as default, GrCollapseItem_default as GrCollapseItem, grCollapseConfig, grCollapseSafelist };