@feugene/granularity 0.13.0 → 0.16.0

package/dist/components/GrButton/themes/light.css

@@ -0,0 +1,82 @@
+/*
+ * Тема кнопки — только ссылки на роли.
+ *
+ * Заливка solid-кнопки живёт в глобальной роли `--gr-{tone}-solid`: она
+ * рассчитана нести светлый текст, в отличие от `--gr-{tone}`, у которого порог
+ * 3:1 и тёмный `-fg` на светлой заливке. Обоснование значений — в примечании к
+ * группе «Solid fill roles» в `tokens/themes/*.json`.
+ *
+ * Soft-заливка остаётся формулой: она выводится из тона подмесом к фону, и
+ * своего значения ей не нужно.
+ */
+:root {
+  --gr-button-primary-bg: var(--gr-primary-solid);
+  --gr-button-primary-bg-hover: var(--gr-primary-solid-hover);
+  --gr-button-primary-bg-active: var(--gr-primary-solid-active);
+  --gr-button-primary-fg: var(--gr-primary-solid-fg);
+  --gr-button-primary-soft-bg: color-mix(in srgb, var(--gr-primary) 14%, var(--gr-bg));
+  --gr-button-primary-soft-bg-hover: color-mix(in srgb, var(--gr-primary) 18%, var(--gr-bg));
+  --gr-button-primary-soft-bg-active: color-mix(in srgb, var(--gr-primary) 24%, var(--gr-bg));
+
+  --gr-button-success-bg: var(--gr-success-solid);
+  --gr-button-success-bg-hover: var(--gr-success-solid-hover);
+  --gr-button-success-bg-active: var(--gr-success-solid-active);
+  --gr-button-success-fg: var(--gr-success-solid-fg);
+  --gr-button-success-soft-bg: var(--gr-success-light);
+  --gr-button-success-soft-bg-hover: color-mix(in srgb, var(--gr-success) 20%, var(--gr-bg));
+  --gr-button-success-soft-bg-active: color-mix(in srgb, var(--gr-success) 26%, var(--gr-bg));
+
+  --gr-button-warning-bg: var(--gr-warning-solid);
+  --gr-button-warning-bg-hover: var(--gr-warning-solid-hover);
+  --gr-button-warning-bg-active: var(--gr-warning-solid-active);
+  --gr-button-warning-fg: var(--gr-warning-solid-fg);
+  --gr-button-warning-soft-bg: var(--gr-warning-light);
+  --gr-button-warning-soft-bg-hover: color-mix(in srgb, var(--gr-warning) 20%, var(--gr-bg));
+  --gr-button-warning-soft-bg-active: color-mix(in srgb, var(--gr-warning) 26%, var(--gr-bg));
+
+  --gr-button-danger-bg: var(--gr-danger-solid);
+  --gr-button-danger-bg-hover: var(--gr-danger-solid-hover);
+  --gr-button-danger-bg-active: var(--gr-danger-solid-active);
+  --gr-button-danger-fg: var(--gr-danger-solid-fg);
+  --gr-button-danger-soft-bg: var(--gr-danger-light);
+  --gr-button-danger-soft-bg-hover: color-mix(in srgb, var(--gr-danger) 20%, var(--gr-bg));
+  --gr-button-danger-soft-bg-active: color-mix(in srgb, var(--gr-danger) 26%, var(--gr-bg));
+
+  --gr-button-info-bg: var(--gr-info-solid);
+  --gr-button-info-bg-hover: var(--gr-info-solid-hover);
+  --gr-button-info-bg-active: var(--gr-info-solid-active);
+  --gr-button-info-fg: var(--gr-info-solid-fg);
+  --gr-button-info-soft-bg: var(--gr-info-light);
+  --gr-button-info-soft-bg-hover: color-mix(in srgb, var(--gr-info) 20%, var(--gr-bg));
+  --gr-button-info-soft-bg-active: color-mix(in srgb, var(--gr-info) 26%, var(--gr-bg));
+
+  --gr-button-slate-bg: var(--gr-slate-solid);
+  --gr-button-slate-bg-hover: var(--gr-slate-solid-hover);
+  --gr-button-slate-bg-active: var(--gr-slate-solid-active);
+  --gr-button-slate-fg: var(--gr-slate-solid-fg);
+  --gr-button-slate-soft-bg: var(--gr-slate-light);
+  --gr-button-slate-soft-bg-hover: color-mix(in srgb, var(--gr-slate) 20%, var(--gr-bg));
+  --gr-button-slate-soft-bg-active: color-mix(in srgb, var(--gr-slate) 26%, var(--gr-bg));
+
+  --gr-button-azure-bg: var(--gr-azure-solid);
+  --gr-button-azure-bg-hover: var(--gr-azure-solid-hover);
+  --gr-button-azure-bg-active: var(--gr-azure-solid-active);
+  --gr-button-azure-fg: var(--gr-azure-solid-fg);
+  --gr-button-azure-soft-bg: var(--gr-azure-light);
+  --gr-button-azure-soft-bg-hover: color-mix(in srgb, var(--gr-azure) 20%, var(--gr-bg));
+  --gr-button-azure-soft-bg-active: color-mix(in srgb, var(--gr-azure) 26%, var(--gr-bg));
+
+  /*
+   * Отключённая кнопка гасится ролями недоступного состояния — теми же, что у
+   * вкладки, сегмента и бегунка: недоступное во всём пакете выглядит одинаково,
+   * и перекрашивается оно одним местом.
+   *
+   * Не `opacity`: прозрачность разбавляет выверенные на AA цвета, а кнопка
+   * чаще других стоит на цветной подложке, где разбавленный текст проваливается
+   * первым. Трио стоит в `:root` и в тёмной теме не повторяется — общая роль
+   * сама разная по темам, а ссылка на неё темонезависима.
+   */
+  --gr-button-disabled-bg: var(--gr-disabled-bg);
+  --gr-button-disabled-fg: var(--gr-disabled-fg);
+  --gr-button-disabled-brd: var(--gr-disabled-brd);
+}

package/dist/components/GrButtonGroup/chunks/GrButtonGroup-CKyiAV8K.js

@@ -0,0 +1,44 @@
+import { t as provideGrButtonGroup } from "../../../chunks/context-BfIQv7m1.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+import '../styles.css';//#region src/components/GrButtonGroup/GrButtonGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-orientation",
+	"data-attached",
+	"aria-label"
+];
+//#endregion
+//#region src/components/GrButtonGroup/GrButtonGroup.vue
+var GrButtonGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "GrButtonGroup",
+	props: {
+		ariaLabel: { default: void 0 },
+		orientation: { default: "horizontal" },
+		attached: {
+			type: Boolean,
+			default: true
+		},
+		size: { default: void 0 },
+		variant: { default: void 0 },
+		tone: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		provideGrButtonGroup({
+			size: computed(() => props.size),
+			variant: computed(() => props.variant),
+			tone: computed(() => props.tone)
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-gr-button-group": "",
+				class: normalizeClass(["inline-flex", [__props.orientation === "vertical" ? "flex-col items-stretch" : "items-stretch", __props.attached ? "" : "gap-2"]]),
+				"data-orientation": __props.orientation,
+				"data-attached": __props.attached ? "" : void 0,
+				role: "group",
+				"aria-label": __props.ariaLabel
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { GrButtonGroup_default as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrButtonGroup-CKyiAV8K.js","names":[],"sources":["../../../../src/components/GrButtonGroup/GrButtonGroup.vue","../../../../src/components/GrButtonGroup/GrButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton/grButtonStyles'\nimport { provideGrButtonGroup } from './context'\n\nexport type GrButtonGroupOrientation = 'horizontal' | 'vertical'\n\nexport interface GrButtonGroupProps {\n  /** Доступное имя группы: без него кнопки читаются как несвязанные. */\n  ariaLabel?: string\n  orientation?: GrButtonGroupOrientation\n  /**\n   * Склеивать кнопки в один блок. `false` — обычный ряд с зазором: каждая\n   * кнопка сохраняет свои радиусы и границы.\n   */\n  attached?: boolean\n  /** Оформление, общее для кнопок группы. Проп самой кнопки сильнее. */\n  size?: GrButtonSize\n  variant?: GrButtonVariant\n  tone?: GrButtonTone\n}\n\nconst props = withDefaults(defineProps<GrButtonGroupProps>(), {\n  ariaLabel: undefined,\n  orientation: 'horizontal',\n  attached: true,\n  size: undefined,\n  variant: undefined,\n  tone: undefined,\n})\n\nprovideGrButtonGroup({\n  size: computed(() => props.size),\n  variant: computed(() => props.variant),\n  tone: computed(() => props.tone),\n})\n</script>\n\n<template>\n  <div\n    data-gr-button-group\n    class=\"inline-flex\"\n    :class=\"[\n      orientation === 'vertical' ? 'flex-col items-stretch' : 'items-stretch',\n      attached ? '' : 'gap-2',\n    ]\"\n    :data-orientation=\"orientation\"\n    :data-attached=\"attached ? '' : undefined\"\n    role=\"group\"\n    :aria-label=\"ariaLabel\"\n  >\n    <slot />\n  </div>\n</template>\n\n<style>\n/*\n * Склейка держится на понятии «звено группы» — прямом потомке, который сам\n * кнопка или содержит кнопку. Обёртка (тултип, `<span v-if>`, роутерная\n * ссылка) поэтому не разрывает ряд, а не-кнопочный потомок (разделитель,\n * подпись) в склейку не попадает и скругление себе не забирает.\n *\n * Края считаются от соседства звеньев, а не от `:first-child`/`:last-child`:\n * ведущий край гасится у звена, перед которым уже было звено, ведомый — у\n * звена, за которым звено ещё будет.\n */\n[data-gr-button-group] {\n    --gr-button-group-radius: var(--gr-button-radius, 0.375rem);\n}\n\n[data-gr-button-group][data-attached] [data-gr-button] {\n    border-radius: var(--gr-button-group-radius);\n    position: relative;\n}\n\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/* ————— Горизонтальная группа. */\n\n[data-gr-button-group][data-attached][data-orientation='horizontal'] > :is([data-gr-button], :has([data-gr-button])) ~ :is([data-gr-button], :has([data-gr-button])) {\n    margin-inline-start: -1px;\n}\n\n[data-gr-button-group][data-attached][data-orientation='horizontal'] > :is([data-gr-button], :has([data-gr-button])) ~ [data-gr-button],\n[data-gr-button-group][data-attached][data-orientation='horizontal'] > :is([data-gr-button], :has([data-gr-button])) ~ :has([data-gr-button]) [data-gr-button] {\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n}\n\n[data-gr-button-group][data-attached][data-orientation='horizontal'] > [data-gr-button]:has(~ :is([data-gr-button], :has([data-gr-button]))),\n[data-gr-button-group][data-attached][data-orientation='horizontal'] > :has([data-gr-button]):has(~ :is([data-gr-button], :has([data-gr-button]))) [data-gr-button] {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n}\n\n/* ————— Вертикальная группа: та же логика, другая ось. */\n\n[data-gr-button-group][data-attached][data-orientation='vertical'] > :is([data-gr-button], :has([data-gr-button])) ~ :is([data-gr-button], :has([data-gr-button])) {\n    margin-block-start: -1px;\n}\n\n[data-gr-button-group][data-attached][data-orientation='vertical'] > :is([data-gr-button], :has([data-gr-button])) ~ [data-gr-button],\n[data-gr-button-group][data-attached][data-orientation='vertical'] > :is([data-gr-button], :has([data-gr-button])) ~ :has([data-gr-button]) [data-gr-button] {\n    border-start-start-radius: 0;\n    border-start-end-radius: 0;\n}\n\n[data-gr-button-group][data-attached][data-orientation='vertical'] > [data-gr-button]:has(~ :is([data-gr-button], :has([data-gr-button]))),\n[data-gr-button-group][data-attached][data-orientation='vertical'] > :has([data-gr-button]):has(~ :is([data-gr-button], :has([data-gr-button]))) [data-gr-button] {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton/grButtonStyles'\nimport { provideGrButtonGroup } from './context'\n\nexport type GrButtonGroupOrientation = 'horizontal' | 'vertical'\n\nexport interface GrButtonGroupProps {\n  /** Доступное имя группы: без него кнопки читаются как несвязанные. */\n  ariaLabel?: string\n  orientation?: GrButtonGroupOrientation\n  /**\n   * Склеивать кнопки в один блок. `false` — обычный ряд с зазором: каждая\n   * кнопка сохраняет свои радиусы и границы.\n   */\n  attached?: boolean\n  /** Оформление, общее для кнопок группы. Проп самой кнопки сильнее. */\n  size?: GrButtonSize\n  variant?: GrButtonVariant\n  tone?: GrButtonTone\n}\n\nconst props = withDefaults(defineProps<GrButtonGroupProps>(), {\n  ariaLabel: undefined,\n  orientation: 'horizontal',\n  attached: true,\n  size: undefined,\n  variant: undefined,\n  tone: undefined,\n})\n\nprovideGrButtonGroup({\n  size: computed(() => props.size),\n  variant: computed(() => props.variant),\n  tone: computed(() => props.tone),\n})\n</script>\n\n<template>\n  <div\n    data-gr-button-group\n    class=\"inline-flex\"\n    :class=\"[\n      orientation === 'vertical' ? 'flex-col items-stretch' : 'items-stretch',\n      attached ? '' : 'gap-2',\n    ]\"\n    :data-orientation=\"orientation\"\n    :data-attached=\"attached ? '' : undefined\"\n    role=\"group\"\n    :aria-label=\"ariaLabel\"\n  >\n    <slot />\n  </div>\n</template>\n\n<style>\n/*\n * Склейка держится на понятии «звено группы» — прямом потомке, который сам\n * кнопка или содержит кнопку. Обёртка (тултип, `<span v-if>`, роутерная\n * ссылка) поэтому не разрывает ряд, а не-кнопочный потомок (разделитель,\n * подпись) в склейку не попадает и скругление себе не забирает.\n *\n * Края считаются от соседства звеньев, а не от `:first-child`/`:last-child`:\n * ведущий край гасится у звена, перед которым уже было звено, ведомый — у\n * звена, за которым звено ещё будет.\n */\n[data-gr-button-group] {\n    --gr-button-group-radius: var(--gr-button-radius, 0.375rem);\n}\n\n[data-gr-button-group][data-attached] [data-gr-button] {\n    border-radius: var(--gr-button-group-radius);\n    position: relative;\n}\n\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/* ————— Горизонтальная группа. */\n\n[data-gr-button-group][data-attached][data-orientation='horizontal'] > :is([data-gr-button], :has([data-gr-button])) ~ :is([data-gr-button], :has([data-gr-button])) {\n    margin-inline-start: -1px;\n}\n\n[data-gr-button-group][data-attached][data-orientation='horizontal'] > :is([data-gr-button], :has([data-gr-button])) ~ [data-gr-button],\n[data-gr-button-group][data-attached][data-orientation='horizontal'] > :is([data-gr-button], :has([data-gr-button])) ~ :has([data-gr-button]) [data-gr-button] {\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n}\n\n[data-gr-button-group][data-attached][data-orientation='horizontal'] > [data-gr-button]:has(~ :is([data-gr-button], :has([data-gr-button]))),\n[data-gr-button-group][data-attached][data-orientation='horizontal'] > :has([data-gr-button]):has(~ :is([data-gr-button], :has([data-gr-button]))) [data-gr-button] {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n}\n\n/* ————— Вертикальная группа: та же логика, другая ось. */\n\n[data-gr-button-group][data-attached][data-orientation='vertical'] > :is([data-gr-button], :has([data-gr-button])) ~ :is([data-gr-button], :has([data-gr-button])) {\n    margin-block-start: -1px;\n}\n\n[data-gr-button-group][data-attached][data-orientation='vertical'] > :is([data-gr-button], :has([data-gr-button])) ~ [data-gr-button],\n[data-gr-button-group][data-attached][data-orientation='vertical'] > :is([data-gr-button], :has([data-gr-button])) ~ :has([data-gr-button]) [data-gr-button] {\n    border-start-start-radius: 0;\n    border-start-end-radius: 0;\n}\n\n[data-gr-button-group][data-attached][data-orientation='vertical'] > [data-gr-button]:has(~ :is([data-gr-button], :has([data-gr-button]))),\n[data-gr-button-group][data-attached][data-orientation='vertical'] > :has([data-gr-button]):has(~ :is([data-gr-button], :has([data-gr-button]))) [data-gr-button] {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ;EASd,qBAAqB;GACnB,MAAM,eAAe,MAAM,IAAI;GAC/B,SAAS,eAAe,MAAM,OAAO;GACrC,MAAM,eAAe,MAAM,IAAI;EACjC,CAAC;;uBAIC,mBAaM,OAAA;IAZJ,wBAAA;IACA,OAAK,eAAA,CAAC,eAAa,CACH,QAAA,gBAAW,aAAA,2BAAA,iBAAoE,QAAA,WAAQ,KAAA,OAAA,CAAA,CAAA;IAItG,oBAAkB,QAAA;IAClB,iBAAe,QAAA,WAAQ,KAAQ,KAAA;IAChC,MAAK;IACJ,cAAY,QAAA;OAEb,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/components/GrButtonGroup/index.js

@@ -1,3 +1,4 @@
-import { t as GrButtonGroup_default } from "./chunks/GrButtonGroup-Bs9dEKfA.js";
+import { n as useGrButtonGroup } from "../../chunks/context-BfIQv7m1.js";
+import { t as GrButtonGroup_default } from "./chunks/GrButtonGroup-CKyiAV8K.js";
 import { t as grButtonGroupConfig } from "../../chunks/config-DBmdgoVf.js";
-export { GrButtonGroup_default as GrButtonGroup, GrButtonGroup_default as default, grButtonGroupConfig };
+export { GrButtonGroup_default as GrButtonGroup, GrButtonGroup_default as default, grButtonGroupConfig, useGrButtonGroup };

package/dist/components/GrButtonGroup/styles.css

@@ -0,0 +1 @@
+[data-gr-button-group]{--gr-button-group-radius:var(--gr-button-radius,.375rem)}[data-gr-button-group][data-attached] [data-gr-button]{border-radius:var(--gr-button-group-radius);position:relative}[data-gr-button-group] [data-gr-button]:hover,[data-gr-button-group] [data-gr-button]:focus-visible{z-index:1}[data-gr-button-group][data-attached][data-orientation=horizontal]>:is([data-gr-button],:has([data-gr-button]))~:is([data-gr-button],:has([data-gr-button])){margin-inline-start:-1px}[data-gr-button-group][data-attached][data-orientation=horizontal]>:is([data-gr-button],:has([data-gr-button]))~[data-gr-button],[data-gr-button-group][data-attached][data-orientation=horizontal]>:is([data-gr-button],:has([data-gr-button]))~:has([data-gr-button]) [data-gr-button]{border-start-start-radius:0;border-end-start-radius:0}[data-gr-button-group][data-attached][data-orientation=horizontal]>[data-gr-button]:has(~:is([data-gr-button],:has([data-gr-button]))),[data-gr-button-group][data-attached][data-orientation=horizontal]>:has([data-gr-button]):has(~:is([data-gr-button],:has([data-gr-button]))) [data-gr-button]{border-start-end-radius:0;border-end-end-radius:0}[data-gr-button-group][data-attached][data-orientation=vertical]>:is([data-gr-button],:has([data-gr-button]))~:is([data-gr-button],:has([data-gr-button])){margin-block-start:-1px}[data-gr-button-group][data-attached][data-orientation=vertical]>:is([data-gr-button],:has([data-gr-button]))~[data-gr-button],[data-gr-button-group][data-attached][data-orientation=vertical]>:is([data-gr-button],:has([data-gr-button]))~:has([data-gr-button]) [data-gr-button]{border-start-start-radius:0;border-start-end-radius:0}[data-gr-button-group][data-attached][data-orientation=vertical]>[data-gr-button]:has(~:is([data-gr-button],:has([data-gr-button]))),[data-gr-button-group][data-attached][data-orientation=vertical]>:has([data-gr-button]):has(~:is([data-gr-button],:has([data-gr-button]))) [data-gr-button]{border-end-end-radius:0;border-end-start-radius:0}

package/dist/components/GrCard/chunks/GrCard-DOrGHf2x.js

@@ -0,0 +1,89 @@
+import { a as useGrComponentProp } from "../../../chunks/context-BSYR7RZs.js";
+import { a as sectionDividerBottomClass, i as paddingClass, o as sectionDividerTopClass, r as grCardRootClass } from "../../../chunks/config-gwro_7yn.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, markRaw, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, useSlots, withCtx } from "vue";
+//#endregion
+//#region src/components/GrCard/GrCard.vue
+var GrCard_default = /* @__PURE__ */ defineComponent({
+	__name: "GrCard",
+	props: {
+		padding: { default: void 0 },
+		variant: { default: void 0 },
+		as: { default: void 0 },
+		href: { default: void 0 },
+		clickable: {
+			type: Boolean,
+			default: false
+		},
+		hoverable: {
+			type: Boolean,
+			default: false
+		},
+		bodyClass: { default: void 0 }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const resolvedPadding = useGrComponentProp("GrCard", "padding", () => props.padding, "none");
+		const resolvedVariant = useGrComponentProp("GrCard", "variant", () => props.variant, "elevated");
+		const isInteractive = computed(() => !!props.as || !!props.href || props.clickable);
+		const rootTag = computed(() => {
+			if (props.as) return typeof props.as === "string" ? props.as : markRaw(props.as);
+			if (props.href) return "a";
+			return props.clickable ? "button" : "div";
+		});
+		/**
+		* Обёртки появляются, только когда их попросили: карточка без секций остаётся
+		* одним `<div>` со слотом внутри — ровно тем, что рендерили `GrCollapse` и
+		* `GrList` до появления пропов.
+		*/
+		const hasSections = computed(() => Boolean(slots.header || slots.footer || props.bodyClass));
+		const rootClass = computed(() => grCardRootClass({
+			variant: resolvedVariant.value,
+			padding: hasSections.value ? "none" : resolvedPadding.value,
+			interactive: isInteractive.value,
+			hoverable: props.hoverable
+		}));
+		const sectionPaddingClass = computed(() => paddingClass[resolvedPadding.value]);
+		const headerClass = computed(() => [sectionPaddingClass.value, sectionDividerBottomClass].filter(Boolean).join(" "));
+		const footerClass = computed(() => [sectionPaddingClass.value, sectionDividerTopClass].filter(Boolean).join(" "));
+		const bodySectionClass = computed(() => [sectionPaddingClass.value, props.bodyClass].filter(Boolean).join(" "));
+		function onClick(event) {
+			emit("click", event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(rootTag.value), {
+				"data-gr-card": "",
+				type: rootTag.value === "button" ? "button" : void 0,
+				href: rootTag.value === "a" ? __props.href : void 0,
+				class: normalizeClass(rootClass.value),
+				onClick
+			}, {
+				default: withCtx(() => [hasSections.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+					_ctx.$slots.header ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						"data-gr-card-header": "",
+						class: normalizeClass(headerClass.value)
+					}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true),
+					createElementVNode("div", {
+						"data-gr-card-body": "",
+						class: normalizeClass(bodySectionClass.value)
+					}, [renderSlot(_ctx.$slots, "default")], 2),
+					_ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						"data-gr-card-footer": "",
+						class: normalizeClass(footerClass.value)
+					}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
+				], 64)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)]),
+				_: 3
+			}, 8, [
+				"type",
+				"href",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { GrCard_default as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrCard-DOrGHf2x.js","names":["$slots"],"sources":["../../../../src/components/GrCard/GrCard.vue","../../../../src/components/GrCard/GrCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, markRaw, useSlots, type Component } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\n\nimport {\n  grCardRootClass,\n  paddingClass,\n  sectionDividerBottomClass,\n  sectionDividerTopClass,\n  type GrCardPadding,\n  type GrCardVariant,\n} from './grCardStyles'\n\nexport type { GrCardPadding, GrCardVariant } from './grCardStyles'\n\nexport interface GrCardProps {\n  /**\n   * Внутренние отступы. По умолчанию `none`: карточка — поверхность, а её\n   * содержимое (`GrCollapse`, `GrList`) само знает про свои отступы.\n   */\n  padding?: GrCardPadding\n  /** `elevated` — рамка, фон и тень; `outlined` — без тени; `ghost` — без рамки. */\n  variant?: GrCardVariant\n  /** Свой корневой тег (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Карточка-ссылка. */\n  href?: string\n  /** Карточка-кнопка: интерактивна вся поверхность. */\n  clickable?: boolean\n  /** Подсветка при наведении без интерактивности. */\n  hoverable?: boolean\n  /** Классы обёртки тела — она появляется вместе с секциями. */\n  bodyClass?: string\n}\n\nexport interface GrCardEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrCardProps>(), {\n  // Настраивается через `GrConfigProvider`; дефолты — в резолверах ниже.\n  padding: undefined,\n  variant: undefined,\n  as: undefined,\n  href: undefined,\n  clickable: false,\n  hoverable: false,\n  bodyClass: undefined,\n})\n\nconst emit = defineEmits<GrCardEmits>()\n\nconst slots = useSlots()\n\nconst resolvedPadding = useGrComponentProp('GrCard', 'padding', () => props.padding, 'none')\nconst resolvedVariant = useGrComponentProp('GrCard', 'variant', () => props.variant, 'elevated')\n\nconst isInteractive = computed(() => !!props.as || !!props.href || props.clickable)\n\nconst rootTag = computed<string | Component>(() => {\n  if (props.as)\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n\n  if (props.href)\n    return 'a'\n\n  return props.clickable ? 'button' : 'div'\n})\n\n/**\n * Обёртки появляются, только когда их попросили: карточка без секций остаётся\n * одним `<div>` со слотом внутри — ровно тем, что рендерили `GrCollapse` и\n * `GrList` до появления пропов.\n */\nconst hasSections = computed(() => Boolean(slots.header || slots.footer || props.bodyClass))\n\nconst rootClass = computed(() => grCardRootClass({\n  variant: resolvedVariant.value,\n  // С секциями отступ принадлежит каждой из них, а не поверхности целиком.\n  padding: hasSections.value ? 'none' : resolvedPadding.value,\n  interactive: isInteractive.value,\n  hoverable: props.hoverable,\n}))\n\nconst sectionPaddingClass = computed(() => paddingClass[resolvedPadding.value])\n\nconst headerClass = computed(() => [sectionPaddingClass.value, sectionDividerBottomClass].filter(Boolean).join(' '))\nconst footerClass = computed(() => [sectionPaddingClass.value, sectionDividerTopClass].filter(Boolean).join(' '))\nconst bodySectionClass = computed(() => [sectionPaddingClass.value, props.bodyClass].filter(Boolean).join(' '))\n\nfunction onClick(event: MouseEvent): void {\n  emit('click', event)\n}\n</script>\n\n<template>\n  <component\n    :is=\"rootTag\"\n    data-gr-card\n    :type=\"rootTag === 'button' ? 'button' : undefined\"\n    :href=\"rootTag === 'a' ? href : undefined\"\n    :class=\"rootClass\"\n    @click=\"onClick\"\n  >\n    <template v-if=\"hasSections\">\n      <div v-if=\"$slots.header\" data-gr-card-header :class=\"headerClass\">\n        <slot name=\"header\" />\n      </div>\n\n      <div data-gr-card-body :class=\"bodySectionClass\">\n        <slot />\n      </div>\n\n      <div v-if=\"$slots.footer\" data-gr-card-footer :class=\"footerClass\">\n        <slot name=\"footer\" />\n      </div>\n    </template>\n\n    <slot v-else />\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, markRaw, useSlots, type Component } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\n\nimport {\n  grCardRootClass,\n  paddingClass,\n  sectionDividerBottomClass,\n  sectionDividerTopClass,\n  type GrCardPadding,\n  type GrCardVariant,\n} from './grCardStyles'\n\nexport type { GrCardPadding, GrCardVariant } from './grCardStyles'\n\nexport interface GrCardProps {\n  /**\n   * Внутренние отступы. По умолчанию `none`: карточка — поверхность, а её\n   * содержимое (`GrCollapse`, `GrList`) само знает про свои отступы.\n   */\n  padding?: GrCardPadding\n  /** `elevated` — рамка, фон и тень; `outlined` — без тени; `ghost` — без рамки. */\n  variant?: GrCardVariant\n  /** Свой корневой тег (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Карточка-ссылка. */\n  href?: string\n  /** Карточка-кнопка: интерактивна вся поверхность. */\n  clickable?: boolean\n  /** Подсветка при наведении без интерактивности. */\n  hoverable?: boolean\n  /** Классы обёртки тела — она появляется вместе с секциями. */\n  bodyClass?: string\n}\n\nexport interface GrCardEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrCardProps>(), {\n  // Настраивается через `GrConfigProvider`; дефолты — в резолверах ниже.\n  padding: undefined,\n  variant: undefined,\n  as: undefined,\n  href: undefined,\n  clickable: false,\n  hoverable: false,\n  bodyClass: undefined,\n})\n\nconst emit = defineEmits<GrCardEmits>()\n\nconst slots = useSlots()\n\nconst resolvedPadding = useGrComponentProp('GrCard', 'padding', () => props.padding, 'none')\nconst resolvedVariant = useGrComponentProp('GrCard', 'variant', () => props.variant, 'elevated')\n\nconst isInteractive = computed(() => !!props.as || !!props.href || props.clickable)\n\nconst rootTag = computed<string | Component>(() => {\n  if (props.as)\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n\n  if (props.href)\n    return 'a'\n\n  return props.clickable ? 'button' : 'div'\n})\n\n/**\n * Обёртки появляются, только когда их попросили: карточка без секций остаётся\n * одним `<div>` со слотом внутри — ровно тем, что рендерили `GrCollapse` и\n * `GrList` до появления пропов.\n */\nconst hasSections = computed(() => Boolean(slots.header || slots.footer || props.bodyClass))\n\nconst rootClass = computed(() => grCardRootClass({\n  variant: resolvedVariant.value,\n  // С секциями отступ принадлежит каждой из них, а не поверхности целиком.\n  padding: hasSections.value ? 'none' : resolvedPadding.value,\n  interactive: isInteractive.value,\n  hoverable: props.hoverable,\n}))\n\nconst sectionPaddingClass = computed(() => paddingClass[resolvedPadding.value])\n\nconst headerClass = computed(() => [sectionPaddingClass.value, sectionDividerBottomClass].filter(Boolean).join(' '))\nconst footerClass = computed(() => [sectionPaddingClass.value, sectionDividerTopClass].filter(Boolean).join(' '))\nconst bodySectionClass = computed(() => [sectionPaddingClass.value, props.bodyClass].filter(Boolean).join(' '))\n\nfunction onClick(event: MouseEvent): void {\n  emit('click', event)\n}\n</script>\n\n<template>\n  <component\n    :is=\"rootTag\"\n    data-gr-card\n    :type=\"rootTag === 'button' ? 'button' : undefined\"\n    :href=\"rootTag === 'a' ? href : undefined\"\n    :class=\"rootClass\"\n    @click=\"onClick\"\n  >\n    <template v-if=\"hasSections\">\n      <div v-if=\"$slots.header\" data-gr-card-header :class=\"headerClass\">\n        <slot name=\"header\" />\n      </div>\n\n      <div data-gr-card-body :class=\"bodySectionClass\">\n        <slot />\n      </div>\n\n      <div v-if=\"$slots.footer\" data-gr-card-footer :class=\"footerClass\">\n        <slot name=\"footer\" />\n      </div>\n    </template>\n\n    <slot v-else />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAS;EAEvB,MAAM,kBAAkB,mBAAmB,UAAU,iBAAiB,MAAM,SAAS,MAAM;EAC3F,MAAM,kBAAkB,mBAAmB,UAAU,iBAAiB,MAAM,SAAS,UAAU;EAE/F,MAAM,gBAAgB,eAAe,CAAC,CAAC,MAAM,MAAM,CAAC,CAAC,MAAM,QAAQ,MAAM,SAAS;EAElF,MAAM,UAAU,eAAmC;GACjD,IAAI,MAAM,IACR,OAAO,OAAO,MAAM,OAAO,WAAW,MAAM,KAAK,QAAQ,MAAM,EAAE;GAEnE,IAAI,MAAM,MACR,OAAO;GAET,OAAO,MAAM,YAAY,WAAW;EACtC,CAAC;;;;;;EAOD,MAAM,cAAc,eAAe,QAAQ,MAAM,UAAU,MAAM,UAAU,MAAM,SAAS,CAAC;EAE3F,MAAM,YAAY,eAAe,gBAAgB;GAC/C,SAAS,gBAAgB;GAEzB,SAAS,YAAY,QAAQ,SAAS,gBAAgB;GACtD,aAAa,cAAc;GAC3B,WAAW,MAAM;EACnB,CAAC,CAAC;EAEF,MAAM,sBAAsB,eAAe,aAAa,gBAAgB,MAAM;EAE9E,MAAM,cAAc,eAAe,CAAC,oBAAoB,OAAO,yBAAyB,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC;EACnH,MAAM,cAAc,eAAe,CAAC,oBAAoB,OAAO,sBAAsB,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC;EAChH,MAAM,mBAAmB,eAAe,CAAC,oBAAoB,OAAO,MAAM,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC;EAE9G,SAAS,QAAQ,OAAyB;GACxC,KAAK,SAAS,KAAK;EACrB;;uBAIE,YAuBY,wBAtBL,QAAA,KAAO,GAAA;IACZ,gBAAA;IACC,MAAM,QAAA,UAAO,WAAA,WAA2B,KAAA;IACxC,MAAM,QAAA,UAAO,MAAW,QAAA,OAAO,KAAA;IAC/B,OAAK,eAAE,UAAA,KAAS;IACT;;2BAcG,CAZK,YAAA,SAAA,UAAA,GAAhB,mBAYW,UAAA,EAAA,KAAA,EAAA,GAAA;KAXEA,KAAAA,OAAO,UAAA,UAAA,GAAlB,mBAEM,OAAA;;MAFoB,uBAAA;MAAqB,OAAK,eAAE,YAAA,KAAW;SAC/D,WAAsB,KAAA,QAAA,QAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;KAGxB,mBAEM,OAAA;MAFD,qBAAA;MAAmB,OAAK,eAAE,iBAAA,KAAgB;SAC7C,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA;KAGCA,KAAAA,OAAO,UAAA,UAAA,GAAlB,mBAEM,OAAA;;MAFoB,uBAAA;MAAqB,OAAK,eAAE,YAAA,KAAW;SAC/D,WAAsB,KAAA,QAAA,QAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;cAI1B,WAAe,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrCard/index.js

@@ -1,3 +1,3 @@
-import { t as GrCard_default } from "./chunks/GrCard-CxCjyHMb.js";
-import { t as grCardConfig } from "../../chunks/config-CThzliFi.js";
-export { GrCard_default as GrCard, GrCard_default as default, grCardConfig };
+import { n as grCardSafelist, t as grCardConfig } from "../../chunks/config-gwro_7yn.js";
+import { t as GrCard_default } from "./chunks/GrCard-DOrGHf2x.js";
+export { GrCard_default as GrCard, GrCard_default as default, grCardConfig, grCardSafelist };

package/dist/components/GrCheckbox/chunks/GrCheckbox-BLOp8452.js

@@ -0,0 +1,262 @@
+import { o as useGrComponentSize } from "../../../chunks/context-BSYR7RZs.js";
+import { useGrFormControl } from "../../../composables/useGrFormControl.js";
+import { t as check_default } from "../../../chunks/check-BZI24Qs4.js";
+import { t as minus_default } from "../../../chunks/minus-oxdbHF33.js";
+import { d as grCheckboxIndeterminateIconClass, f as grCheckboxLabelClass, l as grCheckboxCheckIconClass, p as grCheckboxRootClass, u as grCheckboxControlClass } from "../../../chunks/grCheckboxStyles-hOAgURZG.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, onMounted, openBlock, ref, renderSlot, unref, useId, useSlots, watch, withKeys, withModifiers } from "vue";
+//#region src/components/GrCheckbox/grCheckboxGroupContext.ts
+var GR_CHECKBOX_GROUP_CONTEXT = Symbol("GR_CHECKBOX_GROUP_CONTEXT");
+//#endregion
+//#region src/components/GrCheckbox/GrCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"checked",
+	"disabled",
+	"name",
+	"value",
+	"form"
+];
+var _hoisted_2 = [
+	"id",
+	"aria-checked",
+	"aria-disabled",
+	"aria-required",
+	"aria-readonly",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-label",
+	"aria-labelledby",
+	"tabindex",
+	"onKeydown"
+];
+var _hoisted_3 = ["id"];
+//#endregion
+//#region src/components/GrCheckbox/GrCheckbox.vue
+var GrCheckbox_default = /* @__PURE__ */ defineComponent({
+	__name: "GrCheckbox",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		name: { default: void 0 },
+		value: { default: "on" },
+		required: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		form: { default: void 0 },
+		id: { default: void 0 },
+		indeterminate: {
+			type: Boolean,
+			default: false
+		},
+		ariaLabel: { default: void 0 },
+		labelPosition: { default: "end" },
+		size: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"focus",
+		"blur"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		/**
+		* GrCheckbox — GR-примитив чекбокса с нативным скрытым `<input type="checkbox">`
+		* для интеграции с HTML-формами (`FormData`, `form`).
+		*
+		* Источник истины — нативный input: клик по нему (в т.ч. по внешнему
+		* `<label for="...">`) слушается через `@change` и эмитит модель. Клик по видимой
+		* части компонента переключает через корневой обработчик.
+		*
+		* Клавиатура: `Space` переключает значение (Enter — намеренно нет, это нестандартно
+		* для чекбоксов). Фокус — на самом контроле (квадратике), как у нативного чекбокса.
+		*
+		* A11y: `role="checkbox"` + `aria-checked` (`true`/`false`/`mixed`) + `aria-disabled`.
+		* Роль висит **только на контроле**, а не на всей строке с подписью — по двум причинам:
+		*  - роль объявляет своих потомков презентационными, поэтому ни нативный input, ни
+		*    интерактивная подпись (ссылка на политику, кнопка «показать изменения») не могут
+		*    жить внутри: скринридер теряет их, axe падает на `nested-interactive`;
+		*  - имя виджета берётся из подписи через `aria-labelledby`, что и позволяет держать
+		*    её снаружи вместе со всем её интерактивным содержимым.
+		*
+		* `required` объявляется только через `aria-required`, на скрытый input он не уходит.
+		* Нативная проверка потребовала бы фокуса на невалидном контроле, а он невидим и
+		* `aria-hidden` — Chrome в таком случае молча отменяет сабмит всей формы
+		* («An invalid form control … is not focusable»). Обязательность проверяет
+		* `GrForm` правилом `required` — см. `docs/components/GrCheckbox.md`.
+		*
+		* Внутри `GrCheckboxGroup` значение приходит из группы: свой `modelValue` не
+		* задаётся, а `value` сравнивается с массивом выбранных.
+		*/
+		const hiddenInputStyle = {
+			position: "absolute",
+			opacity: "0",
+			width: "0",
+			height: "0",
+			pointerEvents: "none"
+		};
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const labelId = useId();
+		const hasLabel = computed(() => Boolean(slots.default));
+		const group = inject(GR_CHECKBOX_GROUP_CONTEXT, null);
+		const checked = computed(() => {
+			if (props.modelValue !== void 0) return props.modelValue;
+			if (group) return group.modelValue.value.includes(props.value);
+			return false;
+		});
+		const resolvedName = computed(() => props.name ?? group?.name.value);
+		const { disabled: isDisabled, id: fieldControlId, labelId: fieldLabelId, describedBy, invalid: fieldInvalid, required: fieldRequired, readonly: fieldReadonly } = useGrFormControl(() => props);
+		const resolvedDisabled = computed(() => isDisabled.value || Boolean(group?.disabled.value));
+		const isRequired = computed(() => fieldRequired.value || Boolean(group?.required.value));
+		const isReadonly = computed(() => fieldReadonly.value || Boolean(group?.readonly.value));
+		const isInvalid = computed(() => fieldInvalid.value);
+		const showsInvalid = computed(() => isInvalid.value || Boolean(group?.invalid.value));
+		const labelledBy = computed(() => {
+			if (props.ariaLabel) return void 0;
+			if (hasLabel.value) return labelId;
+			return fieldLabelId.value;
+		});
+		const resolvedSize = useGrComponentSize(() => props.size ?? group?.size.value, { component: "GrCheckbox" });
+		const rootClassName = computed(() => grCheckboxRootClass({
+			size: resolvedSize.value,
+			disabled: resolvedDisabled.value,
+			labelPosition: props.labelPosition
+		}));
+		const controlClassName = computed(() => grCheckboxControlClass({
+			size: resolvedSize.value,
+			active: checked.value || props.indeterminate,
+			disabled: resolvedDisabled.value,
+			invalid: showsInvalid.value
+		}));
+		const indeterminateIconClassName = computed(() => grCheckboxIndeterminateIconClass(resolvedSize.value));
+		const checkIconClassName = computed(() => grCheckboxCheckIconClass({
+			size: resolvedSize.value,
+			checked: checked.value
+		}));
+		const labelClassName = computed(() => grCheckboxLabelClass(resolvedSize.value));
+		const nativeInput = ref(null);
+		const control = ref(null);
+		watch(checked, (value) => {
+			if (nativeInput.value && nativeInput.value.checked !== value) nativeInput.value.checked = value;
+		});
+		function syncIndeterminate() {
+			if (nativeInput.value) nativeInput.value.indeterminate = props.indeterminate;
+		}
+		watch(() => props.indeterminate, syncIndeterminate);
+		onMounted(syncIndeterminate);
+		function setChecked(next) {
+			if (resolvedDisabled.value || isReadonly.value) {
+				if (nativeInput.value) nativeInput.value.checked = checked.value;
+				return;
+			}
+			if (props.modelValue !== void 0 || !group) {
+				emit("update:modelValue", next);
+				emit("change", next);
+				return;
+			}
+			group.toggle(props.value, next);
+			emit("change", next);
+		}
+		function toggle() {
+			setChecked(props.indeterminate ? true : !checked.value);
+		}
+		function onNativeChange(e) {
+			setChecked(e.target.checked);
+		}
+		function onNativeFocus() {
+			control.value?.focus();
+		}
+		function focus() {
+			control.value?.focus();
+		}
+		function blur() {
+			control.value?.blur();
+		}
+		__expose({
+			focus,
+			blur
+		});
+		function isInteractiveTarget(target) {
+			const el = target;
+			if (!el) return false;
+			return !!el.closest("a,button,input,select,textarea,label,[role=\"button\"],[role=\"link\"]");
+		}
+		function onClick(e) {
+			if (isInteractiveTarget(e.target)) return;
+			toggle();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-gr-checkbox": "",
+				class: normalizeClass(rootClassName.value),
+				onClick
+			}, [
+				createElementVNode("input", {
+					id: __props.id,
+					ref_key: "nativeInput",
+					ref: nativeInput,
+					type: "checkbox",
+					checked: checked.value,
+					disabled: resolvedDisabled.value,
+					name: resolvedName.value,
+					value: __props.value,
+					form: __props.form,
+					tabindex: "-1",
+					"aria-hidden": "true",
+					style: hiddenInputStyle,
+					onChange: onNativeChange,
+					onFocus: onNativeFocus
+				}, null, 40, _hoisted_1),
+				createElementVNode("span", {
+					id: unref(fieldControlId),
+					ref_key: "control",
+					ref: control,
+					"data-gr-checkbox-indicator": "",
+					role: "checkbox",
+					"aria-checked": __props.indeterminate ? "mixed" : checked.value ? "true" : "false",
+					"aria-disabled": resolvedDisabled.value ? "true" : void 0,
+					"aria-required": isRequired.value ? "true" : void 0,
+					"aria-readonly": isReadonly.value ? "true" : void 0,
+					"aria-invalid": isInvalid.value ? "true" : void 0,
+					"aria-describedby": unref(describedBy),
+					"aria-label": __props.ariaLabel,
+					"aria-labelledby": labelledBy.value,
+					tabindex: resolvedDisabled.value ? -1 : 0,
+					class: normalizeClass(controlClassName.value),
+					onKeydown: withKeys(withModifiers(toggle, ["prevent"]), ["space"]),
+					onFocus: _cache[0] || (_cache[0] = ($event) => emit("focus", $event)),
+					onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event))
+				}, [__props.indeterminate ? (openBlock(), createBlock(unref(minus_default), {
+					key: 0,
+					class: normalizeClass(indeterminateIconClassName.value)
+				}, null, 8, ["class"])) : (openBlock(), createBlock(unref(check_default), {
+					key: 1,
+					class: normalizeClass(checkIconClassName.value)
+				}, null, 8, ["class"]))], 42, _hoisted_2),
+				hasLabel.value ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					id: unref(labelId),
+					class: normalizeClass(labelClassName.value)
+				}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_3)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { GR_CHECKBOX_GROUP_CONTEXT as n, GrCheckbox_default as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrCheckbox-BLOp8452.js","names":[],"sources":["../../../../src/components/GrCheckbox/grCheckboxGroupContext.ts","../../../../src/components/GrCheckbox/GrCheckbox.vue","../../../../src/components/GrCheckbox/GrCheckbox.vue"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nimport type { GrCheckboxSize } from './grCheckboxStyles'\n\nexport type GrCheckboxGroupContext = {\n  /** Выбранные значения группы. Чекбокс сравнивает с ними свой `value`. */\n  modelValue: ComputedRef<string[]>\n  name: ComputedRef<string | undefined>\n  disabled: ComputedRef<boolean>\n  readonly: ComputedRef<boolean>\n  invalid: ComputedRef<boolean>\n  /**\n   * Обязательность группы объявляют её чекбоксы: `role=\"group\"` не поддерживает\n   * `aria-required` (axe: `aria-allowed-attr`), а `role=\"checkbox\"` — да.\n   */\n  required: ComputedRef<boolean>\n  size: ComputedRef<GrCheckboxSize>\n  /** Добавляет или убирает значение из выбранных. */\n  toggle: (value: string, checked: boolean) => void\n}\n\nexport const GR_CHECKBOX_GROUP_CONTEXT: InjectionKey<GrCheckboxGroupContext> = Symbol('GR_CHECKBOX_GROUP_CONTEXT')\n","<script setup lang=\"ts\">\n/**\n * GrCheckbox — GR-примитив чекбокса с нативным скрытым `<input type=\"checkbox\">`\n * для интеграции с HTML-формами (`FormData`, `form`).\n *\n * Источник истины — нативный input: клик по нему (в т.ч. по внешнему\n * `<label for=\"...\">`) слушается через `@change` и эмитит модель. Клик по видимой\n * части компонента переключает через корневой обработчик.\n *\n * Клавиатура: `Space` переключает значение (Enter — намеренно нет, это нестандартно\n * для чекбоксов). Фокус — на самом контроле (квадратике), как у нативного чекбокса.\n *\n * A11y: `role=\"checkbox\"` + `aria-checked` (`true`/`false`/`mixed`) + `aria-disabled`.\n * Роль висит **только на контроле**, а не на всей строке с подписью — по двум причинам:\n *  - роль объявляет своих потомков презентационными, поэтому ни нативный input, ни\n *    интерактивная подпись (ссылка на политику, кнопка «показать изменения») не могут\n *    жить внутри: скринридер теряет их, axe падает на `nested-interactive`;\n *  - имя виджета берётся из подписи через `aria-labelledby`, что и позволяет держать\n *    её снаружи вместе со всем её интерактивным содержимым.\n *\n * `required` объявляется только через `aria-required`, на скрытый input он не уходит.\n * Нативная проверка потребовала бы фокуса на невалидном контроле, а он невидим и\n * `aria-hidden` — Chrome в таком случае молча отменяет сабмит всей формы\n * («An invalid form control … is not focusable»). Обязательность проверяет\n * `GrForm` правилом `required` — см. `docs/components/GrCheckbox.md`.\n *\n * Внутри `GrCheckboxGroup` значение приходит из группы: свой `modelValue` не\n * задаётся, а `value` сравнивается с массивом выбранных.\n */\nimport { computed, inject, onMounted, ref, useId, useSlots, watch } from 'vue'\nimport IconCheck from '~icons/lucide/check'\nimport IconMinus from '~icons/lucide/minus'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\n\nimport { GR_CHECKBOX_GROUP_CONTEXT } from './grCheckboxGroupContext'\nimport {\n  grCheckboxCheckIconClass,\n  grCheckboxControlClass,\n  grCheckboxIndeterminateIconClass,\n  grCheckboxLabelClass,\n  grCheckboxRootClass,\n  type GrCheckboxLabelPosition,\n  type GrCheckboxSize,\n} from './grCheckboxStyles'\n\nexport type { GrCheckboxLabelPosition, GrCheckboxSize } from './grCheckboxStyles'\n\nexport interface GrCheckboxProps {\n  /** Не задан внутри `GrCheckboxGroup` — состояние берётся из группы. */\n  modelValue?: boolean\n  disabled?: boolean\n  name?: string\n  value?: string\n  /** Обязательное поле: объявляется как `aria-required`, нативной проверки нет. */\n  required?: boolean\n  /** Только для чтения: состояние видно, но не переключается. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  form?: string\n  /** Пробрасывается на скрытый нативный `<input>`, чтобы работал `<label for=\"...\">`. */\n  id?: string\n  /** Промежуточное («смешанное») состояние: `aria-checked=\"mixed\"`, индикатор — тире. */\n  indeterminate?: boolean\n  /** Имя контрола, когда подписи в слоте нет (или она чисто визуальная). */\n  ariaLabel?: string\n  /** Сторона подписи относительно контрола. */\n  labelPosition?: GrCheckboxLabelPosition\n  /** Размер контрола. Не задан — берётся из группы, затем из `GrConfigProvider`, иначе `md`. */\n  size?: GrCheckboxSize\n}\n\nexport interface GrCheckboxEmits {\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'change', value: boolean): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\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: undefined,\n  disabled: undefined,\n  name: undefined,\n  value: 'on',\n  required: false,\n  readonly: false,\n  invalid: false,\n  form: undefined,\n  id: undefined,\n  indeterminate: false,\n  ariaLabel: undefined,\n  labelPosition: 'end',\n  size: undefined,\n})\n\nconst emit = defineEmits<GrCheckboxEmits>()\ndefineSlots<{\n  /** Подпись флажка. Может содержать ссылки: роль остаётся на самом контроле. */\n  default?: () => any\n}>()\n\n\nconst slots = useSlots()\n\nconst labelId = useId()\nconst hasLabel = computed(() => Boolean(slots.default))\n\nconst group = inject(GR_CHECKBOX_GROUP_CONTEXT, null)\n\nconst checked = computed(() => {\n  if (props.modelValue !== undefined)\n    return props.modelValue\n\n  if (group)\n    return group.modelValue.value.includes(props.value)\n\n  return false\n})\n\nconst resolvedName = computed(() => props.name ?? group?.name.value)\n\n// Контекст `GrFormField`. Id поля вешается на `span[role=\"checkbox\"]` — именно он\n// виджет и держит фокус; на скрытом `aria-hidden`-инпуте он был бы бесполезен\n// (клик по подписи уводил бы фокус в невидимый элемент). Роль-виджет не является\n// labelable-элементом, поэтому имя от подписи поля приходит через `aria-labelledby`.\nconst {\n  disabled: isDisabled,\n  id: fieldControlId,\n  labelId: fieldLabelId,\n  describedBy,\n  invalid: fieldInvalid,\n  required: fieldRequired,\n  readonly: fieldReadonly,\n} = useGrFormControl(() => props)\n\n// «Или», а не `??`: `isDisabled` уже сведён к булеву (свой проп + контекст\n// поля и формы), и `??` до группы просто не дошёл бы.\nconst resolvedDisabled = computed(() => isDisabled.value || Boolean(group?.disabled.value))\n\n// `role=\"group\"` не поддерживает `aria-required` и `aria-readonly` — объявлять\n// обязательность и режим чтения группы обязаны сами чекбоксы.\nconst isRequired = computed(() => fieldRequired.value || Boolean(group?.required.value))\n\nconst isReadonly = computed(() => fieldReadonly.value || Boolean(group?.readonly.value))\n\n// Ошибка группы красит чекбоксы, но не объявляется на каждом из них: `aria-invalid`\n// уже висит на самой группе, и дублировать его на всех пунктах — значит заставить\n// диктор повторить «неверное значение» столько раз, сколько в группе чекбоксов.\nconst isInvalid = computed(() => fieldInvalid.value)\nconst showsInvalid = computed(() => isInvalid.value || Boolean(group?.invalid.value))\n\nconst labelledBy = computed(() => {\n  if (props.ariaLabel) return undefined\n  if (hasLabel.value) return labelId\n  return fieldLabelId.value\n})\n\n// Эффективный размер: локальный проп → группа → `GrConfigProvider` → `md`.\nconst resolvedSize = useGrComponentSize(\n  () => props.size ?? group?.size.value,\n  { component: 'GrCheckbox' },\n)\n\nconst rootClassName = computed(() => grCheckboxRootClass({\n  size: resolvedSize.value,\n  disabled: resolvedDisabled.value,\n  labelPosition: props.labelPosition,\n}))\n\nconst controlClassName = computed(() => grCheckboxControlClass({\n  size: resolvedSize.value,\n  active: checked.value || props.indeterminate,\n  disabled: resolvedDisabled.value,\n  invalid: showsInvalid.value,\n}))\n\nconst indeterminateIconClassName = computed(() => grCheckboxIndeterminateIconClass(resolvedSize.value))\n\nconst checkIconClassName = computed(() => grCheckboxCheckIconClass({\n  size: resolvedSize.value,\n  checked: checked.value,\n}))\n\nconst labelClassName = computed(() => grCheckboxLabelClass(resolvedSize.value))\n\n// Держим `.checked` на нативном input синхронно с состоянием — `:checked`-биндинг\n// на скрытом элементе иногда отстаёт при программных обновлениях.\nconst nativeInput = ref<HTMLInputElement | null>(null)\nconst control = ref<HTMLElement | null>(null)\nwatch(\n  checked,\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 (resolvedDisabled.value || isReadonly.value) {\n    // Нативный input мог уже переключиться от клика по внешнему `<label for>` —\n    // возвращаем его к состоянию модели, иначе форма отправит непринятое значение.\n    if (nativeInput.value)\n      nativeInput.value.checked = checked.value\n    return\n  }\n\n  if (props.modelValue !== undefined || !group) {\n    emit('update:modelValue', next)\n    emit('change', next)\n    return\n  }\n\n  group.toggle(props.value, next)\n  emit('change', next)\n}\n\nfunction toggle(): void {\n  // Из промежуточного состояния переключаемся во «включено» (стандартное поведение).\n  setChecked(props.indeterminate ? true : !checked.value)\n}\n\n// Клик по нативному input (в т.ч. по внешнему `<label for=\"...\">`) уже переключил его\n// `.checked` — берём значение как источник истины и эмитим модель.\nfunction onNativeChange(e: Event): void {\n  setChecked((e.target as HTMLInputElement).checked)\n}\n\n// `<label for>` уводит фокус на скрытый input — визуально фокус пропадает. Возвращаем\n// его на контрол, который этот фокус и показывает.\nfunction onNativeFocus(): void {\n  control.value?.focus()\n}\n\nfunction focus(): void {\n  control.value?.focus()\n}\n\nfunction blur(): void {\n  control.value?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n// Подпись держится снаружи роли-виджета именно для того, чтобы могла содержать\n// ссылки и кнопки, — поэтому клик по её интерактивному содержимому чекбокс не\n// переключает. Вложенный `<label>` считается интерактивным: он адресует\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=\"rootClassName\"\n    @click=\"onClick\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"nativeInput\"\n      type=\"checkbox\"\n      :checked=\"checked\"\n      :disabled=\"resolvedDisabled\"\n      :name=\"resolvedName\"\n      :value=\"value\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n      @change=\"onNativeChange\"\n      @focus=\"onNativeFocus\"\n    >\n    <span\n      :id=\"fieldControlId\"\n      ref=\"control\"\n      data-gr-checkbox-indicator\n      role=\"checkbox\"\n      :aria-checked=\"indeterminate ? 'mixed' : (checked ? 'true' : 'false')\"\n      :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n      :aria-required=\"isRequired ? 'true' : undefined\"\n      :aria-readonly=\"isReadonly ? 'true' : undefined\"\n      :aria-invalid=\"isInvalid ? 'true' : undefined\"\n      :aria-describedby=\"describedBy\"\n      :aria-label=\"ariaLabel\"\n      :aria-labelledby=\"labelledBy\"\n      :tabindex=\"resolvedDisabled ? -1 : 0\"\n      :class=\"controlClassName\"\n      @keydown.space.prevent=\"toggle\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"emit('blur', $event)\"\n    >\n      <IconMinus\n        v-if=\"indeterminate\"\n        :class=\"indeterminateIconClassName\"\n      />\n      <IconCheck\n        v-else\n        :class=\"checkIconClassName\"\n      />\n    </span>\n    <span\n      v-if=\"hasLabel\"\n      :id=\"labelId\"\n      :class=\"labelClassName\"\n    >\n      <slot />\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrCheckbox — GR-примитив чекбокса с нативным скрытым `<input type=\"checkbox\">`\n * для интеграции с HTML-формами (`FormData`, `form`).\n *\n * Источник истины — нативный input: клик по нему (в т.ч. по внешнему\n * `<label for=\"...\">`) слушается через `@change` и эмитит модель. Клик по видимой\n * части компонента переключает через корневой обработчик.\n *\n * Клавиатура: `Space` переключает значение (Enter — намеренно нет, это нестандартно\n * для чекбоксов). Фокус — на самом контроле (квадратике), как у нативного чекбокса.\n *\n * A11y: `role=\"checkbox\"` + `aria-checked` (`true`/`false`/`mixed`) + `aria-disabled`.\n * Роль висит **только на контроле**, а не на всей строке с подписью — по двум причинам:\n *  - роль объявляет своих потомков презентационными, поэтому ни нативный input, ни\n *    интерактивная подпись (ссылка на политику, кнопка «показать изменения») не могут\n *    жить внутри: скринридер теряет их, axe падает на `nested-interactive`;\n *  - имя виджета берётся из подписи через `aria-labelledby`, что и позволяет держать\n *    её снаружи вместе со всем её интерактивным содержимым.\n *\n * `required` объявляется только через `aria-required`, на скрытый input он не уходит.\n * Нативная проверка потребовала бы фокуса на невалидном контроле, а он невидим и\n * `aria-hidden` — Chrome в таком случае молча отменяет сабмит всей формы\n * («An invalid form control … is not focusable»). Обязательность проверяет\n * `GrForm` правилом `required` — см. `docs/components/GrCheckbox.md`.\n *\n * Внутри `GrCheckboxGroup` значение приходит из группы: свой `modelValue` не\n * задаётся, а `value` сравнивается с массивом выбранных.\n */\nimport { computed, inject, onMounted, ref, useId, useSlots, watch } from 'vue'\nimport IconCheck from '~icons/lucide/check'\nimport IconMinus from '~icons/lucide/minus'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\n\nimport { GR_CHECKBOX_GROUP_CONTEXT } from './grCheckboxGroupContext'\nimport {\n  grCheckboxCheckIconClass,\n  grCheckboxControlClass,\n  grCheckboxIndeterminateIconClass,\n  grCheckboxLabelClass,\n  grCheckboxRootClass,\n  type GrCheckboxLabelPosition,\n  type GrCheckboxSize,\n} from './grCheckboxStyles'\n\nexport type { GrCheckboxLabelPosition, GrCheckboxSize } from './grCheckboxStyles'\n\nexport interface GrCheckboxProps {\n  /** Не задан внутри `GrCheckboxGroup` — состояние берётся из группы. */\n  modelValue?: boolean\n  disabled?: boolean\n  name?: string\n  value?: string\n  /** Обязательное поле: объявляется как `aria-required`, нативной проверки нет. */\n  required?: boolean\n  /** Только для чтения: состояние видно, но не переключается. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  form?: string\n  /** Пробрасывается на скрытый нативный `<input>`, чтобы работал `<label for=\"...\">`. */\n  id?: string\n  /** Промежуточное («смешанное») состояние: `aria-checked=\"mixed\"`, индикатор — тире. */\n  indeterminate?: boolean\n  /** Имя контрола, когда подписи в слоте нет (или она чисто визуальная). */\n  ariaLabel?: string\n  /** Сторона подписи относительно контрола. */\n  labelPosition?: GrCheckboxLabelPosition\n  /** Размер контрола. Не задан — берётся из группы, затем из `GrConfigProvider`, иначе `md`. */\n  size?: GrCheckboxSize\n}\n\nexport interface GrCheckboxEmits {\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'change', value: boolean): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\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: undefined,\n  disabled: undefined,\n  name: undefined,\n  value: 'on',\n  required: false,\n  readonly: false,\n  invalid: false,\n  form: undefined,\n  id: undefined,\n  indeterminate: false,\n  ariaLabel: undefined,\n  labelPosition: 'end',\n  size: undefined,\n})\n\nconst emit = defineEmits<GrCheckboxEmits>()\ndefineSlots<{\n  /** Подпись флажка. Может содержать ссылки: роль остаётся на самом контроле. */\n  default?: () => any\n}>()\n\n\nconst slots = useSlots()\n\nconst labelId = useId()\nconst hasLabel = computed(() => Boolean(slots.default))\n\nconst group = inject(GR_CHECKBOX_GROUP_CONTEXT, null)\n\nconst checked = computed(() => {\n  if (props.modelValue !== undefined)\n    return props.modelValue\n\n  if (group)\n    return group.modelValue.value.includes(props.value)\n\n  return false\n})\n\nconst resolvedName = computed(() => props.name ?? group?.name.value)\n\n// Контекст `GrFormField`. Id поля вешается на `span[role=\"checkbox\"]` — именно он\n// виджет и держит фокус; на скрытом `aria-hidden`-инпуте он был бы бесполезен\n// (клик по подписи уводил бы фокус в невидимый элемент). Роль-виджет не является\n// labelable-элементом, поэтому имя от подписи поля приходит через `aria-labelledby`.\nconst {\n  disabled: isDisabled,\n  id: fieldControlId,\n  labelId: fieldLabelId,\n  describedBy,\n  invalid: fieldInvalid,\n  required: fieldRequired,\n  readonly: fieldReadonly,\n} = useGrFormControl(() => props)\n\n// «Или», а не `??`: `isDisabled` уже сведён к булеву (свой проп + контекст\n// поля и формы), и `??` до группы просто не дошёл бы.\nconst resolvedDisabled = computed(() => isDisabled.value || Boolean(group?.disabled.value))\n\n// `role=\"group\"` не поддерживает `aria-required` и `aria-readonly` — объявлять\n// обязательность и режим чтения группы обязаны сами чекбоксы.\nconst isRequired = computed(() => fieldRequired.value || Boolean(group?.required.value))\n\nconst isReadonly = computed(() => fieldReadonly.value || Boolean(group?.readonly.value))\n\n// Ошибка группы красит чекбоксы, но не объявляется на каждом из них: `aria-invalid`\n// уже висит на самой группе, и дублировать его на всех пунктах — значит заставить\n// диктор повторить «неверное значение» столько раз, сколько в группе чекбоксов.\nconst isInvalid = computed(() => fieldInvalid.value)\nconst showsInvalid = computed(() => isInvalid.value || Boolean(group?.invalid.value))\n\nconst labelledBy = computed(() => {\n  if (props.ariaLabel) return undefined\n  if (hasLabel.value) return labelId\n  return fieldLabelId.value\n})\n\n// Эффективный размер: локальный проп → группа → `GrConfigProvider` → `md`.\nconst resolvedSize = useGrComponentSize(\n  () => props.size ?? group?.size.value,\n  { component: 'GrCheckbox' },\n)\n\nconst rootClassName = computed(() => grCheckboxRootClass({\n  size: resolvedSize.value,\n  disabled: resolvedDisabled.value,\n  labelPosition: props.labelPosition,\n}))\n\nconst controlClassName = computed(() => grCheckboxControlClass({\n  size: resolvedSize.value,\n  active: checked.value || props.indeterminate,\n  disabled: resolvedDisabled.value,\n  invalid: showsInvalid.value,\n}))\n\nconst indeterminateIconClassName = computed(() => grCheckboxIndeterminateIconClass(resolvedSize.value))\n\nconst checkIconClassName = computed(() => grCheckboxCheckIconClass({\n  size: resolvedSize.value,\n  checked: checked.value,\n}))\n\nconst labelClassName = computed(() => grCheckboxLabelClass(resolvedSize.value))\n\n// Держим `.checked` на нативном input синхронно с состоянием — `:checked`-биндинг\n// на скрытом элементе иногда отстаёт при программных обновлениях.\nconst nativeInput = ref<HTMLInputElement | null>(null)\nconst control = ref<HTMLElement | null>(null)\nwatch(\n  checked,\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 (resolvedDisabled.value || isReadonly.value) {\n    // Нативный input мог уже переключиться от клика по внешнему `<label for>` —\n    // возвращаем его к состоянию модели, иначе форма отправит непринятое значение.\n    if (nativeInput.value)\n      nativeInput.value.checked = checked.value\n    return\n  }\n\n  if (props.modelValue !== undefined || !group) {\n    emit('update:modelValue', next)\n    emit('change', next)\n    return\n  }\n\n  group.toggle(props.value, next)\n  emit('change', next)\n}\n\nfunction toggle(): void {\n  // Из промежуточного состояния переключаемся во «включено» (стандартное поведение).\n  setChecked(props.indeterminate ? true : !checked.value)\n}\n\n// Клик по нативному input (в т.ч. по внешнему `<label for=\"...\">`) уже переключил его\n// `.checked` — берём значение как источник истины и эмитим модель.\nfunction onNativeChange(e: Event): void {\n  setChecked((e.target as HTMLInputElement).checked)\n}\n\n// `<label for>` уводит фокус на скрытый input — визуально фокус пропадает. Возвращаем\n// его на контрол, который этот фокус и показывает.\nfunction onNativeFocus(): void {\n  control.value?.focus()\n}\n\nfunction focus(): void {\n  control.value?.focus()\n}\n\nfunction blur(): void {\n  control.value?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n// Подпись держится снаружи роли-виджета именно для того, чтобы могла содержать\n// ссылки и кнопки, — поэтому клик по её интерактивному содержимому чекбокс не\n// переключает. Вложенный `<label>` считается интерактивным: он адресует\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=\"rootClassName\"\n    @click=\"onClick\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"nativeInput\"\n      type=\"checkbox\"\n      :checked=\"checked\"\n      :disabled=\"resolvedDisabled\"\n      :name=\"resolvedName\"\n      :value=\"value\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n      @change=\"onNativeChange\"\n      @focus=\"onNativeFocus\"\n    >\n    <span\n      :id=\"fieldControlId\"\n      ref=\"control\"\n      data-gr-checkbox-indicator\n      role=\"checkbox\"\n      :aria-checked=\"indeterminate ? 'mixed' : (checked ? 'true' : 'false')\"\n      :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n      :aria-required=\"isRequired ? 'true' : undefined\"\n      :aria-readonly=\"isReadonly ? 'true' : undefined\"\n      :aria-invalid=\"isInvalid ? 'true' : undefined\"\n      :aria-describedby=\"describedBy\"\n      :aria-label=\"ariaLabel\"\n      :aria-labelledby=\"labelledBy\"\n      :tabindex=\"resolvedDisabled ? -1 : 0\"\n      :class=\"controlClassName\"\n      @keydown.space.prevent=\"toggle\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"emit('blur', $event)\"\n    >\n      <IconMinus\n        v-if=\"indeterminate\"\n        :class=\"indeterminateIconClassName\"\n      />\n      <IconCheck\n        v-else\n        :class=\"checkIconClassName\"\n      />\n    </span>\n    <span\n      v-if=\"hasLabel\"\n      :id=\"labelId\"\n      :class=\"labelClassName\"\n    >\n      <slot />\n    </span>\n  </div>\n</template>\n"],"mappings":";;;;;;;AAqBA,IAAa,4BAAkE,OAAO,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC4DjH,MAAM,mBAAmB;GACvB,UAAU;GACV,SAAS;GACT,OAAO;GACP,QAAQ;GACR,eAAe;EACjB;EAEA,MAAM,QAAQ;EAgBd,MAAM,OAAO;EAOb,MAAM,QAAQ,SAAS;EAEvB,MAAM,UAAU,MAAM;EACtB,MAAM,WAAW,eAAe,QAAQ,MAAM,OAAO,CAAC;EAEtD,MAAM,QAAQ,OAAO,2BAA2B,IAAI;EAEpD,MAAM,UAAU,eAAe;GAC7B,IAAI,MAAM,eAAe,KAAA,GACvB,OAAO,MAAM;GAEf,IAAI,OACF,OAAO,MAAM,WAAW,MAAM,SAAS,MAAM,KAAK;GAEpD,OAAO;EACT,CAAC;EAED,MAAM,eAAe,eAAe,MAAM,QAAQ,OAAO,KAAK,KAAK;EAMnE,MAAM,EACJ,UAAU,YACV,IAAI,gBACJ,SAAS,cACT,aACA,SAAS,cACT,UAAU,eACV,UAAU,kBACR,uBAAuB,KAAK;EAIhC,MAAM,mBAAmB,eAAe,WAAW,SAAS,QAAQ,OAAO,SAAS,KAAK,CAAC;EAI1F,MAAM,aAAa,eAAe,cAAc,SAAS,QAAQ,OAAO,SAAS,KAAK,CAAC;EAEvF,MAAM,aAAa,eAAe,cAAc,SAAS,QAAQ,OAAO,SAAS,KAAK,CAAC;EAKvF,MAAM,YAAY,eAAe,aAAa,KAAK;EACnD,MAAM,eAAe,eAAe,UAAU,SAAS,QAAQ,OAAO,QAAQ,KAAK,CAAC;EAEpF,MAAM,aAAa,eAAe;GAChC,IAAI,MAAM,WAAW,OAAO,KAAA;GAC5B,IAAI,SAAS,OAAO,OAAO;GAC3B,OAAO,aAAa;EACtB,CAAC;EAGD,MAAM,eAAe,yBACb,MAAM,QAAQ,OAAO,KAAK,OAChC,EAAE,WAAW,aAAa,CAC5B;EAEA,MAAM,gBAAgB,eAAe,oBAAoB;GACvD,MAAM,aAAa;GACnB,UAAU,iBAAiB;GAC3B,eAAe,MAAM;EACvB,CAAC,CAAC;EAEF,MAAM,mBAAmB,eAAe,uBAAuB;GAC7D,MAAM,aAAa;GACnB,QAAQ,QAAQ,SAAS,MAAM;GAC/B,UAAU,iBAAiB;GAC3B,SAAS,aAAa;EACxB,CAAC,CAAC;EAEF,MAAM,6BAA6B,eAAe,iCAAiC,aAAa,KAAK,CAAC;EAEtG,MAAM,qBAAqB,eAAe,yBAAyB;GACjE,MAAM,aAAa;GACnB,SAAS,QAAQ;EACnB,CAAC,CAAC;EAEF,MAAM,iBAAiB,eAAe,qBAAqB,aAAa,KAAK,CAAC;EAI9E,MAAM,cAAc,IAA6B,IAAI;EACrD,MAAM,UAAU,IAAwB,IAAI;EAC5C,MACE,UACC,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,iBAAiB,SAAS,WAAW,OAAO;IAG9C,IAAI,YAAY,OACd,YAAY,MAAM,UAAU,QAAQ;IACtC;GACF;GAEA,IAAI,MAAM,eAAe,KAAA,KAAa,CAAC,OAAO;IAC5C,KAAK,qBAAqB,IAAI;IAC9B,KAAK,UAAU,IAAI;IACnB;GACF;GAEA,MAAM,OAAO,MAAM,OAAO,IAAI;GAC9B,KAAK,UAAU,IAAI;EACrB;EAEA,SAAS,SAAe;GAEtB,WAAW,MAAM,gBAAgB,OAAO,CAAC,QAAQ,KAAK;EACxD;EAIA,SAAS,eAAe,GAAgB;GACtC,WAAY,EAAE,OAA4B,OAAO;EACnD;EAIA,SAAS,gBAAsB;GAC7B,QAAQ,OAAO,MAAM;EACvB;EAEA,SAAS,QAAc;GACrB,QAAQ,OAAO,MAAM;EACvB;EAEA,SAAS,OAAa;GACpB,QAAQ,OAAO,KAAK;EACtB;EAEA,SAAa;GAAE;GAAO;EAAK,CAAC;EAM5B,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,mBAuDM,OAAA;IAtDJ,oBAAA;IACC,OAAK,eAAE,cAAA,KAAa;IACb;;IAER,mBAcC,SAAA;KAbE,IAAI,QAAA;cACD;KAAJ,KAAI;KACJ,MAAK;KACJ,SAAS,QAAA;KACT,UAAU,iBAAA;KACV,MAAM,aAAA;KACN,OAAO,QAAA;KACP,MAAM,QAAA;KACP,UAAS;KACT,eAAY;KACX,OAAO;KACP,UAAQ;KACR,SAAO;;IAEV,mBA2BO,QAAA;KA1BJ,IAAI,MAAA,cAAA;cACD;KAAJ,KAAI;KACJ,8BAAA;KACA,MAAK;KACJ,gBAAc,QAAA,gBAAa,UAAc,QAAA,QAAO,SAAA;KAChD,iBAAe,iBAAA,QAAgB,SAAY,KAAA;KAC3C,iBAAe,WAAA,QAAU,SAAY,KAAA;KACrC,iBAAe,WAAA,QAAU,SAAY,KAAA;KACrC,gBAAc,UAAA,QAAS,SAAY,KAAA;KACnC,oBAAkB,MAAA,WAAA;KAClB,cAAY,QAAA;KACZ,mBAAiB,WAAA;KACjB,UAAU,iBAAA,QAAgB,KAAA;KAC1B,OAAK,eAAE,iBAAA,KAAgB;KACvB,WAAO,SAAA,cAAgB,QAAM,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;KAC7B,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAU,MAAM;KAC3B,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAS,MAAM;QAGlB,QAAA,iBAAA,UAAA,GADR,YAGE,MAAA,aAAA,GAAA;;KADC,OAAK,eAAE,2BAAA,KAA0B;4CAEpC,YAGE,MAAA,aAAA,GAAA;;KADC,OAAK,eAAE,mBAAA,KAAkB;;IAItB,SAAA,SAAA,UAAA,GADR,mBAMO,QAAA;;KAJJ,IAAI,MAAA,OAAA;KACJ,OAAK,eAAE,eAAA,KAAc;QAEtB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,IAAA,UAAA,KAAA,mBAAA,IAAA,IAAA"}