@feugene/granularity 0.12.0 → 0.16.0

package/dist/components/GrTabPanels/chunks/GrTabPanels-DbKybwe-.js

@@ -1,68 +0,0 @@
-import { computed, createCommentVNode, createElementBlock, defineComponent, inject, openBlock, provide, renderSlot, useId } from "vue";
-//#region src/components/GrTabPanels/context.ts
-var GR_TAB_PANELS_KEY = Symbol("gr-tab-panels");
-//#endregion
-//#region src/components/GrTabPanels/GrTabPanels.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = { "data-gr-tab-panels": "" };
-//#endregion
-//#region src/components/GrTabPanels/GrTabPanels.vue
-var GrTabPanels_default = /* @__PURE__ */ defineComponent({
-	__name: "GrTabPanels",
-	props: {
-		modelValue: {},
-		idBase: { default: void 0 }
-	},
-	setup(__props) {
-		const props = __props;
-		const generatedIdBase = useId();
-		const resolvedIdBase = props.idBase ?? generatedIdBase;
-		provide(GR_TAB_PANELS_KEY, {
-			activeValue: computed(() => props.modelValue),
-			idBase: resolvedIdBase
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "default")]);
-		};
-	}
-});
-//#endregion
-//#region src/components/GrTabPanels/GrTabPanel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = [
-	"id",
-	"aria-labelledby",
-	"hidden",
-	"tabindex"
-];
-//#endregion
-//#region src/components/GrTabPanels/GrTabPanel.vue
-var GrTabPanel_default = /* @__PURE__ */ defineComponent({
-	__name: "GrTabPanel",
-	props: {
-		value: {},
-		keepAlive: {
-			type: Boolean,
-			default: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const ctx = inject(GR_TAB_PANELS_KEY, null);
-		const isActive = computed(() => ctx ? ctx.activeValue.value === props.value : true);
-		const panelId = computed(() => ctx ? `${ctx.idBase}-panel-${props.value}` : void 0);
-		const tabId = computed(() => ctx ? `${ctx.idBase}-tab-${props.value}` : void 0);
-		return (_ctx, _cache) => {
-			return isActive.value || __props.keepAlive ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				id: panelId.value,
-				role: "tabpanel",
-				"data-gr-tab-panel": "",
-				"aria-labelledby": tabId.value,
-				hidden: __props.keepAlive && !isActive.value ? true : void 0,
-				tabindex: isActive.value ? 0 : void 0,
-				class: "rounded-[var(--gr-radius-md)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
-			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1)) : createCommentVNode("", true);
-		};
-	}
-});
-//#endregion
-export { GrTabPanels_default as n, GR_TAB_PANELS_KEY as r, GrTabPanel_default as t };

package/dist/components/GrTabPanels/chunks/GrTabPanels-DbKybwe-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrTabPanels-DbKybwe-.js","names":[],"sources":["../../../../src/components/GrTabPanels/context.ts","../../../../src/components/GrTabPanels/GrTabPanels.vue","../../../../src/components/GrTabPanels/GrTabPanels.vue","../../../../src/components/GrTabPanels/GrTabPanel.vue","../../../../src/components/GrTabPanels/GrTabPanel.vue"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\n/** Контекст, который `GrTabPanels` предоставляет своим `GrTabPanel`. */\nexport interface GrTabPanelsContext {\n  /** Значение активной вкладки (совпадает с `modelValue` у `GrTabs`). */\n  activeValue: ComputedRef<string>\n  /** Общая база id для связки `tab`↔`tabpanel` (см. проп `idBase` у `GrTabs`). */\n  idBase: string\n}\n\nexport const GR_TAB_PANELS_KEY: InjectionKey<GrTabPanelsContext> = Symbol('gr-tab-panels')\n","<script setup lang=\"ts\">\nimport { computed, provide, useId } from 'vue'\n\nimport { GR_TAB_PANELS_KEY } from './context'\n\n/**\n * GrTabPanels — контейнер `tabpanel`-ов, companion к `GrTabs`.\n *\n * Показывает панель, чьё `value` совпадает с `modelValue`, и связывает её с\n * соответствующей вкладкой по ARIA (`role=\"tabpanel\"`, `aria-labelledby`).\n *\n * Для полной связки `tab`↔`tabpanel` передайте **одинаковый `idBase`** и в\n * `GrTabs`, и в `GrTabPanels` — тогда id вкладок и панелей совпадут\n * (`aria-controls` ↔ `aria-labelledby`).\n */\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string\n    idBase?: string\n  }>(),\n  {\n    idBase: undefined,\n  },\n)\n\nconst generatedIdBase = useId()\nconst resolvedIdBase = props.idBase ?? generatedIdBase\n\nprovide(GR_TAB_PANELS_KEY, {\n  activeValue: computed(() => props.modelValue),\n  idBase: resolvedIdBase,\n})\n</script>\n\n<template>\n  <div data-gr-tab-panels>\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, useId } from 'vue'\n\nimport { GR_TAB_PANELS_KEY } from './context'\n\n/**\n * GrTabPanels — контейнер `tabpanel`-ов, companion к `GrTabs`.\n *\n * Показывает панель, чьё `value` совпадает с `modelValue`, и связывает её с\n * соответствующей вкладкой по ARIA (`role=\"tabpanel\"`, `aria-labelledby`).\n *\n * Для полной связки `tab`↔`tabpanel` передайте **одинаковый `idBase`** и в\n * `GrTabs`, и в `GrTabPanels` — тогда id вкладок и панелей совпадут\n * (`aria-controls` ↔ `aria-labelledby`).\n */\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string\n    idBase?: string\n  }>(),\n  {\n    idBase: undefined,\n  },\n)\n\nconst generatedIdBase = useId()\nconst resolvedIdBase = props.idBase ?? generatedIdBase\n\nprovide(GR_TAB_PANELS_KEY, {\n  activeValue: computed(() => props.modelValue),\n  idBase: resolvedIdBase,\n})\n</script>\n\n<template>\n  <div data-gr-tab-panels>\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\n\nimport { GR_TAB_PANELS_KEY } from './context'\n\n/**\n * GrTabPanel — одна панель внутри `GrTabPanels`. Показывается, когда её `value`\n * равно активной вкладке. `keepAlive` оставляет неактивные панели в DOM\n * (скрытыми через `hidden`) — полезно, чтобы не терять состояние форм.\n */\nconst props = withDefaults(\n  defineProps<{\n    value: string\n    keepAlive?: boolean\n  }>(),\n  {\n    keepAlive: false,\n  },\n)\n\nconst ctx = inject(GR_TAB_PANELS_KEY, null)\n\nconst isActive = computed(() => (ctx ? ctx.activeValue.value === props.value : true))\n// id совпадают с id вкладок `GrTabs` при одинаковом `idBase` → корректная ARIA-связка.\nconst panelId = computed(() => (ctx ? `${ctx.idBase}-panel-${props.value}` : undefined))\nconst tabId = computed(() => (ctx ? `${ctx.idBase}-tab-${props.value}` : undefined))\n</script>\n\n<template>\n  <div\n    v-if=\"isActive || keepAlive\"\n    :id=\"panelId\"\n    role=\"tabpanel\"\n    data-gr-tab-panel\n    :aria-labelledby=\"tabId\"\n    :hidden=\"keepAlive && !isActive ? true : undefined\"\n    :tabindex=\"isActive ? 0 : undefined\"\n    class=\"rounded-[var(--gr-radius-md)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\n\nimport { GR_TAB_PANELS_KEY } from './context'\n\n/**\n * GrTabPanel — одна панель внутри `GrTabPanels`. Показывается, когда её `value`\n * равно активной вкладке. `keepAlive` оставляет неактивные панели в DOM\n * (скрытыми через `hidden`) — полезно, чтобы не терять состояние форм.\n */\nconst props = withDefaults(\n  defineProps<{\n    value: string\n    keepAlive?: boolean\n  }>(),\n  {\n    keepAlive: false,\n  },\n)\n\nconst ctx = inject(GR_TAB_PANELS_KEY, null)\n\nconst isActive = computed(() => (ctx ? ctx.activeValue.value === props.value : true))\n// id совпадают с id вкладок `GrTabs` при одинаковом `idBase` → корректная ARIA-связка.\nconst panelId = computed(() => (ctx ? `${ctx.idBase}-panel-${props.value}` : undefined))\nconst tabId = computed(() => (ctx ? `${ctx.idBase}-tab-${props.value}` : undefined))\n</script>\n\n<template>\n  <div\n    v-if=\"isActive || keepAlive\"\n    :id=\"panelId\"\n    role=\"tabpanel\"\n    data-gr-tab-panel\n    :aria-labelledby=\"tabId\"\n    :hidden=\"keepAlive && !isActive ? true : undefined\"\n    :tabindex=\"isActive ? 0 : undefined\"\n    class=\"rounded-[var(--gr-radius-md)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;AAUA,IAAa,oBAAsD,OAAO,eAAe;;;;;;;;;;;;;ECKzF,MAAM,QAAQ;EAUd,MAAM,kBAAkB,MAAM;EAC9B,MAAM,iBAAiB,MAAM,UAAU;EAEvC,QAAQ,mBAAmB;GACzB,aAAa,eAAe,MAAM,UAAU;GAC5C,QAAQ;EACV,CAAC;;uBAIC,mBAEM,OAFN,cAEM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;EE1BZ,MAAM,QAAQ;EAUd,MAAM,MAAM,OAAO,mBAAmB,IAAI;EAE1C,MAAM,WAAW,eAAgB,MAAM,IAAI,YAAY,UAAU,MAAM,QAAQ,IAAK;EAEpF,MAAM,UAAU,eAAgB,MAAM,GAAG,IAAI,OAAO,SAAS,MAAM,UAAU,KAAA,CAAU;EACvF,MAAM,QAAQ,eAAgB,MAAM,GAAG,IAAI,OAAO,OAAO,MAAM,UAAU,KAAA,CAAU;;UAKzE,SAAA,SAAY,QAAA,aAAA,UAAA,GADpB,mBAWM,OAAA;;IATH,IAAI,QAAA;IACL,MAAK;IACL,qBAAA;IACC,mBAAiB,MAAA;IACjB,QAAQ,QAAA,aAAS,CAAK,SAAA,QAAQ,OAAU,KAAA;IACxC,UAAU,SAAA,QAAQ,IAAO,KAAA;IAC1B,OAAM;OAEN,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,GAAA,UAAA,KAAA,mBAAA,IAAA,IAAA"}

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

@@ -1,57 +0,0 @@
-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-gr-table-scroll": "",
-				role: __props.regionLabel ? "region" : void 0,
-				"aria-label": __props.regionLabel,
-				tabindex: __props.regionLabel ? 0 : void 0,
-				class: "overflow-x-auto rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--card)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
-			}, [createElementVNode("table", {
-				"data-gr-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 };

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

@@ -1 +0,0 @@
-{"version":3,"file":"GrTable-Db3hRnKA.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` — «тонкий» GR-контейнер для табличных данных.\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-gr-table-scroll\n    :role=\"regionLabel ? 'region' : undefined\"\n    :aria-label=\"regionLabel\"\n    :tabindex=\"regionLabel ? 0 : undefined\"\n    class=\"overflow-x-auto rounded-[var(--gr-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-gr-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` — «тонкий» GR-контейнер для табличных данных.\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-gr-table-scroll\n    :role=\"regionLabel ? 'region' : undefined\"\n    :aria-label=\"regionLabel\"\n    :tabindex=\"regionLabel ? 0 : undefined\"\n    class=\"overflow-x-auto rounded-[var(--gr-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-gr-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,SAAS;EAEvB,MAAM,iBAAiB,eAAgB,MAAM,YAAY,YAAY,gBAAgB,SAAU;EAC/F,MAAM,aAAa,eAAe,QAAQ,MAAM,OAAO,KAAK,QAAQ,MAAM,OAAO,CAAC;;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,KAAc,CAAA,CAAA;IACzC,cAAY,QAAA,iBAAiB,KAAA,IAAY,QAAA;IACzC,mBAAiB,QAAA;;IAEH,WAAA,SAAA,UAAA,GAAf,mBAIU,WAJV,YAIU,CAHR,WAED,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAAA,gBADJ,QAAA,OAAO,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAGJ,mBAEQ,SAFR,YAEQ,CADN,WAAoB,KAAA,QAAA,MAAA,CAAA,CAAA;IAEtB,mBAEQ,SAFR,YAEQ,CADN,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;IAEG,MAAA,KAAA,CAAK,CAAC,QAAA,UAAA,GAAnB,mBAEQ,SAFR,YAEQ,CADN,WAAoB,KAAA,QAAA,MAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

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

@@ -1,123 +0,0 @@
-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 = [
-	"id",
-	"aria-controls",
-	"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: {},
-		idBase: {}
-	},
-	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-gr-tabs": "",
-				class: "inline-flex flex-wrap gap-1 rounded-[var(--gr-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-gr-tab": "",
-					id: __props.idBase ? `${__props.idBase}-tab-${tab.value}` : void 0,
-					"aria-controls": __props.idBase ? `${__props.idBase}-panel-${tab.value}` : void 0,
-					"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 };

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

@@ -1 +0,0 @@
-{"version":3,"file":"GrTabs-DsLwWoRz.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   * База id для ARIA-связки с `GrTabPanels`. Если задана, каждая вкладка\n   * получает `id=\"<idBase>-tab-<value>\"` и `aria-controls=\"<idBase>-panel-<value>\"`.\n   * Передайте тот же `idBase` в `GrTabPanels`, чтобы связать `tab`↔`tabpanel`.\n   */\n  idBase?: string\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-gr-tabs\n    class=\"inline-flex flex-wrap gap-1 rounded-[var(--gr-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-gr-tab\n      :id=\"idBase ? `${idBase}-tab-${tab.value}` : undefined\"\n      :aria-controls=\"idBase ? `${idBase}-panel-${tab.value}` : undefined\"\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   * База id для ARIA-связки с `GrTabPanels`. Если задана, каждая вкладка\n   * получает `id=\"<idBase>-tab-<value>\"` и `aria-controls=\"<idBase>-panel-<value>\"`.\n   * Передайте тот же `idBase` в `GrTabPanels`, чтобы связать `tab`↔`tabpanel`.\n   */\n  idBase?: string\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-gr-tabs\n    class=\"inline-flex flex-wrap gap-1 rounded-[var(--gr-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-gr-tab\n      :id=\"idBase ? `${idBase}-tab-${tab.value}` : undefined\"\n      :aria-controls=\"idBase ? `${idBase}-panel-${tab.value}` : undefined\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAIb,MAAM,aAAa,IAAyB,CAAC,CAAC;EAE9C,SAAS,aAAa,IAAa,OAAqB;GACtD,IAAI,cAAc,mBAChB,WAAW,MAAM,SAAS;EAC9B;EAEA,MAAM,cAAc,eAAe,MAAM,KAAK,WAAU,MAAK,EAAE,UAAU,MAAM,UAAU,CAAC;EAE1F,SAAS,UAAU,KAAqB;GACtC,OAAO,CAAC,IAAI;EACd;EAEA,eAAe,cAAc,OAAe,QAAQ,OAAsB;GACxE,MAAM,MAAM,MAAM,KAAK;GACvB,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,GACxB;GACF,IAAI,IAAI,UAAU,MAAM,YACtB,KAAK,qBAAqB,IAAI,KAAK;GACrC,IAAI,OAAO;IACT,MAAM,SAAS;IACf,WAAW,MAAM,MAAM,EAAE,MAAM;GACjC;EACF;EAEA,SAAS,gBAAgB,MAAc,WAA2B;GAChE,MAAM,SAAS,MAAM,KAAK;GAC1B,IAAI,WAAW,GACb,OAAO;GACT,IAAI,QAAQ;GACZ,KAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAAK;IAC/B,SAAS,QAAQ,YAAY,UAAU;IACvC,MAAM,MAAM,MAAM,KAAK;IACvB,IAAI,OAAO,UAAU,GAAG,GACtB,OAAO;GACX;GACA,OAAO;EACT;EAEA,SAAS,eAAuB;GAC9B,OAAO,MAAM,KAAK,UAAU,SAAS;EACvC;EAEA,SAAS,cAAsB;GAC7B,KAAK,IAAI,IAAI,MAAM,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK;IAC/C,MAAM,MAAM,MAAM,KAAK;IACvB,IAAI,OAAO,UAAU,GAAG,GACtB,OAAO;GACX;GACA,OAAO;EACT;EAEA,SAAS,UAAU,OAA4B;GAC7C,IAAI,MAAM,KAAK,WAAW,GACxB;GAEF,MAAM,eAAe,YAAY,QAAQ,IAAI,IAAI,YAAY;GAC7D,IAAI,YAAY;GAEhB,QAAQ,MAAM,KAAd;IACE,KAAK;KACH,YAAY,gBAAgB,cAAc,CAAC;KAC3C;IACF,KAAK;KACH,YAAY,gBAAgB,cAAc,EAAE;KAC5C;IACF,KAAK;KACH,YAAY,aAAa;KACzB;IACF,KAAK;KACH,YAAY,YAAY;KACxB;IACF,SACE;GACJ;GAEA,IAAI,YAAY,GACd;GAEF,MAAM,eAAe;GACrB,cAAmB,WAAW,IAAI;EACpC;EAEA,SAAS,QAAQ,KAAkB;GACjC,IAAI,CAAC,UAAU,GAAG,GAChB;GACF,IAAI,IAAI,UAAU,MAAM,YACtB,KAAK,qBAAqB,IAAI,KAAK;EACvC;;uBAIE,mBAmCM,OAAA;IAlCJ,MAAK;IACL,gBAAA;IACA,OAAM;IACI;yBAEV,mBA4BS,UAAA,MAAA,WA3BgB,QAAA,OAAf,KAAK,UAAK;wBADpB,mBA4BS,UAAA;KA1BN,KAAK,IAAI;;KACT,MAAK,OAAM,aAAa,IAAI,KAAK;KAClC,MAAK;KACL,MAAK;KACL,eAAA;KACC,IAAI,QAAA,SAAM,GAAM,QAAA,OAAM,OAAQ,IAAI,UAAU,KAAA;KAC5C,iBAAe,QAAA,SAAM,GAAM,QAAA,OAAM,SAAU,IAAI,UAAU,KAAA;KACzD,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,yGAAA,CAAA;KAGrB,UAAK,WAAE,QAAQ,GAAG;QAEnB,mBAQO,QARP,YAQO,CAPL,mBAA4B,QAAA,MAAA,gBAAnB,IAAI,KAAK,GAAA,CAAA,GAEV,IAAI,SAAA,UAAA,GADZ,mBAKO,QALP,YAKO,gBADF,IAAI,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA"}

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

@@ -1,81 +0,0 @@
-import { n as useGrFormFieldContext } from "../../../chunks/context-DdNIxa1w.js";
-import { r as grTextareaClass } from "../../../chunks/config-1uSYl98Y2.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",
-	"aria-describedby",
-	"aria-required"
-];
-//#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 — многострочное поле ввода GR-примитива.
-		*
-		* Состояния:
-		* - `state`: визуальный оттенок рамки (`default | success | warning | danger`).
-		* - `invalid`: форсирует `danger`-состояние и проставляет `aria-invalid="true"`.
-		*/
-		const props = __props;
-		const emit = __emit;
-		const field = useGrFormFieldContext();
-		const resolvedId = computed(() => props.id ?? field?.id.value);
-		const isInvalid = computed(() => props.invalid || Boolean(field?.invalid.value));
-		const describedBy = computed(() => field?.describedById.value);
-		const isRequired = computed(() => Boolean(field?.required.value));
-		const className = computed(() => grTextareaClass({
-			state: props.state,
-			invalid: isInvalid.value
-		}));
-		function onInput(e) {
-			emit("update:modelValue", e.target.value);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("textarea", {
-				id: resolvedId.value,
-				"data-gr-textarea": "",
-				name: __props.name,
-				rows: __props.rows,
-				autocomplete: __props.autocomplete,
-				placeholder: __props.placeholder,
-				disabled: __props.disabled,
-				value: __props.modelValue,
-				"aria-invalid": isInvalid.value ? "true" : void 0,
-				"aria-describedby": describedBy.value,
-				"aria-required": isRequired.value ? "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 };

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

@@ -1 +0,0 @@
-{"version":3,"file":"GrTextarea-CKukGlNl.js","names":[],"sources":["../../../../src/components/GrTextarea/GrTextarea.vue","../../../../src/components/GrTextarea/GrTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrTextarea — многострочное поле ввода GR-примитива.\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'\nimport { useGrFormFieldContext } from '../GrFormField/context'\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\n// Fallback из контекста `GrFormField` (id/aria-describedby/invalid/required).\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => props.id ?? field?.id.value)\nconst isInvalid = computed(() => props.invalid || Boolean(field?.invalid.value))\nconst describedBy = computed(() => field?.describedById.value)\nconst isRequired = computed(() => Boolean(field?.required.value))\n\nconst className = computed(() => grTextareaClass({\n  state: props.state,\n  invalid: isInvalid.value,\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=\"resolvedId\"\n    data-gr-textarea\n    :name=\"name\"\n    :rows=\"rows\"\n    :autocomplete=\"autocomplete\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :value=\"modelValue\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-describedby=\"describedBy\"\n    :aria-required=\"isRequired ? '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 — многострочное поле ввода GR-примитива.\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'\nimport { useGrFormFieldContext } from '../GrFormField/context'\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\n// Fallback из контекста `GrFormField` (id/aria-describedby/invalid/required).\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => props.id ?? field?.id.value)\nconst isInvalid = computed(() => props.invalid || Boolean(field?.invalid.value))\nconst describedBy = computed(() => field?.describedById.value)\nconst isRequired = computed(() => Boolean(field?.required.value))\n\nconst className = computed(() => grTextareaClass({\n  state: props.state,\n  invalid: isInvalid.value,\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=\"resolvedId\"\n    data-gr-textarea\n    :name=\"name\"\n    :rows=\"rows\"\n    :autocomplete=\"autocomplete\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :value=\"modelValue\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-describedby=\"describedBy\"\n    :aria-required=\"isRequired ? '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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAqBd,MAAM,OAAO;EAOb,MAAM,QAAQ,sBAAsB;EACpC,MAAM,aAAa,eAAe,MAAM,MAAM,OAAO,GAAG,KAAK;EAC7D,MAAM,YAAY,eAAe,MAAM,WAAW,QAAQ,OAAO,QAAQ,KAAK,CAAC;EAC/E,MAAM,cAAc,eAAe,OAAO,cAAc,KAAK;EAC7D,MAAM,aAAa,eAAe,QAAQ,OAAO,SAAS,KAAK,CAAC;EAEhE,MAAM,YAAY,eAAe,gBAAgB;GAC/C,OAAO,MAAM;GACb,SAAS,UAAU;EACrB,CAAC,CAAC;EAEF,SAAS,QAAQ,GAAgB;GAC/B,KAAK,qBAAsB,EAAE,OAA+B,KAAK;EACnE;;uBAIE,mBAeE,YAAA;IAdC,IAAI,WAAA;IACL,oBAAA;IACC,MAAM,QAAA;IACN,MAAM,QAAA;IACN,cAAc,QAAA;IACd,aAAa,QAAA;IACb,UAAU,QAAA;IACV,OAAO,QAAA;IACP,gBAAc,UAAA,QAAS,SAAY,KAAA;IACnC,oBAAkB,YAAA;IAClB,iBAAe,WAAA,QAAU,SAAY,KAAA;IACtC,OAAK,eAAA,CAAC,6QACE,UAAA,KAAS,CAAA;IACT"}

package/dist/components/GrToaster/chunks/GrToaster-L2cu6cSR.js

@@ -1,189 +0,0 @@
-import { n as check_circle_default, r as alert_triangle_default, t as x_circle_default } from "../../../chunks/x-circle-BCBURwyX.js";
-import { t as info_default } from "../../../chunks/info-Be2OccTu.js";
-import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
-import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.js";
-import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BlffdeJr.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
-import { useToast } from "../../../composables/useToast.js";
-import { r as PLACEMENT_CLASS } from "../../../chunks/config-LGrZIdaZ.js";
-import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, watchEffect, withCtx } from "vue";
-import '../../../GrToaster.css';//#region src/components/GrToaster/GrToaster.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label"];
-var _hoisted_2 = ["data-tone", "role"];
-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__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "GrToaster",
-	props: {
-		placement: { default: "top-right" },
-		maxVisible: { default: 4 },
-		dismissLabel: { default: void 0 },
-		regionLabel: { default: void 0 }
-	},
-	setup(__props) {
-		/**
-		* GrToaster — GR-примитив области уведомлений (toast).
-		*
-		* Модель состояния берётся из `useToast`, поэтому в приложении предполагается
-		* **один активный `GrToaster`** на корень (или app-scoped через плагин).
-		*
-		* A11y:
-		* - контейнер — `role="region"` с `aria-label` (i18n-проп `regionLabel`);
-		* - список обёрнут в ПОСТОЯННЫЙ live-region (`aria-live="polite"`), который
-		*   существует до вставки тостов — иначе SR часто не озвучивают целиком
-		*   вставленный узел с `aria-live`;
-		* - критичные тосты (`warning`/`danger`) несут `role="alert"` (ассертивно).
-		*
-		* UX:
-		* - `maxVisible` ограничивает стек; лишние ждут в очереди (их таймеры на паузе);
-		* - автозакрытие **останавливается под курсором/фокусом** (WCAG 2.2.1) и
-		*   визуализируется прогресс-баром до закрытия;
-		* - `placement` настраивает угол экрана; слой — `--gr-z-toast`.
-		*/
-		const TONE_META = {
-			primary: {
-				icon: info_default,
-				color: "var(--primary)",
-				role: "status"
-			},
-			neutral: {
-				icon: info_default,
-				color: "var(--muted-fg)",
-				role: "status"
-			},
-			info: {
-				icon: info_default,
-				color: "var(--gr-info)",
-				role: "status"
-			},
-			success: {
-				icon: check_circle_default,
-				color: "var(--gr-success)",
-				role: "status"
-			},
-			warning: {
-				icon: alert_triangle_default,
-				color: "var(--gr-warning)",
-				role: "alert"
-			},
-			danger: {
-				icon: x_circle_default,
-				color: "var(--gr-danger)",
-				role: "alert"
-			},
-			slate: {
-				icon: info_default,
-				color: "var(--gr-slate)",
-				role: "status"
-			},
-			azure: {
-				icon: info_default,
-				color: "var(--gr-azure)",
-				role: "status"
-			}
-		};
-		const props = __props;
-		const { t } = useGranularityTranslations();
-		const resolvedDismissLabel = computed(() => props.dismissLabel ?? t("gr.toaster.dismiss", "Dismiss"));
-		const resolvedRegionLabel = computed(() => props.regionLabel ?? t("gr.toaster.region", "Notifications"));
-		const { list, dismiss, pause, resume } = useToast();
-		const isClient = typeof window !== "undefined";
-		const visibleToasts = computed(() => list.value.slice(0, Math.max(1, props.maxVisible)));
-		const visibleIds = computed(() => new Set(visibleToasts.value.map((toast) => toast.id)));
-		const paused = ref(false);
-		watchEffect(() => {
-			for (const toast of list.value) if (visibleIds.value.has(toast.id) && !paused.value) resume(toast.id);
-			else pause(toast.id);
-		});
-		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-gr-toaster": "",
-				role: "region",
-				"aria-label": resolvedRegionLabel.value,
-				class: normalizeClass(["fixed z-[var(--gr-z-toast)] w-[360px] max-w-[calc(100vw-2rem)]", containerClass.value]),
-				onMouseenter: _cache[0] || (_cache[0] = ($event) => paused.value = true),
-				onMouseleave: _cache[1] || (_cache[1] = ($event) => paused.value = false),
-				onFocusin: _cache[2] || (_cache[2] = ($event) => paused.value = true),
-				onFocusout: _cache[3] || (_cache[3] = ($event) => paused.value = false)
-			}, [createVNode(TransitionGroup, {
-				tag: "div",
-				"aria-live": "polite",
-				"aria-atomic": "false",
-				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(visibleToasts.value, (toast) => {
-					return openBlock(), createElementBlock("div", {
-						key: toast.id,
-						"data-gr-toast": "",
-						"data-tone": toast.tone,
-						role: metaFor(toast.tone).role,
-						"aria-atomic": "true",
-						class: "relative overflow-hidden rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--gr-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": resolvedDismissLabel.value,
-							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"])
-					]), toast.timeoutMs > 0 ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						"data-gr-toast-progress": "",
-						"aria-hidden": "true",
-						class: "gr-toast-progress absolute bottom-0 left-0 h-[2px] w-full origin-left",
-						style: normalizeStyle({
-							backgroundColor: metaFor(toast.tone).color,
-							animationDuration: `${toast.timeoutMs}ms`,
-							animationPlayState: paused.value ? "paused" : "running"
-						})
-					}, null, 4)) : createCommentVNode("", true)], 8, _hoisted_2);
-				}), 128))]),
-				_: 1
-			})], 42, _hoisted_1)], 8, ["disabled"]);
-		};
-	}
-}), [["__scopeId", "data-v-2b201c4e"]]);
-//#endregion
-export { GrToaster_default as t };