@feugene/granularity 0.3.2 → 0.4.1

package/dist/components/GrSkeleton/chunks/GrSkeleton-CDTvCSoH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrSkeleton-CDTvCSoH.js","names":[],"sources":["../../../../src/components/GrSkeleton/GrSkeleton.vue","../../../../src/components/GrSkeleton/GrSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrSkeleton — заглушка-плейсхолдер для загружающегося контента.\n *\n * Помечен `aria-hidden=\"true\"`, чтобы скринридер не озвучивал «пустой» узел;\n * внешний контейнер обычно имеет `aria-busy=\"true\"` + `aria-live`.\n */\nexport interface GrSkeletonProps {\n  height?: string\n  width?: string\n  rounded?: string\n}\n\nwithDefaults(defineProps<GrSkeletonProps>(), {\n  height: '12px',\n  width: '100%',\n  rounded: '9999px',\n})\n</script>\n\n<template>\n  <div\n      data-ds-skeleton\n      aria-hidden=\"true\"\n      class=\"bg-[var(--muted)] border border-[var(--brd)]\"\n      :style=\"{ height, width, borderRadius: rounded }\"\n  />\n</template>\n\n<style>\n@keyframes ds-skeleton-pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n[data-ds-skeleton] {\n  animation: ds-skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-ds-skeleton] {\n    animation: none;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n/**\n * GrSkeleton — заглушка-плейсхолдер для загружающегося контента.\n *\n * Помечен `aria-hidden=\"true\"`, чтобы скринридер не озвучивал «пустой» узел;\n * внешний контейнер обычно имеет `aria-busy=\"true\"` + `aria-live`.\n */\nexport interface GrSkeletonProps {\n  height?: string\n  width?: string\n  rounded?: string\n}\n\nwithDefaults(defineProps<GrSkeletonProps>(), {\n  height: '12px',\n  width: '100%',\n  rounded: '9999px',\n})\n</script>\n\n<template>\n  <div\n      data-ds-skeleton\n      aria-hidden=\"true\"\n      class=\"bg-[var(--muted)] border border-[var(--brd)]\"\n      :style=\"{ height, width, borderRadius: rounded }\"\n  />\n</template>\n\n<style>\n@keyframes ds-skeleton-pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n[data-ds-skeleton] {\n  animation: ds-skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-ds-skeleton] {\n    animation: none;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;uBAqBE,mBAKE,OAAA;IAJE,oBAAA;IACA,eAAY;IACZ,OAAM;IACL,OAAK,eAAA;KAAA,QAAI,QAAA;KAAM,OAAE,QAAA;KAAK,cAAgB,QAAA;KAAO,CAAA"}

package/dist/components/GrSkeleton/index.js

@@ -0,0 +1,3 @@
+import { t as GrSkeleton_default } from "./chunks/GrSkeleton-CDTvCSoH.js";
+import { t as grSkeletonConfig } from "../../chunks/config-KGTIAFD92.js";
+export { GrSkeleton_default as GrSkeleton, GrSkeleton_default as default, grSkeletonConfig };

package/dist/components/GrSwitch/chunks/GrSwitch-Bnamgqb2.js

@@ -0,0 +1,81 @@
+import { a as grSwitchTrackClass, i as grSwitchThumbClass, r as grSwitchLabelClass } from "../../../chunks/config-rxFL-6yF2.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
+//#region src/components/GrSwitch/GrSwitch.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-checked",
+	"aria-label",
+	"disabled"
+];
+//#endregion
+//#region src/components/GrSwitch/GrSwitch.vue
+var GrSwitch_default = /* @__PURE__ */ defineComponent({
+	__name: "GrSwitch",
+	props: {
+		modelValue: { type: Boolean },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		ariaLabel: { default: void 0 },
+		size: { default: "md" },
+		activeBackgroundColor: { default: void 0 },
+		inactiveBackgroundColor: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const getCustomColor = (value) => value?.trim() || void 0;
+		const props = __props;
+		const emit = __emit;
+		const trackClass = computed(() => grSwitchTrackClass(props.size));
+		const trackStyle = computed(() => {
+			const isChecked = props.modelValue;
+			const defaultBackgroundColor = isChecked ? "var(--primary)" : "var(--muted)";
+			const customBackgroundColor = getCustomColor(isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor);
+			const backgroundColor = customBackgroundColor ?? defaultBackgroundColor;
+			return {
+				"--ds-switch-track-bg": backgroundColor,
+				"--ds-switch-track-brd": customBackgroundColor ? backgroundColor : isChecked ? "var(--primary)" : "var(--brd)",
+				backgroundColor: "var(--ds-switch-track-bg)"
+			};
+		});
+		const thumbClass = computed(() => grSwitchThumbClass({
+			size: props.size,
+			checked: props.modelValue
+		}));
+		const labelClass = computed(() => grSwitchLabelClass(props.size));
+		function toggle() {
+			if (props.disabled) return;
+			emit("update:modelValue", !props.modelValue);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				type: "button",
+				role: "switch",
+				"data-ds-switch": "",
+				"aria-checked": __props.modelValue ? "true" : "false",
+				"aria-label": __props.ariaLabel,
+				disabled: __props.disabled,
+				class: "inline-flex items-center gap-2 select-none disabled:opacity-50 disabled:cursor-not-allowed",
+				onClick: toggle
+			}, [createElementVNode("span", {
+				"data-testid": "ds-switch-track",
+				"data-ds-switch-track": "",
+				class: normalizeClass(trackClass.value),
+				style: normalizeStyle(trackStyle.value)
+			}, [createElementVNode("span", {
+				"data-testid": "ds-switch-thumb",
+				"data-ds-switch-thumb": "",
+				class: normalizeClass(thumbClass.value),
+				"aria-hidden": "true"
+			}, null, 2)], 6), _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				"data-ds-switch-label": "",
+				class: normalizeClass(labelClass.value)
+			}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { GrSwitch_default as t };
+
+//# sourceMappingURL=GrSwitch-Bnamgqb2.js.map

package/dist/components/GrSwitch/chunks/GrSwitch-Bnamgqb2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrSwitch-Bnamgqb2.js","names":["$slots"],"sources":["../../../../src/components/GrSwitch/GrSwitch.vue","../../../../src/components/GrSwitch/GrSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {computed} from 'vue'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type {GrSwitchSize} from './grSwitchStyles'\n\n/**\n * Пропсы публичного DS-примитива «Switch».\n */\nexport interface GrSwitchProps {\n  modelValue: boolean\n  disabled?: boolean\n  ariaLabel?: string\n  size?: GrSwitchSize\n  /** Кастомный цвет фона в активном состоянии. Если не задан — `var(--primary)`. */\n  activeBackgroundColor?: string\n  /** Кастомный цвет фона в неактивном состоянии. Если не задан — `var(--muted)`. */\n  inactiveBackgroundColor?: string\n}\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\nconst props = withDefaults(\n    defineProps<GrSwitchProps>(),\n    {\n      disabled: false,\n      ariaLabel: undefined,\n      size: 'md',\n      activeBackgroundColor: undefined,\n      inactiveBackgroundColor: undefined,\n    },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst trackClass = computed(() => grSwitchTrackClass(props.size))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--primary)' : 'var(--muted)'\n  const customBackgroundColor = getCustomColor(\n      isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  const backgroundColor = customBackgroundColor ?? defaultBackgroundColor\n\n  return {\n    '--ds-switch-track-bg': backgroundColor,\n    '--ds-switch-track-brd': customBackgroundColor\n        ? backgroundColor\n        : isChecked\n            ? 'var(--primary)'\n            : 'var(--brd)',\n    backgroundColor: 'var(--ds-switch-track-bg)',\n  }\n})\n\nconst thumbClass = computed(() => grSwitchThumbClass({size: props.size, checked: props.modelValue}))\n\nconst labelClass = computed(() => grSwitchLabelClass(props.size))\n\nfunction toggle(): void {\n  if (props.disabled) {\n    return\n  }\n\n  emit('update:modelValue', !props.modelValue)\n}\n</script>\n\n<template>\n  <button\n      type=\"button\"\n      role=\"switch\"\n      data-ds-switch\n      :aria-checked=\"modelValue ? 'true' : 'false'\"\n      :aria-label=\"ariaLabel\"\n      :disabled=\"disabled\"\n      class=\"inline-flex items-center gap-2 select-none disabled:opacity-50 disabled:cursor-not-allowed\"\n      @click=\"toggle\"\n  >\n    <span\n        data-testid=\"ds-switch-track\"\n        data-ds-switch-track\n        :class=\"trackClass\"\n        :style=\"trackStyle\"\n    >\n      <span\n          data-testid=\"ds-switch-thumb\"\n          data-ds-switch-thumb\n          :class=\"thumbClass\"\n          aria-hidden=\"true\"\n      />\n    </span>\n    <span\n        v-if=\"$slots.default\"\n        data-ds-switch-label\n        :class=\"labelClass\"\n    >\n      <slot />\n    </span>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport {computed} from 'vue'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type {GrSwitchSize} from './grSwitchStyles'\n\n/**\n * Пропсы публичного DS-примитива «Switch».\n */\nexport interface GrSwitchProps {\n  modelValue: boolean\n  disabled?: boolean\n  ariaLabel?: string\n  size?: GrSwitchSize\n  /** Кастомный цвет фона в активном состоянии. Если не задан — `var(--primary)`. */\n  activeBackgroundColor?: string\n  /** Кастомный цвет фона в неактивном состоянии. Если не задан — `var(--muted)`. */\n  inactiveBackgroundColor?: string\n}\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\nconst props = withDefaults(\n    defineProps<GrSwitchProps>(),\n    {\n      disabled: false,\n      ariaLabel: undefined,\n      size: 'md',\n      activeBackgroundColor: undefined,\n      inactiveBackgroundColor: undefined,\n    },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst trackClass = computed(() => grSwitchTrackClass(props.size))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--primary)' : 'var(--muted)'\n  const customBackgroundColor = getCustomColor(\n      isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  const backgroundColor = customBackgroundColor ?? defaultBackgroundColor\n\n  return {\n    '--ds-switch-track-bg': backgroundColor,\n    '--ds-switch-track-brd': customBackgroundColor\n        ? backgroundColor\n        : isChecked\n            ? 'var(--primary)'\n            : 'var(--brd)',\n    backgroundColor: 'var(--ds-switch-track-bg)',\n  }\n})\n\nconst thumbClass = computed(() => grSwitchThumbClass({size: props.size, checked: props.modelValue}))\n\nconst labelClass = computed(() => grSwitchLabelClass(props.size))\n\nfunction toggle(): void {\n  if (props.disabled) {\n    return\n  }\n\n  emit('update:modelValue', !props.modelValue)\n}\n</script>\n\n<template>\n  <button\n      type=\"button\"\n      role=\"switch\"\n      data-ds-switch\n      :aria-checked=\"modelValue ? 'true' : 'false'\"\n      :aria-label=\"ariaLabel\"\n      :disabled=\"disabled\"\n      class=\"inline-flex items-center gap-2 select-none disabled:opacity-50 disabled:cursor-not-allowed\"\n      @click=\"toggle\"\n  >\n    <span\n        data-testid=\"ds-switch-track\"\n        data-ds-switch-track\n        :class=\"trackClass\"\n        :style=\"trackStyle\"\n    >\n      <span\n          data-testid=\"ds-switch-thumb\"\n          data-ds-switch-thumb\n          :class=\"thumbClass\"\n          aria-hidden=\"true\"\n      />\n    </span>\n    <span\n        v-if=\"$slots.default\"\n        data-ds-switch-label\n        :class=\"labelClass\"\n    >\n      <slot />\n    </span>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,kBAAkB,UAAmB,OAAO,MAAM,IAAI,KAAA;EAE5D,MAAM,QAAQ;EAWd,MAAM,OAAO;EAIb,MAAM,aAAa,eAAe,mBAAmB,MAAM,KAAK,CAAA;EAEhE,MAAM,aAAa,eAAe;GAChC,MAAM,YAAY,MAAM;GACxB,MAAM,yBAAyB,YAAY,mBAAmB;GAC9D,MAAM,wBAAwB,eAC1B,YAAY,MAAM,wBAAwB,MAAM,wBACpD;GACA,MAAM,kBAAkB,yBAAyB;AAEjD,UAAO;IACL,wBAAwB;IACxB,yBAAyB,wBACnB,kBACA,YACI,mBACA;IACV,iBAAiB;IACnB;IACD;EAED,MAAM,aAAa,eAAe,mBAAmB;GAAC,MAAM,MAAM;GAAM,SAAS,MAAM;GAAW,CAAC,CAAA;EAEnG,MAAM,aAAa,eAAe,mBAAmB,MAAM,KAAK,CAAA;EAEhE,SAAS,SAAe;AACtB,OAAI,MAAM,SACR;AAGF,QAAK,qBAAqB,CAAC,MAAM,WAAU;;;uBAK3C,mBA8BS,UAAA;IA7BL,MAAK;IACL,MAAK;IACL,kBAAA;IACC,gBAAc,QAAA,aAAU,SAAA;IACxB,cAAY,QAAA;IACZ,UAAU,QAAA;IACX,OAAM;IACL,SAAO;OAEV,mBAYO,QAAA;IAXH,eAAY;IACZ,wBAAA;IACC,OAAK,eAAE,WAAA,MAAU;IACjB,OAAK,eAAE,WAAA,MAAU;OAEpB,mBAKE,QAAA;IAJE,eAAY;IACZ,wBAAA;IACC,OAAK,eAAE,WAAA,MAAU;IAClB,eAAY;qBAIRA,KAAAA,OAAO,WAAA,WAAA,EADjB,mBAMO,QAAA;;IAJH,wBAAA;IACC,OAAK,eAAE,WAAA,MAAU;OAEpB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,GAAA,WAAA"}

package/dist/components/GrSwitch/index.js

@@ -0,0 +1,3 @@
+import { n as grSwitchSafelist, t as grSwitchConfig } from "../../chunks/config-rxFL-6yF2.js";
+import { t as GrSwitch_default } from "./chunks/GrSwitch-Bnamgqb2.js";
+export { GrSwitch_default as GrSwitch, GrSwitch_default as default, grSwitchConfig, grSwitchSafelist };

package/dist/components/GrTable/chunks/GrTable-CyQ9uw8A.js

@@ -0,0 +1,59 @@
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+//#region src/components/GrTable/GrTable.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"role",
+	"aria-label",
+	"tabindex"
+];
+var _hoisted_2 = ["aria-label", "aria-labelledby"];
+var _hoisted_3 = {
+	key: 0,
+	class: "sr-only"
+};
+var _hoisted_4 = { class: "bg-[var(--muted)] text-[var(--muted-fg)]" };
+var _hoisted_5 = { class: "text-[var(--fg)]" };
+var _hoisted_6 = {
+	key: 1,
+	class: "text-[var(--fg)]"
+};
+//#endregion
+//#region src/components/GrTable/GrTable.vue
+var GrTable_default = /* @__PURE__ */ defineComponent({
+	__name: "GrTable",
+	props: {
+		density: { default: "regular" },
+		caption: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		ariaLabelledby: { default: void 0 },
+		regionLabel: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const tableTextClass = computed(() => props.density === "compact" ? "text-[13px]" : "text-sm");
+		const hasCaption = computed(() => Boolean(slots.caption) || Boolean(props.caption));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-ds-table-scroll": "",
+				role: __props.regionLabel ? "region" : void 0,
+				"aria-label": __props.regionLabel,
+				tabindex: __props.regionLabel ? 0 : void 0,
+				class: "overflow-x-auto rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
+			}, [createElementVNode("table", {
+				"data-ds-table": "",
+				class: normalizeClass(["min-w-full", [tableTextClass.value]]),
+				"aria-label": __props.ariaLabelledby ? void 0 : __props.ariaLabel,
+				"aria-labelledby": __props.ariaLabelledby
+			}, [
+				hasCaption.value ? (openBlock(), createElementBlock("caption", _hoisted_3, [renderSlot(_ctx.$slots, "caption", {}, () => [createTextVNode(toDisplayString(__props.caption), 1)])])) : createCommentVNode("", true),
+				createElementVNode("thead", _hoisted_4, [renderSlot(_ctx.$slots, "head")]),
+				createElementVNode("tbody", _hoisted_5, [renderSlot(_ctx.$slots, "default")]),
+				unref(slots).foot ? (openBlock(), createElementBlock("tfoot", _hoisted_6, [renderSlot(_ctx.$slots, "foot")])) : createCommentVNode("", true)
+			], 10, _hoisted_2)], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { GrTable_default as t };
+
+//# sourceMappingURL=GrTable-CyQ9uw8A.js.map

package/dist/components/GrTable/chunks/GrTable-CyQ9uw8A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrTable-CyQ9uw8A.js","names":[],"sources":["../../../../src/components/GrTable/GrTable.vue","../../../../src/components/GrTable/GrTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrTableDensity = 'compact' | 'regular'\n\nexport interface GrTableProps {\n  /**\n   * Плотность таблицы — влияет на базовый размер шрифта.\n   * Паддинги ячеек оставлены за консьюмером (GrTable — «тонкий» контейнер).\n   */\n  density?: GrTableDensity\n  /**\n   * Текст caption для screen reader'ов. Рендерится как `<caption class=\"sr-only\">`,\n   * если не передан слот `#caption`.\n   */\n  caption?: string\n  /** Прямой ARIA-label для `<table>`. Игнорируется, если задан `ariaLabelledby`. */\n  ariaLabel?: string\n  /** ID элемента-заголовка, связанного с `<table>` через `aria-labelledby`. */\n  ariaLabelledby?: string\n  /**\n   * ARIA-label для скролл-контейнера (`role=\"region\"` + `tabindex=\"0\"`).\n   * Позволяет клавиатурным пользователям проскроллить широкую таблицу.\n   * Если не задан — region-роль не включается.\n   */\n  regionLabel?: string\n}\n\n/**\n * `GrTable` — «тонкий» DS-контейнер для табличных данных.\n *\n * Рендерит `<table>` внутри скролл-обёртки и даёт слоты `#caption`, `#head`,\n * default (tbody) и `#foot`. Стили ячеек (`<th>`/`<td>` паддинги, выравнивание)\n * оставлены на консьюмере.\n *\n * ВАЖНО: `min-w-full` сам по себе не даст горизонтального скролла. Для него\n * консьюмеру нужны `white-space: nowrap` на ячейках или явные ширины колонок.\n */\nconst props = withDefaults(defineProps<GrTableProps>(), {\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst slots = useSlots()\n\nconst tableTextClass = computed(() => (props.density === 'compact' ? 'text-[13px]' : 'text-sm'))\nconst hasCaption = computed(() => Boolean(slots.caption) || Boolean(props.caption))\n</script>\n\n<template>\n  <div\n    data-ds-table-scroll\n    :role=\"regionLabel ? 'region' : undefined\"\n    :aria-label=\"regionLabel\"\n    :tabindex=\"regionLabel ? 0 : undefined\"\n    class=\"overflow-x-auto rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n  >\n    <table\n      data-ds-table\n      class=\"min-w-full\" :class=\"[tableTextClass]\"\n      :aria-label=\"ariaLabelledby ? undefined : ariaLabel\"\n      :aria-labelledby=\"ariaLabelledby\"\n    >\n      <caption v-if=\"hasCaption\" class=\"sr-only\">\n        <slot name=\"caption\">\n{{ caption }}\n</slot>\n      </caption>\n      <thead class=\"bg-[var(--muted)] text-[var(--muted-fg)]\">\n        <slot name=\"head\" />\n      </thead>\n      <tbody class=\"text-[var(--fg)]\">\n        <slot />\n      </tbody>\n      <tfoot v-if=\"slots.foot\" class=\"text-[var(--fg)]\">\n        <slot name=\"foot\" />\n      </tfoot>\n    </table>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrTableDensity = 'compact' | 'regular'\n\nexport interface GrTableProps {\n  /**\n   * Плотность таблицы — влияет на базовый размер шрифта.\n   * Паддинги ячеек оставлены за консьюмером (GrTable — «тонкий» контейнер).\n   */\n  density?: GrTableDensity\n  /**\n   * Текст caption для screen reader'ов. Рендерится как `<caption class=\"sr-only\">`,\n   * если не передан слот `#caption`.\n   */\n  caption?: string\n  /** Прямой ARIA-label для `<table>`. Игнорируется, если задан `ariaLabelledby`. */\n  ariaLabel?: string\n  /** ID элемента-заголовка, связанного с `<table>` через `aria-labelledby`. */\n  ariaLabelledby?: string\n  /**\n   * ARIA-label для скролл-контейнера (`role=\"region\"` + `tabindex=\"0\"`).\n   * Позволяет клавиатурным пользователям проскроллить широкую таблицу.\n   * Если не задан — region-роль не включается.\n   */\n  regionLabel?: string\n}\n\n/**\n * `GrTable` — «тонкий» DS-контейнер для табличных данных.\n *\n * Рендерит `<table>` внутри скролл-обёртки и даёт слоты `#caption`, `#head`,\n * default (tbody) и `#foot`. Стили ячеек (`<th>`/`<td>` паддинги, выравнивание)\n * оставлены на консьюмере.\n *\n * ВАЖНО: `min-w-full` сам по себе не даст горизонтального скролла. Для него\n * консьюмеру нужны `white-space: nowrap` на ячейках или явные ширины колонок.\n */\nconst props = withDefaults(defineProps<GrTableProps>(), {\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst slots = useSlots()\n\nconst tableTextClass = computed(() => (props.density === 'compact' ? 'text-[13px]' : 'text-sm'))\nconst hasCaption = computed(() => Boolean(slots.caption) || Boolean(props.caption))\n</script>\n\n<template>\n  <div\n    data-ds-table-scroll\n    :role=\"regionLabel ? 'region' : undefined\"\n    :aria-label=\"regionLabel\"\n    :tabindex=\"regionLabel ? 0 : undefined\"\n    class=\"overflow-x-auto rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n  >\n    <table\n      data-ds-table\n      class=\"min-w-full\" :class=\"[tableTextClass]\"\n      :aria-label=\"ariaLabelledby ? undefined : ariaLabel\"\n      :aria-labelledby=\"ariaLabelledby\"\n    >\n      <caption v-if=\"hasCaption\" class=\"sr-only\">\n        <slot name=\"caption\">\n{{ caption }}\n</slot>\n      </caption>\n      <thead class=\"bg-[var(--muted)] text-[var(--muted-fg)]\">\n        <slot name=\"head\" />\n      </thead>\n      <tbody class=\"text-[var(--fg)]\">\n        <slot />\n      </tbody>\n      <tfoot v-if=\"slots.foot\" class=\"text-[var(--fg)]\">\n        <slot name=\"foot\" />\n      </tfoot>\n    </table>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,QAAQ;EAQd,MAAM,QAAQ,UAAS;EAEvB,MAAM,iBAAiB,eAAgB,MAAM,YAAY,YAAY,gBAAgB,UAAU;EAC/F,MAAM,aAAa,eAAe,QAAQ,MAAM,QAAQ,IAAI,QAAQ,MAAM,QAAQ,CAAA;;uBAIhF,mBA4BM,OAAA;IA3BJ,wBAAA;IACC,MAAM,QAAA,cAAW,WAAc,KAAA;IAC/B,cAAY,QAAA;IACZ,UAAU,QAAA,cAAW,IAAO,KAAA;IAC7B,OAAM;OAEN,mBAoBQ,SAAA;IAnBN,iBAAA;IACA,OAAK,eAAA,CAAC,cAAY,CAAU,eAAA,MAAc,CAAA,CAAA;IACzC,cAAY,QAAA,iBAAiB,KAAA,IAAY,QAAA;IACzC,mBAAiB,QAAA;;IAEH,WAAA,SAAA,WAAA,EAAf,mBAIU,WAJV,YAIU,CAHR,WAED,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBADJ,QAAA,QAAO,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;IAGJ,mBAEQ,SAFR,YAEQ,CADN,WAAoB,KAAA,QAAA,OAAA,CAAA,CAAA;IAEtB,mBAEQ,SAFR,YAEQ,CADN,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;IAEG,MAAA,MAAK,CAAC,QAAA,WAAA,EAAnB,mBAEQ,SAFR,YAEQ,CADN,WAAoB,KAAA,QAAA,OAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/GrTable/index.js

@@ -0,0 +1,3 @@
+import { t as GrTable_default } from "./chunks/GrTable-CyQ9uw8A.js";
+import { t as grTableConfig } from "../../chunks/config-D1gSaT52.js";
+export { GrTable_default as GrTable, GrTable_default as default, grTableConfig };

package/dist/components/GrTabs/chunks/GrTabs-CiGmcmvm.js

@@ -0,0 +1,120 @@
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, nextTick, normalizeClass, openBlock, ref, renderList, toDisplayString } from "vue";
+//#region src/components/GrTabs/GrTabs.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-selected",
+	"aria-disabled",
+	"disabled",
+	"tabindex",
+	"onClick"
+];
+var _hoisted_2 = { class: "inline-flex items-center gap-2" };
+var _hoisted_3 = {
+	key: 0,
+	class: "text-[11px] px-1.5 py-0.5 rounded-full bg-[var(--secondary)] text-[var(--secondary-fg)]"
+};
+//#endregion
+//#region src/components/GrTabs/GrTabs.vue
+var GrTabs_default = /* @__PURE__ */ defineComponent({
+	__name: "GrTabs",
+	props: {
+		modelValue: {},
+		tabs: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const buttonRefs = ref([]);
+		function setButtonRef(el, index) {
+			if (el instanceof HTMLButtonElement) buttonRefs.value[index] = el;
+		}
+		const activeIndex = computed(() => props.tabs.findIndex((t) => t.value === props.modelValue));
+		function isEnabled(tab) {
+			return !tab.disabled;
+		}
+		async function selectByIndex(index, focus = false) {
+			const tab = props.tabs[index];
+			if (!tab || !isEnabled(tab)) return;
+			if (tab.value !== props.modelValue) emit("update:modelValue", tab.value);
+			if (focus) {
+				await nextTick();
+				buttonRefs.value[index]?.focus();
+			}
+		}
+		function findNextEnabled(from, direction) {
+			const length = props.tabs.length;
+			if (length === 0) return -1;
+			let index = from;
+			for (let i = 0; i < length; i++) {
+				index = (index + direction + length) % length;
+				const tab = props.tabs[index];
+				if (tab && isEnabled(tab)) return index;
+			}
+			return -1;
+		}
+		function firstEnabled() {
+			return props.tabs.findIndex(isEnabled);
+		}
+		function lastEnabled() {
+			for (let i = props.tabs.length - 1; i >= 0; i--) {
+				const tab = props.tabs[i];
+				if (tab && isEnabled(tab)) return i;
+			}
+			return -1;
+		}
+		function onKeydown(event) {
+			if (props.tabs.length === 0) return;
+			const currentIndex = activeIndex.value < 0 ? 0 : activeIndex.value;
+			let nextIndex = -1;
+			switch (event.key) {
+				case "ArrowRight":
+					nextIndex = findNextEnabled(currentIndex, 1);
+					break;
+				case "ArrowLeft":
+					nextIndex = findNextEnabled(currentIndex, -1);
+					break;
+				case "Home":
+					nextIndex = firstEnabled();
+					break;
+				case "End":
+					nextIndex = lastEnabled();
+					break;
+				default: return;
+			}
+			if (nextIndex < 0) return;
+			event.preventDefault();
+			selectByIndex(nextIndex, true);
+		}
+		function onClick(tab) {
+			if (!isEnabled(tab)) return;
+			if (tab.value !== props.modelValue) emit("update:modelValue", tab.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "tablist",
+				"data-ds-tabs": "",
+				class: "inline-flex flex-wrap gap-1 rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--muted)] p-1",
+				onKeydown
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
+				return openBlock(), createElementBlock("button", {
+					key: tab.value,
+					ref_for: true,
+					ref: (el) => setButtonRef(el, index),
+					type: "button",
+					role: "tab",
+					"data-ds-tab": "",
+					"aria-selected": tab.value === __props.modelValue ? "true" : "false",
+					"aria-disabled": tab.disabled ? "true" : void 0,
+					disabled: tab.disabled,
+					tabindex: tab.value === __props.modelValue ? 0 : -1,
+					class: normalizeClass(["h-9 px-3 rounded-[10px] text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-60 disabled:cursor-not-allowed", tab.value === __props.modelValue ? "bg-[var(--card)] text-[var(--fg)] border border-[var(--brd)]" : "text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--card)_70%,transparent)]"]),
+					onClick: ($event) => onClick(tab)
+				}, [createElementVNode("span", _hoisted_2, [createElementVNode("span", null, toDisplayString(tab.label), 1), tab.badge ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(tab.badge), 1)) : createCommentVNode("", true)])], 10, _hoisted_1);
+			}), 128))], 32);
+		};
+	}
+});
+//#endregion
+export { GrTabs_default as t };
+
+//# sourceMappingURL=GrTabs-CiGmcmvm.js.map

package/dist/components/GrTabs/chunks/GrTabs-CiGmcmvm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrTabs-CiGmcmvm.js","names":[],"sources":["../../../../src/components/GrTabs/GrTabs.vue","../../../../src/components/GrTabs/GrTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref } from 'vue'\n\nexport type GrTab = {\n  value: string\n  label: string\n  badge?: string\n  disabled?: boolean\n}\n\nexport type GrTabsProps = {\n  modelValue: string\n  tabs: GrTab[]\n}\n\n/**\n * GrTabs — горизонтальная группа вкладок с паттерном WAI-ARIA `tablist`.\n *\n * A11y:\n * - `role=\"tablist\"` на корне, `role=\"tab\"` на каждой вкладке.\n * - Roving `tabindex`: активная вкладка `0`, остальные `-1`.\n * - Клавиатура: `ArrowLeft`/`ArrowRight` — цикличный переход, `Home`/`End` — к первой/последней.\n * - При переключении стрелками DOM-фокус программно переносится на новую вкладку.\n *\n * Сам компонент не рендерит `tabpanel` — это ответственность консьюмера (по `aria-controls`/внешней разметке).\n */\nconst props = defineProps<GrTabsProps>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst buttonRefs = ref<HTMLButtonElement[]>([])\n\nfunction setButtonRef(el: unknown, index: number): void {\n  if (el instanceof HTMLButtonElement)\n    buttonRefs.value[index] = el\n}\n\nconst activeIndex = computed(() => props.tabs.findIndex(t => t.value === props.modelValue))\n\nfunction isEnabled(tab: GrTab): boolean {\n  return !tab.disabled\n}\n\nasync function selectByIndex(index: number, focus = false): Promise<void> {\n  const tab = props.tabs[index]\n  if (!tab || !isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n  if (focus) {\n    await nextTick()\n    buttonRefs.value[index]?.focus()\n  }\n}\n\nfunction findNextEnabled(from: number, direction: 1 | -1): number {\n  const length = props.tabs.length\n  if (length === 0)\n    return -1\n  let index = from\n  for (let i = 0; i < length; i++) {\n    index = (index + direction + length) % length\n    const tab = props.tabs[index]\n    if (tab && isEnabled(tab))\n      return index\n  }\n  return -1\n}\n\nfunction firstEnabled(): number {\n  return props.tabs.findIndex(isEnabled)\n}\n\nfunction lastEnabled(): number {\n  for (let i = props.tabs.length - 1; i >= 0; i--) {\n    const tab = props.tabs[i]\n    if (tab && isEnabled(tab))\n      return i\n  }\n  return -1\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.tabs.length === 0)\n    return\n\n  const currentIndex = activeIndex.value < 0 ? 0 : activeIndex.value\n  let nextIndex = -1\n\n  switch (event.key) {\n    case 'ArrowRight':\n      nextIndex = findNextEnabled(currentIndex, 1)\n      break\n    case 'ArrowLeft':\n      nextIndex = findNextEnabled(currentIndex, -1)\n      break\n    case 'Home':\n      nextIndex = firstEnabled()\n      break\n    case 'End':\n      nextIndex = lastEnabled()\n      break\n    default:\n      return\n  }\n\n  if (nextIndex < 0)\n    return\n\n  event.preventDefault()\n  void selectByIndex(nextIndex, true)\n}\n\nfunction onClick(tab: GrTab): void {\n  if (!isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n}\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    data-ds-tabs\n    class=\"inline-flex flex-wrap gap-1 rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--muted)] p-1\"\n    @keydown=\"onKeydown\"\n  >\n    <button\n      v-for=\"(tab, index) in tabs\"\n      :key=\"tab.value\"\n      :ref=\"el => setButtonRef(el, index)\"\n      type=\"button\"\n      role=\"tab\"\n      data-ds-tab\n      :aria-selected=\"tab.value === modelValue ? 'true' : 'false'\"\n      :aria-disabled=\"tab.disabled ? 'true' : undefined\"\n      :disabled=\"tab.disabled\"\n      :tabindex=\"tab.value === modelValue ? 0 : -1\"\n      class=\"h-9 px-3 rounded-[10px] text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-60 disabled:cursor-not-allowed\"\n      :class=\"tab.value === modelValue\n        ? 'bg-[var(--card)] text-[var(--fg)] border border-[var(--brd)]'\n        : 'text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--card)_70%,transparent)]'\"\n      @click=\"onClick(tab)\"\n    >\n      <span class=\"inline-flex items-center gap-2\">\n        <span>{{ tab.label }}</span>\n        <span\n          v-if=\"tab.badge\"\n          class=\"text-[11px] px-1.5 py-0.5 rounded-full bg-[var(--secondary)] text-[var(--secondary-fg)]\"\n        >\n          {{ tab.badge }}\n        </span>\n      </span>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref } from 'vue'\n\nexport type GrTab = {\n  value: string\n  label: string\n  badge?: string\n  disabled?: boolean\n}\n\nexport type GrTabsProps = {\n  modelValue: string\n  tabs: GrTab[]\n}\n\n/**\n * GrTabs — горизонтальная группа вкладок с паттерном WAI-ARIA `tablist`.\n *\n * A11y:\n * - `role=\"tablist\"` на корне, `role=\"tab\"` на каждой вкладке.\n * - Roving `tabindex`: активная вкладка `0`, остальные `-1`.\n * - Клавиатура: `ArrowLeft`/`ArrowRight` — цикличный переход, `Home`/`End` — к первой/последней.\n * - При переключении стрелками DOM-фокус программно переносится на новую вкладку.\n *\n * Сам компонент не рендерит `tabpanel` — это ответственность консьюмера (по `aria-controls`/внешней разметке).\n */\nconst props = defineProps<GrTabsProps>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst buttonRefs = ref<HTMLButtonElement[]>([])\n\nfunction setButtonRef(el: unknown, index: number): void {\n  if (el instanceof HTMLButtonElement)\n    buttonRefs.value[index] = el\n}\n\nconst activeIndex = computed(() => props.tabs.findIndex(t => t.value === props.modelValue))\n\nfunction isEnabled(tab: GrTab): boolean {\n  return !tab.disabled\n}\n\nasync function selectByIndex(index: number, focus = false): Promise<void> {\n  const tab = props.tabs[index]\n  if (!tab || !isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n  if (focus) {\n    await nextTick()\n    buttonRefs.value[index]?.focus()\n  }\n}\n\nfunction findNextEnabled(from: number, direction: 1 | -1): number {\n  const length = props.tabs.length\n  if (length === 0)\n    return -1\n  let index = from\n  for (let i = 0; i < length; i++) {\n    index = (index + direction + length) % length\n    const tab = props.tabs[index]\n    if (tab && isEnabled(tab))\n      return index\n  }\n  return -1\n}\n\nfunction firstEnabled(): number {\n  return props.tabs.findIndex(isEnabled)\n}\n\nfunction lastEnabled(): number {\n  for (let i = props.tabs.length - 1; i >= 0; i--) {\n    const tab = props.tabs[i]\n    if (tab && isEnabled(tab))\n      return i\n  }\n  return -1\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.tabs.length === 0)\n    return\n\n  const currentIndex = activeIndex.value < 0 ? 0 : activeIndex.value\n  let nextIndex = -1\n\n  switch (event.key) {\n    case 'ArrowRight':\n      nextIndex = findNextEnabled(currentIndex, 1)\n      break\n    case 'ArrowLeft':\n      nextIndex = findNextEnabled(currentIndex, -1)\n      break\n    case 'Home':\n      nextIndex = firstEnabled()\n      break\n    case 'End':\n      nextIndex = lastEnabled()\n      break\n    default:\n      return\n  }\n\n  if (nextIndex < 0)\n    return\n\n  event.preventDefault()\n  void selectByIndex(nextIndex, true)\n}\n\nfunction onClick(tab: GrTab): void {\n  if (!isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n}\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    data-ds-tabs\n    class=\"inline-flex flex-wrap gap-1 rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--muted)] p-1\"\n    @keydown=\"onKeydown\"\n  >\n    <button\n      v-for=\"(tab, index) in tabs\"\n      :key=\"tab.value\"\n      :ref=\"el => setButtonRef(el, index)\"\n      type=\"button\"\n      role=\"tab\"\n      data-ds-tab\n      :aria-selected=\"tab.value === modelValue ? 'true' : 'false'\"\n      :aria-disabled=\"tab.disabled ? 'true' : undefined\"\n      :disabled=\"tab.disabled\"\n      :tabindex=\"tab.value === modelValue ? 0 : -1\"\n      class=\"h-9 px-3 rounded-[10px] text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-60 disabled:cursor-not-allowed\"\n      :class=\"tab.value === modelValue\n        ? 'bg-[var(--card)] text-[var(--fg)] border border-[var(--brd)]'\n        : 'text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--card)_70%,transparent)]'\"\n      @click=\"onClick(tab)\"\n    >\n      <span class=\"inline-flex items-center gap-2\">\n        <span>{{ tab.label }}</span>\n        <span\n          v-if=\"tab.badge\"\n          class=\"text-[11px] px-1.5 py-0.5 rounded-full bg-[var(--secondary)] text-[var(--secondary-fg)]\"\n        >\n          {{ tab.badge }}\n        </span>\n      </span>\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAIb,MAAM,aAAa,IAAyB,EAAE,CAAA;EAE9C,SAAS,aAAa,IAAa,OAAqB;AACtD,OAAI,cAAc,kBAChB,YAAW,MAAM,SAAS;;EAG9B,MAAM,cAAc,eAAe,MAAM,KAAK,WAAU,MAAK,EAAE,UAAU,MAAM,WAAW,CAAA;EAE1F,SAAS,UAAU,KAAqB;AACtC,UAAO,CAAC,IAAI;;EAGd,eAAe,cAAc,OAAe,QAAQ,OAAsB;GACxE,MAAM,MAAM,MAAM,KAAK;AACvB,OAAI,CAAC,OAAO,CAAC,UAAU,IAAI,CACzB;AACF,OAAI,IAAI,UAAU,MAAM,WACtB,MAAK,qBAAqB,IAAI,MAAK;AACrC,OAAI,OAAO;AACT,UAAM,UAAS;AACf,eAAW,MAAM,QAAQ,OAAM;;;EAInC,SAAS,gBAAgB,MAAc,WAA2B;GAChE,MAAM,SAAS,MAAM,KAAK;AAC1B,OAAI,WAAW,EACb,QAAO;GACT,IAAI,QAAQ;AACZ,QAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC/B,aAAS,QAAQ,YAAY,UAAU;IACvC,MAAM,MAAM,MAAM,KAAK;AACvB,QAAI,OAAO,UAAU,IAAI,CACvB,QAAO;;AAEX,UAAO;;EAGT,SAAS,eAAuB;AAC9B,UAAO,MAAM,KAAK,UAAU,UAAS;;EAGvC,SAAS,cAAsB;AAC7B,QAAK,IAAI,IAAI,MAAM,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK;IAC/C,MAAM,MAAM,MAAM,KAAK;AACvB,QAAI,OAAO,UAAU,IAAI,CACvB,QAAO;;AAEX,UAAO;;EAGT,SAAS,UAAU,OAA4B;AAC7C,OAAI,MAAM,KAAK,WAAW,EACxB;GAEF,MAAM,eAAe,YAAY,QAAQ,IAAI,IAAI,YAAY;GAC7D,IAAI,YAAY;AAEhB,WAAQ,MAAM,KAAd;IACE,KAAK;AACH,iBAAY,gBAAgB,cAAc,EAAC;AAC3C;IACF,KAAK;AACH,iBAAY,gBAAgB,cAAc,GAAE;AAC5C;IACF,KAAK;AACH,iBAAY,cAAa;AACzB;IACF,KAAK;AACH,iBAAY,aAAY;AACxB;IACF,QACE;;AAGJ,OAAI,YAAY,EACd;AAEF,SAAM,gBAAe;AAChB,iBAAc,WAAW,KAAI;;EAGpC,SAAS,QAAQ,KAAkB;AACjC,OAAI,CAAC,UAAU,IAAI,CACjB;AACF,OAAI,IAAI,UAAU,MAAM,WACtB,MAAK,qBAAqB,IAAI,MAAK;;;uBAKrC,mBAiCM,OAAA;IAhCJ,MAAK;IACL,gBAAA;IACA,OAAM;IACI;yBAEV,mBA0BS,UAAA,MAAA,WAzBgB,QAAA,OAAf,KAAK,UAAK;wBADpB,mBA0BS,UAAA;KAxBN,KAAK,IAAI;;KACT,MAAK,OAAM,aAAa,IAAI,MAAK;KAClC,MAAK;KACL,MAAK;KACL,eAAA;KACC,iBAAe,IAAI,UAAU,QAAA,aAAU,SAAA;KACvC,iBAAe,IAAI,WAAQ,SAAY,KAAA;KACvC,UAAU,IAAI;KACd,UAAU,IAAI,UAAU,QAAA,aAAU,IAAA;KACnC,OAAK,eAAA,CAAC,uLACE,IAAI,UAAU,QAAA,aAAA,iEAAA,0GAAA,CAAA;KAGrB,UAAK,WAAE,QAAQ,IAAG;QAEnB,mBAQO,QARP,YAQO,CAPL,mBAA4B,QAAA,MAAA,gBAAnB,IAAI,MAAK,EAAA,EAAA,EAEV,IAAI,SAAA,WAAA,EADZ,mBAKO,QALP,YAKO,gBADF,IAAI,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/GrTabs/index.js

@@ -0,0 +1,3 @@
+import { t as GrTabs_default } from "./chunks/GrTabs-CiGmcmvm.js";
+import { t as grTabsConfig } from "../../chunks/config-DwB5-qdP2.js";
+export { GrTabs_default as GrTabs, GrTabs_default as default, grTabsConfig };

package/dist/components/GrTextarea/chunks/GrTextarea-VBSc6A7D.js

@@ -0,0 +1,73 @@
+import { r as grTextareaClass } from "../../../chunks/config-DxqMXzNV2.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock } from "vue";
+//#region src/components/GrTextarea/GrTextarea.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"name",
+	"rows",
+	"autocomplete",
+	"placeholder",
+	"disabled",
+	"value",
+	"aria-invalid"
+];
+//#endregion
+//#region src/components/GrTextarea/GrTextarea.vue
+var GrTextarea_default = /* @__PURE__ */ defineComponent({
+	__name: "GrTextarea",
+	props: {
+		modelValue: {},
+		placeholder: { default: void 0 },
+		autocomplete: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		state: { default: "default" },
+		name: { default: void 0 },
+		id: { default: void 0 },
+		rows: { default: 4 }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* GrTextarea — многострочное поле ввода DS-примитива.
+		*
+		* Состояния:
+		* - `state`: визуальный оттенок рамки (`default | success | warning | danger`).
+		* - `invalid`: форсирует `danger`-состояние и проставляет `aria-invalid="true"`.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const className = computed(() => grTextareaClass({
+			state: props.state,
+			invalid: props.invalid
+		}));
+		function onInput(e) {
+			emit("update:modelValue", e.target.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("textarea", {
+				id: __props.id,
+				"data-ds-textarea": "",
+				name: __props.name,
+				rows: __props.rows,
+				autocomplete: __props.autocomplete,
+				placeholder: __props.placeholder,
+				disabled: __props.disabled,
+				value: __props.modelValue,
+				"aria-invalid": __props.invalid ? "true" : void 0,
+				class: normalizeClass(["w-full rounded-md border bg-[var(--bg)] px-3 py-2 text-[14px] text-[var(--fg)] placeholder:text-[var(--muted-fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed", className.value]),
+				onInput
+			}, null, 42, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { GrTextarea_default as t };
+
+//# sourceMappingURL=GrTextarea-VBSc6A7D.js.map

package/dist/components/GrTextarea/chunks/GrTextarea-VBSc6A7D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrTextarea-VBSc6A7D.js","names":[],"sources":["../../../../src/components/GrTextarea/GrTextarea.vue","../../../../src/components/GrTextarea/GrTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrTextarea — многострочное поле ввода DS-примитива.\n *\n * Состояния:\n * - `state`: визуальный оттенок рамки (`default | success | warning | danger`).\n * - `invalid`: форсирует `danger`-состояние и проставляет `aria-invalid=\"true\"`.\n */\nimport { computed } from 'vue'\nimport { type GrTextareaState, grTextareaClass } from './grTextareaStyles'\n\nconst props = withDefaults(defineProps<{\n  modelValue: string\n  placeholder?: string\n  autocomplete?: string\n  disabled?: boolean\n  invalid?: boolean\n  state?: GrTextareaState\n  name?: string\n  id?: string\n  rows?: number\n}>(), {\n  placeholder: undefined,\n  autocomplete: undefined,\n  disabled: false,\n  invalid: false,\n  state: 'default',\n  name: undefined,\n  id: undefined,\n  rows: 4,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nexport type GrTextareaProps = typeof props\n\nconst className = computed(() => grTextareaClass({\n  state: props.state,\n  invalid: props.invalid,\n}))\n\nfunction onInput(e: Event): void {\n  emit('update:modelValue', (e.target as HTMLTextAreaElement).value)\n}\n</script>\n\n<template>\n  <textarea\n    :id=\"id\"\n    data-ds-textarea\n    :name=\"name\"\n    :rows=\"rows\"\n    :autocomplete=\"autocomplete\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :value=\"modelValue\"\n    :aria-invalid=\"invalid ? 'true' : undefined\"\n    class=\"w-full rounded-md border bg-[var(--bg)] px-3 py-2 text-[14px] text-[var(--fg)] placeholder:text-[var(--muted-fg)] 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=\"className\"\n    @input=\"onInput\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrTextarea — многострочное поле ввода DS-примитива.\n *\n * Состояния:\n * - `state`: визуальный оттенок рамки (`default | success | warning | danger`).\n * - `invalid`: форсирует `danger`-состояние и проставляет `aria-invalid=\"true\"`.\n */\nimport { computed } from 'vue'\nimport { type GrTextareaState, grTextareaClass } from './grTextareaStyles'\n\nconst props = withDefaults(defineProps<{\n  modelValue: string\n  placeholder?: string\n  autocomplete?: string\n  disabled?: boolean\n  invalid?: boolean\n  state?: GrTextareaState\n  name?: string\n  id?: string\n  rows?: number\n}>(), {\n  placeholder: undefined,\n  autocomplete: undefined,\n  disabled: false,\n  invalid: false,\n  state: 'default',\n  name: undefined,\n  id: undefined,\n  rows: 4,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nexport type GrTextareaProps = typeof props\n\nconst className = computed(() => grTextareaClass({\n  state: props.state,\n  invalid: props.invalid,\n}))\n\nfunction onInput(e: Event): void {\n  emit('update:modelValue', (e.target as HTMLTextAreaElement).value)\n}\n</script>\n\n<template>\n  <textarea\n    :id=\"id\"\n    data-ds-textarea\n    :name=\"name\"\n    :rows=\"rows\"\n    :autocomplete=\"autocomplete\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :value=\"modelValue\"\n    :aria-invalid=\"invalid ? 'true' : undefined\"\n    class=\"w-full rounded-md border bg-[var(--bg)] px-3 py-2 text-[14px] text-[var(--fg)] placeholder:text-[var(--muted-fg)] 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=\"className\"\n    @input=\"onInput\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAqBd,MAAM,OAAO;EAMb,MAAM,YAAY,eAAe,gBAAgB;GAC/C,OAAO,MAAM;GACb,SAAS,MAAM;GAChB,CAAC,CAAA;EAEF,SAAS,QAAQ,GAAgB;AAC/B,QAAK,qBAAsB,EAAE,OAA+B,MAAK;;;uBAKjE,mBAaE,YAAA;IAZC,IAAI,QAAA;IACL,oBAAA;IACC,MAAM,QAAA;IACN,MAAM,QAAA;IACN,cAAc,QAAA;IACd,aAAa,QAAA;IACb,UAAU,QAAA;IACV,OAAO,QAAA;IACP,gBAAc,QAAA,UAAO,SAAY,KAAA;IAClC,OAAK,eAAA,CAAC,6QACE,UAAA,MAAS,CAAA;IACT"}

package/dist/components/GrTextarea/index.js

@@ -0,0 +1,3 @@
+import { n as grTextareaSafelist, t as grTextareaConfig } from "../../chunks/config-DxqMXzNV2.js";
+import { t as GrTextarea_default } from "./chunks/GrTextarea-VBSc6A7D.js";
+export { GrTextarea_default as GrTextarea, GrTextarea_default as default, grTextareaConfig, grTextareaSafelist };

package/dist/components/GrToaster/chunks/GrToaster-I1e-zCpf.js

@@ -0,0 +1,173 @@
+import { n as check_circle_default, r as alert_triangle_default, t as x_circle_default } from "../../../chunks/x-circle-DQSlBLmX.js";
+import { t as info_default } from "../../../chunks/info-C0bHmdZq.js";
+import { t as x_default } from "../../../chunks/x-Pa6C2hwi.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BmGdp8-4.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
+import { useToast } from "../../../composables/useToast.js";
+import { r as PLACEMENT_CLASS } from "../../../chunks/config-CxCAfXZ1.js";
+import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/GrToaster/GrToaster.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = [
+	"data-tone",
+	"role",
+	"aria-live"
+];
+var _hoisted_3 = { class: "flex items-start gap-3" };
+var _hoisted_4 = { class: "min-w-0 flex-1" };
+var _hoisted_5 = { class: "text-[13px] font-700" };
+var _hoisted_6 = {
+	key: 0,
+	class: "mt-0.5 text-[13px] text-[var(--muted-fg)]"
+};
+//#endregion
+//#region src/components/GrToaster/GrToaster.vue
+var GrToaster_default = /* @__PURE__ */ defineComponent({
+	__name: "GrToaster",
+	props: {
+		placement: { default: "top-right" },
+		dismissLabel: { default: "Dismiss" },
+		regionLabel: { default: "Notifications" }
+	},
+	setup(__props) {
+		/**
+		* GrToaster — DS-примитив области уведомлений (toast).
+		*
+		* Модель состояния берётся из `useToast` (модульный синглтон), поэтому
+		* в приложении предполагается **один активный `GrToaster`** на корень.
+		*
+		* A11y:
+		* - контейнер — `role="region"` с `aria-label` (i18n-проп `regionLabel`);
+		* - каждый toast — `role="status"` + `aria-live="polite"` для `info`/`success`
+		*   и `role="alert"` + `aria-live="assertive"` для `warning`/`danger`
+		*   (критичные сообщения должны прерывать скринридер).
+		*
+		* UX:
+		* - появление/исчезновение анимируется `TransitionGroup`;
+		* - `placement` настраивает угол экрана;
+		* - `z-[60]` — выше, чем `GrModal` (`z-50`), чтобы уведомления не перекрывались диалогом.
+		*/
+		const TONE_META = {
+			primary: {
+				icon: info_default,
+				color: "var(--primary)",
+				role: "status",
+				live: "polite"
+			},
+			neutral: {
+				icon: info_default,
+				color: "var(--muted-fg)",
+				role: "status",
+				live: "polite"
+			},
+			info: {
+				icon: info_default,
+				color: "var(--ds-info)",
+				role: "status",
+				live: "polite"
+			},
+			success: {
+				icon: check_circle_default,
+				color: "var(--ds-success)",
+				role: "status",
+				live: "polite"
+			},
+			warning: {
+				icon: alert_triangle_default,
+				color: "var(--ds-warning)",
+				role: "alert",
+				live: "assertive"
+			},
+			danger: {
+				icon: x_circle_default,
+				color: "var(--ds-danger)",
+				role: "alert",
+				live: "assertive"
+			},
+			slate: {
+				icon: info_default,
+				color: "var(--ds-slate)",
+				role: "status",
+				live: "polite"
+			},
+			azure: {
+				icon: info_default,
+				color: "var(--ds-azure)",
+				role: "status",
+				live: "polite"
+			}
+		};
+		const props = __props;
+		const { list, dismiss } = useToast();
+		const isClient = typeof window !== "undefined";
+		function metaFor(tone) {
+			return TONE_META[tone] ?? TONE_META.info;
+		}
+		const containerClass = computed(() => PLACEMENT_CLASS[props.placement]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, {
+				to: "body",
+				disabled: !isClient
+			}, [createElementVNode("div", {
+				"data-ds-toaster": "",
+				role: "region",
+				"aria-label": __props.regionLabel,
+				class: normalizeClass(["fixed z-[60] grid w-[360px] max-w-[calc(100vw-2rem)] gap-3", containerClass.value])
+			}, [createVNode(TransitionGroup, {
+				tag: "div",
+				class: "grid gap-3",
+				"enter-active-class": "transition duration-200 ease-out",
+				"enter-from-class": "opacity-0 translate-y-2",
+				"enter-to-class": "opacity-100 translate-y-0",
+				"leave-active-class": "transition duration-150 ease-in absolute",
+				"leave-from-class": "opacity-100 translate-y-0",
+				"leave-to-class": "opacity-0 translate-y-2",
+				"move-class": "transition-transform duration-200 ease-out"
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (toast) => {
+					return openBlock(), createElementBlock("div", {
+						key: toast.id,
+						"data-ds-toast": "",
+						"data-tone": toast.tone,
+						role: metaFor(toast.tone).role,
+						"aria-live": metaFor(toast.tone).live,
+						"aria-atomic": "true",
+						class: "rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--ds-shadow-2)]"
+					}, [createElementVNode("div", _hoisted_3, [
+						createVNode(unref(GrIcon_default), {
+							size: "md",
+							class: "mt-0.5",
+							style: normalizeStyle({ color: metaFor(toast.tone).color }),
+							"aria-hidden": "true"
+						}, {
+							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(metaFor(toast.tone).icon)))]),
+							_: 2
+						}, 1032, ["style"]),
+						createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, toDisplayString(toast.title), 1), toast.message ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(toast.message), 1)) : createCommentVNode("", true)]),
+						createVNode(unref(GrButton_default), {
+							variant: "ghost",
+							size: "sm",
+							square: "",
+							"aria-label": __props.dismissLabel,
+							onClick: ($event) => unref(dismiss)(toast.id)
+						}, {
+							default: withCtx(() => [createVNode(unref(GrIcon_default), {
+								size: "sm",
+								"aria-hidden": "true"
+							}, {
+								default: withCtx(() => [createVNode(unref(x_default))]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["aria-label", "onClick"])
+					])], 8, _hoisted_2);
+				}), 128))]),
+				_: 1
+			})], 10, _hoisted_1)], 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+export { GrToaster_default as t };
+
+//# sourceMappingURL=GrToaster-I1e-zCpf.js.map