@feugene/granularity 0.9.4 → 0.11.0

package/dist/components/GrBadgeWrap/index.js

@@ -1,3 +1,3 @@
-import { t as GrBadgeWrap_default } from "./chunks/GrBadgeWrap-BEnE9DyJ.js";
-import { t as grBadgeWrapConfig } from "../../chunks/config-V3LF-b_F.js";
+import { t as GrBadgeWrap_default } from "./chunks/GrBadgeWrap-CcktMOdg.js";
+import { t as grBadgeWrapConfig } from "../../chunks/config-Dxuwwepq.js";
 export { GrBadgeWrap_default as GrBadgeWrap, GrBadgeWrap_default as default, grBadgeWrapConfig };

package/dist/components/GrBottomNav/chunks/{GrBottomNav-XPHwd7UQ.js.map → GrBottomNav-usuMgG8_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrBottomNav-XPHwd7UQ.js","names":[],"sources":["../../../../src/components/GrBottomNav/GrBottomNav.vue","../../../../src/components/GrBottomNav/GrBottomNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\nexport type GrBottomNavItem = {\n  label: string\n  value: string\n}\n\nconst props = defineProps<{\n  modelValue: string\n  items: GrBottomNavItem[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n</script>\n\n<template>\n  <nav class=\"fixed bottom-0 left-0 right-0 border-t border-[var(--brd)] bg-[var(--bg)] px-2 pb-[env(safe-area-inset-bottom)] sm:hidden\">\n    <div class=\"h-14 flex items-center justify-around\">\n      <button\n        v-for=\"it in props.items\"\n        :key=\"it.value\"\n        type=\"button\"\n        class=\"min-w-[44px] min-h-[44px] px-3 rounded-md text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"it.value === props.modelValue ? 'text-[var(--primary)]' : 'text-[var(--muted-fg)] hover:text-[var(--fg)]'\"\n        @click=\"emit('update:modelValue', it.value)\"\n      >\n        {{ it.label }}\n      </button>\n    </div>\n  </nav>\n</template>","<script setup lang=\"ts\">\nexport type GrBottomNavItem = {\n  label: string\n  value: string\n}\n\nconst props = defineProps<{\n  modelValue: string\n  items: GrBottomNavItem[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n</script>\n\n<template>\n  <nav class=\"fixed bottom-0 left-0 right-0 border-t border-[var(--brd)] bg-[var(--bg)] px-2 pb-[env(safe-area-inset-bottom)] sm:hidden\">\n    <div class=\"h-14 flex items-center justify-around\">\n      <button\n        v-for=\"it in props.items\"\n        :key=\"it.value\"\n        type=\"button\"\n        class=\"min-w-[44px] min-h-[44px] px-3 rounded-md text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"it.value === props.modelValue ? 'text-[var(--primary)]' : 'text-[var(--muted-fg)] hover:text-[var(--fg)]'\"\n        @click=\"emit('update:modelValue', it.value)\"\n      >\n        {{ it.label }}\n      </button>\n    </div>\n  </nav>\n</template>"],"mappings":";;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAKd,MAAM,OAAO;;uBAMX,mBAaM,OAbN,YAaM,CAZJ,mBAWM,OAXN,YAWM,EAAA,UAAA,KAAA,EAVJ,mBASS,UAAA,MAAA,WARM,MAAM,QAAZ,OAAE;wBADX,mBASS,UAAA;KAPN,KAAK,GAAG;KACT,MAAK;KACL,OAAK,eAAA,CAAC,yJACE,GAAG,UAAU,MAAM,aAAU,0BAAA,gDAAA,CAAA;KACpC,UAAK,WAAE,KAAI,qBAAsB,GAAG,MAAK;uBAEvC,GAAG,MAAK,EAAA,IAAA,WAAA"}
+{"version":3,"file":"GrBottomNav-usuMgG8_.js","names":[],"sources":["../../../../src/components/GrBottomNav/GrBottomNav.vue","../../../../src/components/GrBottomNav/GrBottomNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\nexport type GrBottomNavItem = {\n  label: string\n  value: string\n}\n\nconst props = defineProps<{\n  modelValue: string\n  items: GrBottomNavItem[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n</script>\n\n<template>\n  <nav class=\"fixed bottom-0 left-0 right-0 border-t border-[var(--brd)] bg-[var(--bg)] px-2 pb-[env(safe-area-inset-bottom)] sm:hidden\">\n    <div class=\"h-14 flex items-center justify-around\">\n      <button\n        v-for=\"it in props.items\"\n        :key=\"it.value\"\n        type=\"button\"\n        class=\"min-w-[44px] min-h-[44px] px-3 rounded-md text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"it.value === props.modelValue ? 'text-[var(--primary)]' : 'text-[var(--muted-fg)] hover:text-[var(--fg)]'\"\n        @click=\"emit('update:modelValue', it.value)\"\n      >\n        {{ it.label }}\n      </button>\n    </div>\n  </nav>\n</template>","<script setup lang=\"ts\">\nexport type GrBottomNavItem = {\n  label: string\n  value: string\n}\n\nconst props = defineProps<{\n  modelValue: string\n  items: GrBottomNavItem[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n</script>\n\n<template>\n  <nav class=\"fixed bottom-0 left-0 right-0 border-t border-[var(--brd)] bg-[var(--bg)] px-2 pb-[env(safe-area-inset-bottom)] sm:hidden\">\n    <div class=\"h-14 flex items-center justify-around\">\n      <button\n        v-for=\"it in props.items\"\n        :key=\"it.value\"\n        type=\"button\"\n        class=\"min-w-[44px] min-h-[44px] px-3 rounded-md text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"it.value === props.modelValue ? 'text-[var(--primary)]' : 'text-[var(--muted-fg)] hover:text-[var(--fg)]'\"\n        @click=\"emit('update:modelValue', it.value)\"\n      >\n        {{ it.label }}\n      </button>\n    </div>\n  </nav>\n</template>"],"mappings":";;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAKd,MAAM,OAAO;;uBAMX,mBAaM,OAbN,YAaM,CAZJ,mBAWM,OAXN,YAWM,EAAA,UAAA,IAAA,GAVJ,mBASS,UAAA,MAAA,WARM,MAAM,QAAZ,OAAE;wBADX,mBASS,UAAA;KAPN,KAAK,GAAG;KACT,MAAK;KACL,OAAK,eAAA,CAAC,yJACE,GAAG,UAAU,MAAM,aAAU,0BAAA,+CAAA,CAAA;KACpC,UAAK,WAAE,KAAI,qBAAsB,GAAG,KAAK;uBAEvC,GAAG,KAAK,GAAA,IAAA,UAAA"}

package/dist/components/GrBottomNav/index.js

@@ -1,3 +1,3 @@
-import { t as GrBottomNav_default } from "./chunks/GrBottomNav-XPHwd7UQ.js";
-import { t as grBottomNavConfig } from "../../chunks/config-BgBWt9-A.js";
+import { t as GrBottomNav_default } from "./chunks/GrBottomNav-usuMgG8_.js";
+import { t as grBottomNavConfig } from "../../chunks/config-C9AcVDkv.js";
 export { GrBottomNav_default as GrBottomNav, GrBottomNav_default as default, grBottomNavConfig };

package/dist/components/GrButton/chunks/GrButton-BlffdeJr.js

@@ -0,0 +1,124 @@
+import { t as loader_circle_default } from "../../../chunks/loader-circle-CfVLz7lb.js";
+import { n as grButtonBaseClass, r as grButtonClass } from "../../../chunks/grButtonStyles-C7Yga_Q1.js";
+import { computed, createBlock, createCommentVNode, defineComponent, markRaw, normalizeClass, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/GrButton/GrButton.vue
+var GrButton_default = /* @__PURE__ */ defineComponent({
+	__name: "GrButton",
+	props: {
+		variant: { default: "primary" },
+		tone: { default: "primary" },
+		size: { default: "md" },
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		square: {
+			type: Boolean,
+			default: false
+		},
+		type: { default: "button" },
+		ariaLabel: { default: void 0 },
+		as: { default: void 0 },
+		href: { default: void 0 },
+		target: { default: void 0 },
+		rel: { default: void 0 },
+		external: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const isSquare = computed(() => props.square);
+		const isLink = computed(() => Boolean(props.as || props.href));
+		const renderAs = computed(() => {
+			if (props.as) return typeof props.as === "string" ? props.as : markRaw(props.as);
+			return props.href ? "a" : "button";
+		});
+		const blocked = computed(() => props.disabled || props.loading);
+		const nativeDisabled = computed(() => renderAs.value === "button" && props.disabled ? true : void 0);
+		const ariaDisabled = computed(() => props.loading || isLink.value && props.disabled ? "true" : void 0);
+		const resolvedTarget = computed(() => props.target ?? (props.external ? "_blank" : void 0));
+		const resolvedRel = computed(() => props.rel ?? (resolvedTarget.value === "_blank" ? "noopener noreferrer" : void 0));
+		function onClickCapture(e) {
+			if (blocked.value) {
+				e.preventDefault();
+				e.stopImmediatePropagation();
+			}
+		}
+		const squareStyle = computed(() => {
+			if (!isSquare.value) return void 0;
+			const v = `${(() => {
+				if (props.size === "xs") return 28;
+				if (props.size === "sm") return 32;
+				if (props.size === "lg") return 44;
+				return 40;
+			})()}px`;
+			return {
+				width: v,
+				minWidth: v,
+				height: v,
+				padding: "0px"
+			};
+		});
+		const className = computed(() => {
+			return grButtonClass({
+				variant: props.variant,
+				tone: props.tone,
+				size: props.size,
+				square: isSquare.value
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(renderAs.value), {
+				"data-gr-button": "",
+				"data-gr-variant": props.variant,
+				"data-gr-tone": props.tone,
+				type: renderAs.value === "button" ? props.type : void 0,
+				disabled: nativeDisabled.value,
+				href: isLink.value && !props.disabled ? props.href : void 0,
+				target: isLink.value && !props.disabled ? resolvedTarget.value : void 0,
+				rel: isLink.value && !props.disabled ? resolvedRel.value : void 0,
+				"aria-busy": props.loading ? "true" : void 0,
+				"aria-disabled": ariaDisabled.value,
+				"aria-label": props.ariaLabel,
+				tabindex: isLink.value && props.disabled ? -1 : void 0,
+				class: normalizeClass([
+					unref(grButtonBaseClass),
+					className.value,
+					blocked.value ? "cursor-not-allowed" : ""
+				]),
+				style: normalizeStyle(squareStyle.value),
+				onClickCapture
+			}, {
+				default: withCtx(() => [props.loading ? (openBlock(), createBlock(unref(loader_circle_default), {
+					key: 0,
+					class: "h-4 w-4 animate-spin",
+					"aria-hidden": "true"
+				})) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 40, [
+				"data-gr-variant",
+				"data-gr-tone",
+				"type",
+				"disabled",
+				"href",
+				"target",
+				"rel",
+				"aria-busy",
+				"aria-disabled",
+				"aria-label",
+				"tabindex",
+				"class",
+				"style"
+			]);
+		};
+	}
+});
+//#endregion
+export { GrButton_default as t };

package/dist/components/GrButton/chunks/GrButton-BlffdeJr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrButton-BlffdeJr.js","names":[],"sources":["../../../../src/components/GrButton/GrButton.vue","../../../../src/components/GrButton/GrButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, markRaw, type Component } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nexport type { GrButtonSize, GrButtonTone, GrButtonVariant } from './grButtonStyles'\n\nimport {\n  grButtonBaseClass,\n  grButtonClass,\n  type GrButtonSize,\n  type GrButtonTone,\n  type GrButtonVariant,\n} from './grButtonStyles'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: GrButtonVariant\n    tone?: GrButtonTone\n    size?: GrButtonSize\n    loading?: boolean\n    disabled?: boolean\n    square?: boolean\n    type?: 'button' | 'submit' | 'reset'\n    ariaLabel?: string\n    /** Полиморфизм: кастомный корневой тег/компонент (например, RouterLink). */\n    as?: string | Component\n    /** Рендерит кнопку как `<a href>` (если не задан `as`). */\n    href?: string\n    target?: string\n    rel?: string\n    external?: boolean\n  }>(),\n  {\n    variant: 'primary',\n    tone: 'primary',\n    size: 'md',\n    loading: false,\n    disabled: false,\n    square: false,\n    type: 'button',\n    ariaLabel: undefined,\n    as: undefined,\n    href: undefined,\n    target: undefined,\n    rel: undefined,\n    external: false,\n  },\n)\n\nconst isSquare = computed(() => props.square)\n\n// Полиморфный корень: `as` → `<a href>` → `<button>`.\nconst isLink = computed(() => Boolean(props.as || props.href))\nconst renderAs = computed<string | Component>(() => {\n  if (props.as) return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  return props.href ? 'a' : 'button'\n})\n\n// Неинтерактивно при явном `disabled` ИЛИ во время `loading`.\nconst blocked = computed(() => props.disabled || props.loading)\n\n// Ключевое: `loading` НЕ ставит нативный `disabled` (элемент бы выпал из фокуса и\n// скринридер потерял бы контекст) — вместо этого `aria-disabled` + перехват клика.\n// Нативный `disabled` (только у `<button>`) оставляем лишь для явного `disabled`.\nconst nativeDisabled = computed(() => (renderAs.value === 'button' && props.disabled) ? true : undefined)\nconst ariaDisabled = computed(() => (props.loading || (isLink.value && props.disabled)) ? 'true' : undefined)\n\nconst resolvedTarget = computed(() => props.target ?? (props.external ? '_blank' : undefined))\nconst resolvedRel = computed(() => props.rel ?? (resolvedTarget.value === '_blank' ? 'noopener noreferrer' : undefined))\n\nfunction onClickCapture(e: MouseEvent): void {\n  // Блокируем и дефолт (submit/навигация), и внешние обработчики (в т.ч. по Enter/Space),\n  // сохраняя фокус на элементе.\n  if (blocked.value) {\n    e.preventDefault()\n    e.stopImmediatePropagation()\n  }\n}\n\nconst squareStyle = computed(() => {\n  if (!isSquare.value) return undefined\n\n  const px = (() => {\n    if (props.size === 'xs') return 28\n    if (props.size === 'sm') return 32\n    if (props.size === 'lg') return 44\n    return 40\n  })()\n\n  const v = `${px}px`\n  return {\n    width: v,\n    minWidth: v,\n    height: v,\n    padding: '0px',\n  } as const\n})\n\nconst className = computed(() => {\n  return grButtonClass({\n    variant: props.variant,\n    tone: props.tone,\n    size: props.size,\n    square: isSquare.value,\n  })\n})\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    data-gr-button\n    :data-gr-variant=\"props.variant\"\n    :data-gr-tone=\"props.tone\"\n    :type=\"renderAs === 'button' ? props.type : undefined\"\n    :disabled=\"nativeDisabled\"\n    :href=\"isLink && !props.disabled ? props.href : undefined\"\n    :target=\"isLink && !props.disabled ? resolvedTarget : undefined\"\n    :rel=\"isLink && !props.disabled ? resolvedRel : undefined\"\n    :aria-busy=\"props.loading ? 'true' : undefined\"\n    :aria-disabled=\"ariaDisabled\"\n    :aria-label=\"props.ariaLabel\"\n    :tabindex=\"isLink && props.disabled ? -1 : undefined\"\n    :class=\"[grButtonBaseClass, className, blocked ? 'cursor-not-allowed' : '']\"\n    :style=\"squareStyle\"\n    @click.capture=\"onClickCapture\"\n  >\n    <IconLoader v-if=\"props.loading\" class=\"h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, markRaw, type Component } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nexport type { GrButtonSize, GrButtonTone, GrButtonVariant } from './grButtonStyles'\n\nimport {\n  grButtonBaseClass,\n  grButtonClass,\n  type GrButtonSize,\n  type GrButtonTone,\n  type GrButtonVariant,\n} from './grButtonStyles'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: GrButtonVariant\n    tone?: GrButtonTone\n    size?: GrButtonSize\n    loading?: boolean\n    disabled?: boolean\n    square?: boolean\n    type?: 'button' | 'submit' | 'reset'\n    ariaLabel?: string\n    /** Полиморфизм: кастомный корневой тег/компонент (например, RouterLink). */\n    as?: string | Component\n    /** Рендерит кнопку как `<a href>` (если не задан `as`). */\n    href?: string\n    target?: string\n    rel?: string\n    external?: boolean\n  }>(),\n  {\n    variant: 'primary',\n    tone: 'primary',\n    size: 'md',\n    loading: false,\n    disabled: false,\n    square: false,\n    type: 'button',\n    ariaLabel: undefined,\n    as: undefined,\n    href: undefined,\n    target: undefined,\n    rel: undefined,\n    external: false,\n  },\n)\n\nconst isSquare = computed(() => props.square)\n\n// Полиморфный корень: `as` → `<a href>` → `<button>`.\nconst isLink = computed(() => Boolean(props.as || props.href))\nconst renderAs = computed<string | Component>(() => {\n  if (props.as) return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  return props.href ? 'a' : 'button'\n})\n\n// Неинтерактивно при явном `disabled` ИЛИ во время `loading`.\nconst blocked = computed(() => props.disabled || props.loading)\n\n// Ключевое: `loading` НЕ ставит нативный `disabled` (элемент бы выпал из фокуса и\n// скринридер потерял бы контекст) — вместо этого `aria-disabled` + перехват клика.\n// Нативный `disabled` (только у `<button>`) оставляем лишь для явного `disabled`.\nconst nativeDisabled = computed(() => (renderAs.value === 'button' && props.disabled) ? true : undefined)\nconst ariaDisabled = computed(() => (props.loading || (isLink.value && props.disabled)) ? 'true' : undefined)\n\nconst resolvedTarget = computed(() => props.target ?? (props.external ? '_blank' : undefined))\nconst resolvedRel = computed(() => props.rel ?? (resolvedTarget.value === '_blank' ? 'noopener noreferrer' : undefined))\n\nfunction onClickCapture(e: MouseEvent): void {\n  // Блокируем и дефолт (submit/навигация), и внешние обработчики (в т.ч. по Enter/Space),\n  // сохраняя фокус на элементе.\n  if (blocked.value) {\n    e.preventDefault()\n    e.stopImmediatePropagation()\n  }\n}\n\nconst squareStyle = computed(() => {\n  if (!isSquare.value) return undefined\n\n  const px = (() => {\n    if (props.size === 'xs') return 28\n    if (props.size === 'sm') return 32\n    if (props.size === 'lg') return 44\n    return 40\n  })()\n\n  const v = `${px}px`\n  return {\n    width: v,\n    minWidth: v,\n    height: v,\n    padding: '0px',\n  } as const\n})\n\nconst className = computed(() => {\n  return grButtonClass({\n    variant: props.variant,\n    tone: props.tone,\n    size: props.size,\n    square: isSquare.value,\n  })\n})\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    data-gr-button\n    :data-gr-variant=\"props.variant\"\n    :data-gr-tone=\"props.tone\"\n    :type=\"renderAs === 'button' ? props.type : undefined\"\n    :disabled=\"nativeDisabled\"\n    :href=\"isLink && !props.disabled ? props.href : undefined\"\n    :target=\"isLink && !props.disabled ? resolvedTarget : undefined\"\n    :rel=\"isLink && !props.disabled ? resolvedRel : undefined\"\n    :aria-busy=\"props.loading ? 'true' : undefined\"\n    :aria-disabled=\"ariaDisabled\"\n    :aria-label=\"props.ariaLabel\"\n    :tabindex=\"isLink && props.disabled ? -1 : undefined\"\n    :class=\"[grButtonBaseClass, className, blocked ? 'cursor-not-allowed' : '']\"\n    :style=\"squareStyle\"\n    @click.capture=\"onClickCapture\"\n  >\n    <IconLoader v-if=\"props.loading\" class=\"h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAmCd,MAAM,WAAW,eAAe,MAAM,MAAM;EAG5C,MAAM,SAAS,eAAe,QAAQ,MAAM,MAAM,MAAM,IAAI,CAAC;EAC7D,MAAM,WAAW,eAAmC;GAClD,IAAI,MAAM,IAAI,OAAO,OAAO,MAAM,OAAO,WAAW,MAAM,KAAK,QAAQ,MAAM,EAAE;GAC/E,OAAO,MAAM,OAAO,MAAM;EAC5B,CAAC;EAGD,MAAM,UAAU,eAAe,MAAM,YAAY,MAAM,OAAO;EAK9D,MAAM,iBAAiB,eAAgB,SAAS,UAAU,YAAY,MAAM,WAAY,OAAO,KAAA,CAAS;EACxG,MAAM,eAAe,eAAgB,MAAM,WAAY,OAAO,SAAS,MAAM,WAAa,SAAS,KAAA,CAAS;EAE5G,MAAM,iBAAiB,eAAe,MAAM,WAAW,MAAM,WAAW,WAAW,KAAA,EAAU;EAC7F,MAAM,cAAc,eAAe,MAAM,QAAQ,eAAe,UAAU,WAAW,wBAAwB,KAAA,EAAU;EAEvH,SAAS,eAAe,GAAqB;GAG3C,IAAI,QAAQ,OAAO;IACjB,EAAE,eAAe;IACjB,EAAE,yBAAyB;GAC7B;EACF;EAEA,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,SAAS,OAAO,OAAO,KAAA;GAS5B,MAAM,IAAI,UAPQ;IAChB,IAAI,MAAM,SAAS,MAAM,OAAO;IAChC,IAAI,MAAM,SAAS,MAAM,OAAO;IAChC,IAAI,MAAM,SAAS,MAAM,OAAO;IAChC,OAAO;GACT,EAAA,CAEa,EAAG;GAChB,OAAO;IACL,OAAO;IACP,UAAU;IACV,QAAQ;IACR,SAAS;GACX;EACF,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO,cAAc;IACnB,SAAS,MAAM;IACf,MAAM,MAAM;IACZ,MAAM,MAAM;IACZ,QAAQ,SAAS;GACnB,CAAC;EACH,CAAC;;uBAIC,YAoBY,wBAnBL,SAAA,KAAQ,GAAA;IACb,kBAAA;IACC,mBAAiB,MAAM;IACvB,gBAAc,MAAM;IACpB,MAAM,SAAA,UAAQ,WAAgB,MAAM,OAAO,KAAA;IAC3C,UAAU,eAAA;IACV,MAAM,OAAA,SAAM,CAAK,MAAM,WAAW,MAAM,OAAO,KAAA;IAC/C,QAAQ,OAAA,SAAM,CAAK,MAAM,WAAW,eAAA,QAAiB,KAAA;IACrD,KAAK,OAAA,SAAM,CAAK,MAAM,WAAW,YAAA,QAAc,KAAA;IAC/C,aAAW,MAAM,UAAO,SAAY,KAAA;IACpC,iBAAe,aAAA;IACf,cAAY,MAAM;IAClB,UAAU,OAAA,SAAU,MAAM,WAAQ,KAAQ,KAAA;IAC1C,OAAK,eAAA;KAAG,MAAA,iBAAA;KAAmB,UAAA;KAAW,QAAA,QAAO,uBAAA;IAAA,CAAA;IAC7C,OAAK,eAAE,YAAA,KAAW;IACH;;2BAEmE,CAAjE,MAAM,WAAA,UAAA,GAAxB,YAAmF,MAAA,qBAAA,GAAA;;KAAlD,OAAM;KAAuB,eAAY;wCAC1E,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/GrButton/index.js

@@ -1,5 +1,5 @@
-import { r as grButtonClass } from "../../chunks/grButtonStyles-DKuXUemw.js";
-import { t as GrButton_default } from "./chunks/GrButton-CPDKonoB.js";
-import { n as grButtonSafelist, t as grButtonClassTokens } from "../../chunks/safelist-DccvJqCE.js";
-import { t as grButtonConfig } from "../../chunks/config-3I3vqDW4.js";
+import { r as grButtonClass } from "../../chunks/grButtonStyles-C7Yga_Q1.js";
+import { t as GrButton_default } from "./chunks/GrButton-BlffdeJr.js";
+import { n as grButtonSafelist, t as grButtonClassTokens } from "../../chunks/safelist-Do2RtzLB.js";
+import { t as grButtonConfig } from "../../chunks/config-C4snOIXg.js";
 export { GrButton_default as GrButton, GrButton_default as default, grButtonClass, grButtonClassTokens, grButtonConfig, grButtonSafelist };

package/dist/components/GrButtonGroup/chunks/{GrButtonGroup-CPOH6V-P.js → GrButtonGroup-Bs9dEKfA.js}

@@ -9,7 +9,7 @@ var GrButtonGroup_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				"data-ds-button-group": "",
+				"data-gr-button-group": "",
 				class: "inline-flex items-stretch",
 				role: "group",
 				"aria-label": __props.ariaLabel

package/dist/components/GrButtonGroup/chunks/GrButtonGroup-Bs9dEKfA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrButtonGroup-Bs9dEKfA.js","names":[],"sources":["../../../../src/components/GrButtonGroup/GrButtonGroup.vue","../../../../src/components/GrButtonGroup/GrButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nwithDefaults(\n    defineProps<{\n      ariaLabel?: string\n    }>(),\n    {\n      ariaLabel: undefined,\n    },\n)\n</script>\n\n<template>\n  <div\n      data-gr-button-group\n      class=\"inline-flex items-stretch\"\n      role=\"group\"\n      :aria-label=\"ariaLabel\"\n  >\n    <slot />\n  </div>\n</template>\n<style>\n[data-gr-button-group] {\n  --gr-button-group-radius: 0.375rem;\n}\n\n[data-gr-button-group] > [data-gr-button] {\n  border-radius: 0;\n  position: relative;\n}\n\n[data-gr-button-group] > [data-gr-button] + [data-gr-button] {\n  margin-inline-start: -1px;\n}\n\n[data-gr-button-group] > [data-gr-button]:hover,\n[data-gr-button-group] > [data-gr-button]:focus-visible {\n  z-index: 1;\n}\n\n[data-gr-button-group] > [data-gr-button]:first-child {\n  border-start-start-radius: var(--gr-button-group-radius);\n  border-end-start-radius: var(--gr-button-group-radius);\n}\n\n[data-gr-button-group] > [data-gr-button]:last-child {\n  border-start-end-radius: var(--gr-button-group-radius);\n  border-end-end-radius: var(--gr-button-group-radius);\n}\n\n</style>","<script setup lang=\"ts\">\nwithDefaults(\n    defineProps<{\n      ariaLabel?: string\n    }>(),\n    {\n      ariaLabel: undefined,\n    },\n)\n</script>\n\n<template>\n  <div\n      data-gr-button-group\n      class=\"inline-flex items-stretch\"\n      role=\"group\"\n      :aria-label=\"ariaLabel\"\n  >\n    <slot />\n  </div>\n</template>\n<style>\n[data-gr-button-group] {\n  --gr-button-group-radius: 0.375rem;\n}\n\n[data-gr-button-group] > [data-gr-button] {\n  border-radius: 0;\n  position: relative;\n}\n\n[data-gr-button-group] > [data-gr-button] + [data-gr-button] {\n  margin-inline-start: -1px;\n}\n\n[data-gr-button-group] > [data-gr-button]:hover,\n[data-gr-button-group] > [data-gr-button]:focus-visible {\n  z-index: 1;\n}\n\n[data-gr-button-group] > [data-gr-button]:first-child {\n  border-start-start-radius: var(--gr-button-group-radius);\n  border-end-start-radius: var(--gr-button-group-radius);\n}\n\n[data-gr-button-group] > [data-gr-button]:last-child {\n  border-start-end-radius: var(--gr-button-group-radius);\n  border-end-end-radius: var(--gr-button-group-radius);\n}\n\n</style>"],"mappings":";;;;;;;;;;uBAYE,mBAOM,OAAA;IANF,wBAAA;IACA,OAAM;IACN,MAAK;IACJ,cAAY,QAAA;OAEf,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,GAAA,UAAA"}

package/dist/components/GrButtonGroup/index.js

@@ -1,3 +1,3 @@
-import { t as GrButtonGroup_default } from "./chunks/GrButtonGroup-CPOH6V-P.js";
-import { t as grButtonGroupConfig } from "../../chunks/config-CUwF4E4R.js";
+import { t as GrButtonGroup_default } from "./chunks/GrButtonGroup-Bs9dEKfA.js";
+import { t as grButtonGroupConfig } from "../../chunks/config-DBmdgoVf.js";
 export { GrButtonGroup_default as GrButtonGroup, GrButtonGroup_default as default, grButtonGroupConfig };

package/dist/components/GrCard/chunks/{GrCard-6yk1RRAQ.js → GrCard-DUNMkuHW.js}

@@ -1,11 +1,11 @@
-import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-DQR7Sy7Q.js";
+import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
 import { createElementBlock, openBlock, renderSlot } from "vue";
 //#region src/components/GrCard/GrCard.vue
 var _sfc_main = {};
-var _hoisted_1 = { class: "rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-sm" };
+var _hoisted_1 = { class: "rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-sm" };
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]);
 }
-var GrCard_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var GrCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { GrCard_default as t };

package/dist/components/GrCard/chunks/GrCard-DUNMkuHW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrCard-DUNMkuHW.js","names":[],"sources":["../../../../src/components/GrCard/GrCard.vue"],"sourcesContent":["<template>\n  <div\n      class=\"rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-sm\"\n>\n    <slot />\n  </div>\n</template>"],"mappings":";;;;mBAEM,OAAM,4GAA2G;;qBADrH,mBAIM,OAJN,YAIM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/GrCard/index.js

@@ -1,3 +1,3 @@
-import { t as GrCard_default } from "./chunks/GrCard-6yk1RRAQ.js";
-import { t as grCardConfig } from "../../chunks/config-ChQxl75m.js";
+import { t as GrCard_default } from "./chunks/GrCard-DUNMkuHW.js";
+import { t as grCardConfig } from "../../chunks/config-CThzliFi.js";
 export { GrCard_default as GrCard, GrCard_default as default, grCardConfig };

package/dist/components/GrCheckbox/chunks/{GrCheckbox-Bt3d7ckE.js → GrCheckbox-DJhzZZdO.js}

@@ -1,12 +1,12 @@
-import { createElementBlock, createElementVNode, createVNode, defineComponent, markRaw, normalizeClass, openBlock, ref, renderSlot, unref, watch, withKeys, withModifiers } from "vue";
+import { createBlock, createElementBlock, createElementVNode, defineComponent, markRaw, normalizeClass, onMounted, openBlock, ref, renderSlot, unref, watch, withKeys, withModifiers } from "vue";
 //#region ~icons/lucide/check
-var _hoisted_1$1 = {
+var _hoisted_1$2 = {
 	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", {
+function render$2(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -17,6 +17,27 @@ function render$1(_ctx, _cache) {
 }
 var check_default = markRaw({
 	name: "lucide-check",
+	render: render$2
+});
+//#endregion
+//#region ~icons/lucide/minus
+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: "M5 12h14"
+	}, null, -1)])]);
+}
+var minus_default = markRaw({
+	name: "lucide-minus",
 	render: render$1
 });
 //#endregion
@@ -57,16 +78,25 @@ var GrCheckbox_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		form: { default: void 0 },
-		id: { default: void 0 }
+		id: { default: void 0 },
+		indeterminate: {
+			type: Boolean,
+			default: false
+		}
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
 		/**
-		* GrCheckbox — DS-примитив чекбокса с нативным скрытым `<input type="checkbox">`
+		* GrCheckbox — GR-примитив чекбокса с нативным скрытым `<input type="checkbox">`
 		* для интеграции с HTML-формами (`FormData`, `required`, `form`).
 		*
-		* Клавиатура: `Space`/`Enter` переключают значение, фокус — на корневом элементе.
-		* A11y: `role="checkbox"` + `aria-checked`/`aria-disabled`.
+		* Источник истины — нативный input: клик по нему (в т.ч. по внешнему
+		* `<label for="...">`) слушается через `@change` и эмитит модель. Клик по видимой
+		* части компонента переключает через корневой обработчик.
+		*
+		* Клавиатура: `Space` переключает значение (Enter — намеренно нет, это нестандартно
+		* для чекбоксов). Фокус — на корневом элементе.
+		* A11y: `role="checkbox"` + `aria-checked` (`true`/`false`/`mixed`) + `aria-disabled`.
 		*/
 		const hiddenInputStyle = {
 			position: "absolute",
@@ -81,9 +111,20 @@ var GrCheckbox_default = /* @__PURE__ */ defineComponent({
 		watch(() => props.modelValue, (value) => {
 			if (nativeInput.value && nativeInput.value.checked !== value) nativeInput.value.checked = value;
 		});
-		function toggle() {
+		function syncIndeterminate() {
+			if (nativeInput.value) nativeInput.value.indeterminate = props.indeterminate;
+		}
+		watch(() => props.indeterminate, syncIndeterminate);
+		onMounted(syncIndeterminate);
+		function setChecked(next) {
 			if (props.disabled) return;
-			emit("update:modelValue", !props.modelValue);
+			emit("update:modelValue", next);
+		}
+		function toggle() {
+			setChecked(props.indeterminate ? true : !props.modelValue);
+		}
+		function onNativeChange(e) {
+			setChecked(e.target.checked);
 		}
 		function isInteractiveTarget(target) {
 			const el = target;
@@ -96,14 +137,14 @@ var GrCheckbox_default = /* @__PURE__ */ defineComponent({
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				"data-ds-checkbox": "",
+				"data-gr-checkbox": "",
 				class: normalizeClass(["inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]", __props.disabled ? "cursor-not-allowed opacity-70" : "cursor-pointer"]),
 				role: "checkbox",
-				"aria-checked": __props.modelValue ? "true" : "false",
+				"aria-checked": __props.indeterminate ? "mixed" : __props.modelValue ? "true" : "false",
 				"aria-disabled": __props.disabled ? "true" : void 0,
 				tabindex: __props.disabled ? -1 : 0,
 				onClick,
-				onKeydown: [withKeys(withModifiers(toggle, ["prevent"]), ["space"]), withKeys(withModifiers(toggle, ["prevent"]), ["enter"])]
+				onKeydown: withKeys(withModifiers(toggle, ["prevent"]), ["space"])
 			}, [
 				createElementVNode("input", {
 					id: __props.id,
@@ -118,13 +159,20 @@ var GrCheckbox_default = /* @__PURE__ */ defineComponent({
 					form: __props.form,
 					tabindex: "-1",
 					"aria-hidden": "true",
-					style: hiddenInputStyle
-				}, null, 8, _hoisted_2),
+					style: hiddenInputStyle,
+					onChange: onNativeChange
+				}, null, 40, _hoisted_2),
 				createElementVNode("span", {
-					"data-ds-checkbox-indicator": "",
+					"data-gr-checkbox-indicator": "",
 					"aria-hidden": "true",
-					class: normalizeClass(["h-4 w-4 rounded border flex items-center justify-center transition-colors duration-150", __props.modelValue ? "border-[var(--primary)] bg-[var(--primary)]" : "border-[var(--brd)] bg-[var(--bg)]"])
-				}, [createVNode(unref(check_default), { class: normalizeClass(["ds-checkbox-icon h-3.5 w-3.5 transition-transform transition-opacity duration-150", __props.modelValue ? "opacity-100 scale-100 text-[var(--primary-fg)]" : "opacity-0 scale-75 text-transparent"]) }, null, 8, ["class"])], 2),
+					class: normalizeClass(["h-4 w-4 rounded border flex items-center justify-center transition-colors duration-150", __props.modelValue || __props.indeterminate ? "border-[var(--primary)] bg-[var(--primary)]" : "border-[var(--brd)] bg-[var(--bg)]"])
+				}, [__props.indeterminate ? (openBlock(), createBlock(unref(minus_default), {
+					key: 0,
+					class: "gr-checkbox-icon h-3.5 w-3.5 text-[var(--primary-fg)]"
+				})) : (openBlock(), createBlock(unref(check_default), {
+					key: 1,
+					class: normalizeClass(["gr-checkbox-icon h-3.5 w-3.5 transition-transform transition-opacity duration-150", __props.modelValue ? "opacity-100 scale-100 text-[var(--primary-fg)]" : "opacity-0 scale-75 text-transparent"])
+				}, null, 8, ["class"]))], 2),
 				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])
 			], 42, _hoisted_1);
 		};

package/dist/components/GrCheckbox/chunks/GrCheckbox-DJhzZZdO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrCheckbox-DJhzZZdO.js","names":[],"sources":["../../../../src/components/GrCheckbox/GrCheckbox.vue","../../../../src/components/GrCheckbox/GrCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrCheckbox — GR-примитив чекбокса с нативным скрытым `<input type=\"checkbox\">`\n * для интеграции с HTML-формами (`FormData`, `required`, `form`).\n *\n * Источник истины — нативный input: клик по нему (в т.ч. по внешнему\n * `<label for=\"...\">`) слушается через `@change` и эмитит модель. Клик по видимой\n * части компонента переключает через корневой обработчик.\n *\n * Клавиатура: `Space` переключает значение (Enter — намеренно нет, это нестандартно\n * для чекбоксов). Фокус — на корневом элементе.\n * A11y: `role=\"checkbox\"` + `aria-checked` (`true`/`false`/`mixed`) + `aria-disabled`.\n */\nimport { onMounted, ref, watch } from 'vue'\nimport IconCheck from '~icons/lucide/check'\nimport IconMinus from '~icons/lucide/minus'\n\nexport interface GrCheckboxProps {\n  modelValue?: boolean\n  disabled?: boolean\n  name?: string\n  value?: string\n  required?: boolean\n  form?: string\n  /** Пробрасывается на скрытый нативный `<input>`, чтобы работал `<label for=\"...\">`. */\n  id?: string\n  /** Промежуточное («смешанное») состояние: `aria-checked=\"mixed\"`, индикатор — тире. */\n  indeterminate?: boolean\n}\n\nconst hiddenInputStyle = {\n  position: 'absolute',\n  opacity: '0',\n  width: '0',\n  height: '0',\n  pointerEvents: 'none',\n} as const\n\nconst props = withDefaults(defineProps<GrCheckboxProps>(), {\n  modelValue: false,\n  disabled: false,\n  name: undefined,\n  value: 'on',\n  required: false,\n  form: undefined,\n  id: undefined,\n  indeterminate: false,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\n// Держим `.checked` на нативном input синхронно с пропом — `:checked`-биндинг\n// на скрытом элементе иногда отстаёт при программных обновлениях.\nconst nativeInput = ref<HTMLInputElement | null>(null)\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (nativeInput.value && nativeInput.value.checked !== value)\n      nativeInput.value.checked = value\n  },\n)\n\n// `indeterminate` можно выставить только через JS-свойство (не атрибут).\nfunction syncIndeterminate(): void {\n  if (nativeInput.value)\n    nativeInput.value.indeterminate = props.indeterminate\n}\nwatch(() => props.indeterminate, syncIndeterminate)\nonMounted(syncIndeterminate)\n\nfunction setChecked(next: boolean): void {\n  if (props.disabled)\n    return\n  emit('update:modelValue', next)\n}\n\nfunction toggle(): void {\n  // Из промежуточного состояния переключаемся во «включено» (стандартное поведение).\n  setChecked(props.indeterminate ? true : !props.modelValue)\n}\n\n// Клик по нативному input (в т.ч. по внешнему `<label for=\"...\">`) уже переключил его\n// `.checked` — берём значение как источник истины и эмитим модель.\nfunction onNativeChange(e: Event): void {\n  setChecked((e.target as HTMLInputElement).checked)\n}\n\nfunction isInteractiveTarget(target: EventTarget | null): boolean {\n  const el = target as HTMLElement | null\n  if (!el)\n    return false\n  return !!el.closest('a,button,input,select,textarea,label,[role=\"button\"],[role=\"link\"]')\n}\n\nfunction onClick(e: MouseEvent): void {\n  if (isInteractiveTarget(e.target))\n    return\n  toggle()\n}\n</script>\n<template>\n  <div\n    data-gr-checkbox\n    class=\"inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]\"\n    role=\"checkbox\"\n    :aria-checked=\"indeterminate ? 'mixed' : (modelValue ? 'true' : 'false')\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"disabled ? 'cursor-not-allowed opacity-70' : 'cursor-pointer'\"\n    @click=\"onClick\"\n    @keydown.space.prevent=\"toggle\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"nativeInput\"\n      type=\"checkbox\"\n      :checked=\"modelValue\"\n      :disabled=\"disabled\"\n      :name=\"name\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n      @change=\"onNativeChange\"\n    >\n    <span\n      data-gr-checkbox-indicator\n      aria-hidden=\"true\"\n      class=\"h-4 w-4 rounded border flex items-center justify-center transition-colors duration-150\"\n      :class=\"(modelValue || indeterminate)\n        ? 'border-[var(--primary)] bg-[var(--primary)]'\n        : 'border-[var(--brd)] bg-[var(--bg)]'\"\n    >\n      <IconMinus\n        v-if=\"indeterminate\"\n        class=\"gr-checkbox-icon h-3.5 w-3.5 text-[var(--primary-fg)]\"\n      />\n      <IconCheck\n        v-else\n        class=\"gr-checkbox-icon h-3.5 w-3.5 transition-transform transition-opacity duration-150\"\n        :class=\"modelValue\n          ? 'opacity-100 scale-100 text-[var(--primary-fg)]'\n          : 'opacity-0 scale-75 text-transparent'\"\n      />\n    </span>\n    <span class=\"text-sm text-[var(--muted-fg)]\">\n      <slot />\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrCheckbox — GR-примитив чекбокса с нативным скрытым `<input type=\"checkbox\">`\n * для интеграции с HTML-формами (`FormData`, `required`, `form`).\n *\n * Источник истины — нативный input: клик по нему (в т.ч. по внешнему\n * `<label for=\"...\">`) слушается через `@change` и эмитит модель. Клик по видимой\n * части компонента переключает через корневой обработчик.\n *\n * Клавиатура: `Space` переключает значение (Enter — намеренно нет, это нестандартно\n * для чекбоксов). Фокус — на корневом элементе.\n * A11y: `role=\"checkbox\"` + `aria-checked` (`true`/`false`/`mixed`) + `aria-disabled`.\n */\nimport { onMounted, ref, watch } from 'vue'\nimport IconCheck from '~icons/lucide/check'\nimport IconMinus from '~icons/lucide/minus'\n\nexport interface GrCheckboxProps {\n  modelValue?: boolean\n  disabled?: boolean\n  name?: string\n  value?: string\n  required?: boolean\n  form?: string\n  /** Пробрасывается на скрытый нативный `<input>`, чтобы работал `<label for=\"...\">`. */\n  id?: string\n  /** Промежуточное («смешанное») состояние: `aria-checked=\"mixed\"`, индикатор — тире. */\n  indeterminate?: boolean\n}\n\nconst hiddenInputStyle = {\n  position: 'absolute',\n  opacity: '0',\n  width: '0',\n  height: '0',\n  pointerEvents: 'none',\n} as const\n\nconst props = withDefaults(defineProps<GrCheckboxProps>(), {\n  modelValue: false,\n  disabled: false,\n  name: undefined,\n  value: 'on',\n  required: false,\n  form: undefined,\n  id: undefined,\n  indeterminate: false,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\n// Держим `.checked` на нативном input синхронно с пропом — `:checked`-биндинг\n// на скрытом элементе иногда отстаёт при программных обновлениях.\nconst nativeInput = ref<HTMLInputElement | null>(null)\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (nativeInput.value && nativeInput.value.checked !== value)\n      nativeInput.value.checked = value\n  },\n)\n\n// `indeterminate` можно выставить только через JS-свойство (не атрибут).\nfunction syncIndeterminate(): void {\n  if (nativeInput.value)\n    nativeInput.value.indeterminate = props.indeterminate\n}\nwatch(() => props.indeterminate, syncIndeterminate)\nonMounted(syncIndeterminate)\n\nfunction setChecked(next: boolean): void {\n  if (props.disabled)\n    return\n  emit('update:modelValue', next)\n}\n\nfunction toggle(): void {\n  // Из промежуточного состояния переключаемся во «включено» (стандартное поведение).\n  setChecked(props.indeterminate ? true : !props.modelValue)\n}\n\n// Клик по нативному input (в т.ч. по внешнему `<label for=\"...\">`) уже переключил его\n// `.checked` — берём значение как источник истины и эмитим модель.\nfunction onNativeChange(e: Event): void {\n  setChecked((e.target as HTMLInputElement).checked)\n}\n\nfunction isInteractiveTarget(target: EventTarget | null): boolean {\n  const el = target as HTMLElement | null\n  if (!el)\n    return false\n  return !!el.closest('a,button,input,select,textarea,label,[role=\"button\"],[role=\"link\"]')\n}\n\nfunction onClick(e: MouseEvent): void {\n  if (isInteractiveTarget(e.target))\n    return\n  toggle()\n}\n</script>\n<template>\n  <div\n    data-gr-checkbox\n    class=\"inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]\"\n    role=\"checkbox\"\n    :aria-checked=\"indeterminate ? 'mixed' : (modelValue ? 'true' : 'false')\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"disabled ? 'cursor-not-allowed opacity-70' : 'cursor-pointer'\"\n    @click=\"onClick\"\n    @keydown.space.prevent=\"toggle\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"nativeInput\"\n      type=\"checkbox\"\n      :checked=\"modelValue\"\n      :disabled=\"disabled\"\n      :name=\"name\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n      @change=\"onNativeChange\"\n    >\n    <span\n      data-gr-checkbox-indicator\n      aria-hidden=\"true\"\n      class=\"h-4 w-4 rounded border flex items-center justify-center transition-colors duration-150\"\n      :class=\"(modelValue || indeterminate)\n        ? 'border-[var(--primary)] bg-[var(--primary)]'\n        : 'border-[var(--brd)] bg-[var(--bg)]'\"\n    >\n      <IconMinus\n        v-if=\"indeterminate\"\n        class=\"gr-checkbox-icon h-3.5 w-3.5 text-[var(--primary-fg)]\"\n      />\n      <IconCheck\n        v-else\n        class=\"gr-checkbox-icon h-3.5 w-3.5 transition-transform transition-opacity duration-150\"\n        :class=\"modelValue\n          ? 'opacity-100 scale-100 text-[var(--primary-fg)]'\n          : 'opacity-0 scale-75 text-transparent'\"\n      />\n    </span>\n    <span class=\"text-sm text-[var(--muted-fg)]\">\n      <slot />\n    </span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,mBAAmB;GACvB,UAAU;GACV,SAAS;GACT,OAAO;GACP,QAAQ;GACR,eAAe;EACjB;EAEA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAMb,MAAM,cAAc,IAA6B,IAAI;EACrD,YACQ,MAAM,aACX,UAAU;GACT,IAAI,YAAY,SAAS,YAAY,MAAM,YAAY,OACrD,YAAY,MAAM,UAAU;EAChC,CACF;EAGA,SAAS,oBAA0B;GACjC,IAAI,YAAY,OACd,YAAY,MAAM,gBAAgB,MAAM;EAC5C;EACA,YAAY,MAAM,eAAe,iBAAiB;EAClD,UAAU,iBAAiB;EAE3B,SAAS,WAAW,MAAqB;GACvC,IAAI,MAAM,UACR;GACF,KAAK,qBAAqB,IAAI;EAChC;EAEA,SAAS,SAAe;GAEtB,WAAW,MAAM,gBAAgB,OAAO,CAAC,MAAM,UAAU;EAC3D;EAIA,SAAS,eAAe,GAAgB;GACtC,WAAY,EAAE,OAA4B,OAAO;EACnD;EAEA,SAAS,oBAAoB,QAAqC;GAChE,MAAM,KAAK;GACX,IAAI,CAAC,IACH,OAAO;GACT,OAAO,CAAC,CAAC,GAAG,QAAQ,wEAAoE;EAC1F;EAEA,SAAS,QAAQ,GAAqB;GACpC,IAAI,oBAAoB,EAAE,MAAM,GAC9B;GACF,OAAO;EACT;;uBAGE,mBAiDM,OAAA;IAhDJ,oBAAA;IACA,OAAK,eAAA,CAAC,sKAKE,QAAA,WAAQ,kCAAA,gBAAA,CAAA;IAJhB,MAAK;IACJ,gBAAc,QAAA,gBAAa,UAAc,QAAA,aAAU,SAAA;IACnD,iBAAe,QAAA,WAAQ,SAAY,KAAA;IACnC,UAAU,QAAA,WAAQ,KAAA;IAEX;IACP,WAAO,SAAA,cAAgB,QAAM,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;;IAE9B,mBAcC,SAAA;KAbE,IAAI,QAAA;cACD;KAAJ,KAAI;KACJ,MAAK;KACJ,SAAS,QAAA;KACT,UAAU,QAAA;KACV,MAAM,QAAA;KACN,OAAO,QAAA;KACP,UAAU,QAAA;KACV,MAAM,QAAA;KACP,UAAS;KACT,eAAY;KACX,OAAO;KACP,UAAQ;;IAEX,mBAmBO,QAAA;KAlBL,8BAAA;KACA,eAAY;KACZ,OAAK,eAAA,CAAC,0FACG,QAAA,cAAc,QAAA,gBAAA,gDAAA,oCAAA,CAAA;QAKf,QAAA,iBAAA,UAAA,GADR,YAGE,MAAA,aAAA,GAAA;;KADA,OAAM;wBAER,YAME,MAAA,aAAA,GAAA;;KAJA,OAAK,eAAA,CAAC,qFACE,QAAA,aAAA,mDAAA,qCAAA,CAAA;;IAKZ,mBAEO,QAFP,YAEO,CADL,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/GrCheckbox/index.js

@@ -1,3 +1,3 @@
-import { t as GrCheckbox_default } from "./chunks/GrCheckbox-Bt3d7ckE.js";
-import { t as grCheckboxConfig } from "../../chunks/config-C9MblwGq.js";
+import { t as GrCheckbox_default } from "./chunks/GrCheckbox-DJhzZZdO.js";
+import { t as grCheckboxConfig } from "../../chunks/config-DICOd-2X.js";
 export { GrCheckbox_default as GrCheckbox, GrCheckbox_default as default, grCheckboxConfig };

package/dist/components/GrCollapse/chunks/{GrCollapse-CU94BTAR.js → GrCollapse-CPPLh_xU.js}

@@ -1,5 +1,5 @@
-import { t as GrCard_default } from "../../GrCard/chunks/GrCard-6yk1RRAQ.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
+import { t as GrCard_default } from "../../GrCard/chunks/GrCard-DUNMkuHW.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.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");
@@ -29,11 +29,11 @@ var GrCollapse_default = /* @__PURE__ */ defineComponent({
 		const activeSet = computed(() => {
 			const value = props.modelValue;
 			if (props.accordion) {
-				if (typeof value === "string" || typeof value === "number") return new Set([value]);
+				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 new Set([value]);
+			if (typeof value === "string" || typeof value === "number") return /* @__PURE__ */ new Set([value]);
 			return /* @__PURE__ */ new Set();
 		});
 		function setModelValue(next) {
@@ -56,7 +56,7 @@ var GrCollapse_default = /* @__PURE__ */ defineComponent({
 			toggle
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(GrCard_default), { "data-ds-collapse": "" }, {
+			return openBlock(), createBlock(unref(GrCard_default), { "data-gr-collapse": "" }, {
 				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(__props.divided ? "divide-y divide-[var(--brd)]" : "") }, [renderSlot(_ctx.$slots, "default")], 2)]),
 				_: 3
 			});
@@ -87,7 +87,7 @@ var chevron_down_default = markRaw({
 //#endregion
 //#region src/components/GrCollapse/GrCollapseItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
-	"data-ds-collapse-item": "",
+	"data-gr-collapse-item": "",
 	class: "text-[var(--fg)]"
 };
 var _hoisted_2 = { class: "m-0" };
@@ -120,17 +120,17 @@ var GrCollapseItem_default = /* @__PURE__ */ defineComponent({
 		});
 		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 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);
 		}
 		function getAllTriggers() {
-			const root = triggerEl.value?.closest("[data-ds-collapse]");
+			const root = triggerEl.value?.closest("[data-gr-collapse]");
 			if (!root) return [];
-			return Array.prototype.slice.call(root.querySelectorAll("[data-ds-collapse-trigger]"));
+			return Array.prototype.slice.call(root.querySelectorAll("[data-gr-collapse-trigger]"));
 		}
 		function focusRelative(direction) {
 			const current = triggerEl.value;
@@ -176,7 +176,7 @@ var GrCollapseItem_default = /* @__PURE__ */ defineComponent({
 				id: headerId,
 				ref_key: "triggerEl",
 				ref: triggerEl,
-				"data-ds-collapse-trigger": "",
+				"data-gr-collapse-trigger": "",
 				type: "button",
 				"aria-expanded": expanded.value ? "true" : "false",
 				"aria-controls": panelId,
@@ -187,7 +187,7 @@ var GrCollapseItem_default = /* @__PURE__ */ defineComponent({
 			}, [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": "",
+				"data-gr-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))]),

package/dist/components/GrCollapse/chunks/{GrCollapse-CU94BTAR.js.map → GrCollapse-CPPLh_xU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrCollapse-CU94BTAR.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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"}
+{"version":3,"file":"GrCollapse-CPPLh_xU.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-gr-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-gr-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 = `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\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  return Array.prototype.slice.call(root.querySelectorAll<HTMLElement>('[data-gr-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-gr-collapse-item\n    class=\"text-[var(--fg)]\"\n  >\n    <h3 class=\"m-0\">\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=\"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-gr-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 = `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\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  return Array.prototype.slice.call(root.querySelectorAll<HTMLElement>('[data-gr-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-gr-collapse-item\n    class=\"text-[var(--fg)]\"\n  >\n    <h3 class=\"m-0\">\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=\"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-gr-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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"}