@feugene/granularity 0.10.0 → 0.11.0

package/dist/components/GrAlert/chunks/{GrAlert-HyCjYJeL.js → GrAlert-DPJSU_fG.js}

@@ -1,15 +1,17 @@
-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 { 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 { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref } from "vue";
 //#region src/components/GrAlert/GrAlert.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex items-start gap-3" };
 var _hoisted_2 = { class: "min-w-0 flex-1" };
 var _hoisted_3 = {
 	key: 0,
-	class: "text-[14px] font-700 text-[var(--ds-alert-title-color)]"
+	class: "text-[14px] font-700 text-[var(--gr-alert-title-color)]"
 };
-var _hoisted_4 = { class: "mt-0.5 text-[13px] text-[var(--ds-alert-text-color)]" };
+var _hoisted_4 = { class: "mt-0.5 text-[13px] text-[var(--gr-alert-text-color)]" };
+var _hoisted_5 = ["aria-label"];
 var WARNING_LIGHT_TEXT_COLOR = "#92400e";
 //#endregion
 //#region src/components/GrAlert/GrAlert.vue
@@ -37,6 +39,7 @@ var GrAlert_default = /* @__PURE__ */ defineComponent({
 		};
 		const emit = __emit;
 		const props = __props;
+		const { t } = useGranularityTranslations();
 		const getCustomColor = (value) => value?.trim() || void 0;
 		const SOFT_TONE_STYLES = {
 			primary: {
@@ -54,44 +57,44 @@ var GrAlert_default = /* @__PURE__ */ defineComponent({
 				Icon: info_default
 			},
 			info: {
-				bg: "var(--ds-info-light)",
-				border: "color-mix(in srgb, var(--ds-info) 22%, var(--brd))",
-				icon: "var(--ds-info)",
+				bg: "var(--gr-info-light)",
+				border: "color-mix(in srgb, var(--gr-info) 22%, var(--brd))",
+				icon: "var(--gr-info)",
 				...DEFAULT_TEXT_COLORS,
 				Icon: info_default
 			},
 			success: {
-				bg: "var(--ds-success-light)",
-				border: "color-mix(in srgb, var(--ds-success) 22%, var(--brd))",
-				icon: "var(--ds-success)",
+				bg: "var(--gr-success-light)",
+				border: "color-mix(in srgb, var(--gr-success) 22%, var(--brd))",
+				icon: "var(--gr-success)",
 				...DEFAULT_TEXT_COLORS,
 				Icon: check_circle_default
 			},
 			warning: {
-				bg: "var(--ds-warning-light)",
-				border: "color-mix(in srgb, var(--ds-warning) 22%, var(--brd))",
-				icon: "var(--ds-warning)",
+				bg: "var(--gr-warning-light)",
+				border: "color-mix(in srgb, var(--gr-warning) 22%, var(--brd))",
+				icon: "var(--gr-warning)",
 				...DEFAULT_TEXT_COLORS,
 				Icon: alert_triangle_default
 			},
 			danger: {
-				bg: "var(--ds-danger-light)",
-				border: "color-mix(in srgb, var(--ds-danger) 22%, var(--brd))",
-				icon: "var(--ds-danger)",
+				bg: "var(--gr-danger-light)",
+				border: "color-mix(in srgb, var(--gr-danger) 22%, var(--brd))",
+				icon: "var(--gr-danger)",
 				...DEFAULT_TEXT_COLORS,
 				Icon: x_circle_default
 			},
 			slate: {
-				bg: "var(--ds-slate-light)",
-				border: "color-mix(in srgb, var(--ds-slate) 22%, var(--brd))",
-				icon: "var(--ds-slate)",
+				bg: "var(--gr-slate-light)",
+				border: "color-mix(in srgb, var(--gr-slate) 22%, var(--brd))",
+				icon: "var(--gr-slate)",
 				...DEFAULT_TEXT_COLORS,
 				Icon: info_default
 			},
 			azure: {
-				bg: "var(--ds-azure-light)",
-				border: "color-mix(in srgb, var(--ds-azure) 22%, var(--brd))",
-				icon: "var(--ds-azure)",
+				bg: "var(--gr-azure-light)",
+				border: "color-mix(in srgb, var(--gr-azure) 22%, var(--brd))",
+				icon: "var(--gr-azure)",
 				...DEFAULT_TEXT_COLORS,
 				Icon: info_default
 			}
@@ -121,37 +124,37 @@ var GrAlert_default = /* @__PURE__ */ defineComponent({
 			};
 		});
 		const rootStyle = computed(() => ({
-			"--ds-alert-bg": styles.value.bg,
-			"--ds-alert-brd": styles.value.border,
-			"--ds-alert-icon-color": styles.value.icon,
-			"--ds-alert-title-color": styles.value.title,
-			"--ds-alert-text-color": styles.value.text,
-			"--ds-alert-close-color": styles.value.close,
-			"--ds-alert-close-hover-color": styles.value.closeHover,
-			background: "var(--ds-alert-bg)",
-			borderColor: "var(--ds-alert-brd)"
+			"--gr-alert-bg": styles.value.bg,
+			"--gr-alert-brd": styles.value.border,
+			"--gr-alert-icon-color": styles.value.icon,
+			"--gr-alert-title-color": styles.value.title,
+			"--gr-alert-text-color": styles.value.text,
+			"--gr-alert-close-color": styles.value.close,
+			"--gr-alert-close-hover-color": styles.value.closeHover,
+			background: "var(--gr-alert-bg)",
+			borderColor: "var(--gr-alert-brd)"
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				role: "alert",
-				class: "rounded-[var(--ds-radius-lg)] border px-4 py-3",
+				class: "rounded-[var(--gr-radius-lg)] border px-4 py-3",
 				style: normalizeStyle(rootStyle.value)
 			}, [createElementVNode("div", _hoisted_1, [
 				(openBlock(), createBlock(resolveDynamicComponent(styles.value.Icon), {
-					class: "mt-0.5 h-5 w-5 text-[var(--ds-alert-icon-color)]",
+					class: "mt-0.5 h-5 w-5 text-[var(--gr-alert-icon-color)]",
 					"aria-hidden": "true"
 				})),
 				createElementVNode("div", _hoisted_2, [props.title ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(props.title), 1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")])]),
 				props.closable ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
-					class: "-mr-1 -mt-1 rounded-[var(--ds-radius-md)] p-1 text-[var(--ds-alert-close-color)] transition-colors hover:text-[var(--ds-alert-close-hover-color)]",
-					"aria-label": "Close",
+					class: "-mr-1 -mt-1 rounded-[var(--gr-radius-md)] p-1 text-[var(--gr-alert-close-color)] transition-colors hover:text-[var(--gr-alert-close-hover-color)]",
+					"aria-label": unref(t)("gr.common.close", "Close"),
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
 				}, [createVNode(unref(x_default), {
 					class: "h-4 w-4",
 					"aria-hidden": "true"
-				})])) : createCommentVNode("", true)
+				})], 8, _hoisted_5)) : createCommentVNode("", true)
 			])], 4);
 		};
 	}

package/dist/components/GrAlert/chunks/GrAlert-DPJSU_fG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrAlert-DPJSU_fG.js","names":[],"sources":["../../../../src/components/GrAlert/GrAlert.vue","../../../../src/components/GrAlert/GrAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\nimport IconError from '~icons/lucide/x-circle'\n\nimport type { GrTone } from '../shared/tones'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nexport type GrAlertTone = GrTone\nexport type GrAlertVariant = 'soft' | 'light'\n\ntype GrAlertResolvedStyles = {\n  bg: string\n  border: string\n  icon: string\n  title: string\n  text: string\n  close: string\n  closeHover: string\n  Icon: unknown\n}\n\nconst DEFAULT_TEXT_COLORS = {\n  title: 'var(--fg)',\n  text: 'var(--muted-fg)',\n  close: 'var(--muted-fg)',\n  closeHover: 'var(--fg)',\n} as const\n\nconst WARNING_LIGHT_TEXT_COLOR = '#92400e'\n\nconst emit = defineEmits<{\n  (event: 'close'): void\n}>()\n\nconst props = withDefaults(defineProps<{\n  tone?: GrAlertTone\n  variant?: GrAlertVariant\n  title?: string\n  closable?: boolean\n  backgroundColor?: string\n  textColor?: string\n  borderColor?: string\n}>(), {\n  tone: 'info',\n  variant: 'soft',\n  title: undefined,\n  closable: false,\n  backgroundColor: undefined,\n  textColor: undefined,\n  borderColor: undefined,\n})\n\nconst { t } = useGranularityTranslations()\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\nconst SOFT_TONE_STYLES: Record<GrAlertTone, GrAlertResolvedStyles> = {\n  primary: {\n    bg: 'var(--accent)',\n    border: 'color-mix(in srgb, var(--primary) 22%, var(--brd))',\n    icon: 'var(--primary)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconInfo,\n  },\n  neutral: {\n    bg: 'var(--muted)',\n    border: 'var(--brd)',\n    icon: 'var(--muted-fg)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconInfo,\n  },\n  info: {\n    bg: 'var(--gr-info-light)',\n    border: 'color-mix(in srgb, var(--gr-info) 22%, var(--brd))',\n    icon: 'var(--gr-info)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconInfo,\n  },\n  success: {\n    bg: 'var(--gr-success-light)',\n    border: 'color-mix(in srgb, var(--gr-success) 22%, var(--brd))',\n    icon: 'var(--gr-success)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconCheck,\n  },\n  warning: {\n    bg: 'var(--gr-warning-light)',\n    border: 'color-mix(in srgb, var(--gr-warning) 22%, var(--brd))',\n    icon: 'var(--gr-warning)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconWarning,\n  },\n  danger: {\n    bg: 'var(--gr-danger-light)',\n    border: 'color-mix(in srgb, var(--gr-danger) 22%, var(--brd))',\n    icon: 'var(--gr-danger)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconError,\n  },\n  slate: {\n    bg: 'var(--gr-slate-light)',\n    border: 'color-mix(in srgb, var(--gr-slate) 22%, var(--brd))',\n    icon: 'var(--gr-slate)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconInfo,\n  },\n  azure: {\n    bg: 'var(--gr-azure-light)',\n    border: 'color-mix(in srgb, var(--gr-azure) 22%, var(--brd))',\n    icon: 'var(--gr-azure)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconInfo,\n  },\n}\n\nconst LIGHT_TONE_STYLES: Partial<Record<GrAlertTone, GrAlertResolvedStyles>> = {\n  warning: {\n    bg: '#fffbeb',\n    border: '#fcd34d',\n    icon: WARNING_LIGHT_TEXT_COLOR,\n    title: WARNING_LIGHT_TEXT_COLOR,\n    text: WARNING_LIGHT_TEXT_COLOR,\n    close: WARNING_LIGHT_TEXT_COLOR,\n    closeHover: WARNING_LIGHT_TEXT_COLOR,\n    Icon: IconWarning,\n  },\n}\n\nconst styles = computed<GrAlertResolvedStyles>(() => {\n  const base = (props.variant === 'light' ? LIGHT_TONE_STYLES[props.tone] : undefined) ?? SOFT_TONE_STYLES[props.tone]\n  const customTextColor = getCustomColor(props.textColor)\n\n  return {\n    ...base,\n    bg: getCustomColor(props.backgroundColor) ?? base.bg,\n    border: getCustomColor(props.borderColor) ?? base.border,\n    icon: customTextColor ?? base.icon,\n    title: customTextColor ?? base.title,\n    text: customTextColor ?? base.text,\n    close: customTextColor ?? base.close,\n    closeHover: customTextColor ?? base.closeHover,\n  }\n})\n\nconst rootStyle = computed(() => ({\n  '--gr-alert-bg': styles.value.bg,\n  '--gr-alert-brd': styles.value.border,\n  '--gr-alert-icon-color': styles.value.icon,\n  '--gr-alert-title-color': styles.value.title,\n  '--gr-alert-text-color': styles.value.text,\n  '--gr-alert-close-color': styles.value.close,\n  '--gr-alert-close-hover-color': styles.value.closeHover,\n  background: 'var(--gr-alert-bg)',\n  borderColor: 'var(--gr-alert-brd)',\n}))\n</script>\n\n<template>\n  <div\n    role=\"alert\"\n    class=\"rounded-[var(--gr-radius-lg)] border px-4 py-3\"\n    :style=\"rootStyle\"\n  >\n    <div class=\"flex items-start gap-3\">\n      <component :is=\"styles.Icon\" class=\"mt-0.5 h-5 w-5 text-[var(--gr-alert-icon-color)]\" aria-hidden=\"true\" />\n      <div class=\"min-w-0 flex-1\">\n        <div v-if=\"props.title\" class=\"text-[14px] font-700 text-[var(--gr-alert-title-color)]\">\n          {{ props.title }}\n        </div>\n        <div class=\"mt-0.5 text-[13px] text-[var(--gr-alert-text-color)]\">\n          <slot />\n        </div>\n      </div>\n\n      <button\n        v-if=\"props.closable\"\n        type=\"button\"\n        class=\"-mr-1 -mt-1 rounded-[var(--gr-radius-md)] p-1 text-[var(--gr-alert-close-color)] transition-colors hover:text-[var(--gr-alert-close-hover-color)]\"\n        :aria-label=\"t('gr.common.close', 'Close')\"\n        @click=\"emit('close')\"\n      >\n        <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\nimport IconError from '~icons/lucide/x-circle'\n\nimport type { GrTone } from '../shared/tones'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nexport type GrAlertTone = GrTone\nexport type GrAlertVariant = 'soft' | 'light'\n\ntype GrAlertResolvedStyles = {\n  bg: string\n  border: string\n  icon: string\n  title: string\n  text: string\n  close: string\n  closeHover: string\n  Icon: unknown\n}\n\nconst DEFAULT_TEXT_COLORS = {\n  title: 'var(--fg)',\n  text: 'var(--muted-fg)',\n  close: 'var(--muted-fg)',\n  closeHover: 'var(--fg)',\n} as const\n\nconst WARNING_LIGHT_TEXT_COLOR = '#92400e'\n\nconst emit = defineEmits<{\n  (event: 'close'): void\n}>()\n\nconst props = withDefaults(defineProps<{\n  tone?: GrAlertTone\n  variant?: GrAlertVariant\n  title?: string\n  closable?: boolean\n  backgroundColor?: string\n  textColor?: string\n  borderColor?: string\n}>(), {\n  tone: 'info',\n  variant: 'soft',\n  title: undefined,\n  closable: false,\n  backgroundColor: undefined,\n  textColor: undefined,\n  borderColor: undefined,\n})\n\nconst { t } = useGranularityTranslations()\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\nconst SOFT_TONE_STYLES: Record<GrAlertTone, GrAlertResolvedStyles> = {\n  primary: {\n    bg: 'var(--accent)',\n    border: 'color-mix(in srgb, var(--primary) 22%, var(--brd))',\n    icon: 'var(--primary)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconInfo,\n  },\n  neutral: {\n    bg: 'var(--muted)',\n    border: 'var(--brd)',\n    icon: 'var(--muted-fg)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconInfo,\n  },\n  info: {\n    bg: 'var(--gr-info-light)',\n    border: 'color-mix(in srgb, var(--gr-info) 22%, var(--brd))',\n    icon: 'var(--gr-info)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconInfo,\n  },\n  success: {\n    bg: 'var(--gr-success-light)',\n    border: 'color-mix(in srgb, var(--gr-success) 22%, var(--brd))',\n    icon: 'var(--gr-success)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconCheck,\n  },\n  warning: {\n    bg: 'var(--gr-warning-light)',\n    border: 'color-mix(in srgb, var(--gr-warning) 22%, var(--brd))',\n    icon: 'var(--gr-warning)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconWarning,\n  },\n  danger: {\n    bg: 'var(--gr-danger-light)',\n    border: 'color-mix(in srgb, var(--gr-danger) 22%, var(--brd))',\n    icon: 'var(--gr-danger)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconError,\n  },\n  slate: {\n    bg: 'var(--gr-slate-light)',\n    border: 'color-mix(in srgb, var(--gr-slate) 22%, var(--brd))',\n    icon: 'var(--gr-slate)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconInfo,\n  },\n  azure: {\n    bg: 'var(--gr-azure-light)',\n    border: 'color-mix(in srgb, var(--gr-azure) 22%, var(--brd))',\n    icon: 'var(--gr-azure)',\n    ...DEFAULT_TEXT_COLORS,\n    Icon: IconInfo,\n  },\n}\n\nconst LIGHT_TONE_STYLES: Partial<Record<GrAlertTone, GrAlertResolvedStyles>> = {\n  warning: {\n    bg: '#fffbeb',\n    border: '#fcd34d',\n    icon: WARNING_LIGHT_TEXT_COLOR,\n    title: WARNING_LIGHT_TEXT_COLOR,\n    text: WARNING_LIGHT_TEXT_COLOR,\n    close: WARNING_LIGHT_TEXT_COLOR,\n    closeHover: WARNING_LIGHT_TEXT_COLOR,\n    Icon: IconWarning,\n  },\n}\n\nconst styles = computed<GrAlertResolvedStyles>(() => {\n  const base = (props.variant === 'light' ? LIGHT_TONE_STYLES[props.tone] : undefined) ?? SOFT_TONE_STYLES[props.tone]\n  const customTextColor = getCustomColor(props.textColor)\n\n  return {\n    ...base,\n    bg: getCustomColor(props.backgroundColor) ?? base.bg,\n    border: getCustomColor(props.borderColor) ?? base.border,\n    icon: customTextColor ?? base.icon,\n    title: customTextColor ?? base.title,\n    text: customTextColor ?? base.text,\n    close: customTextColor ?? base.close,\n    closeHover: customTextColor ?? base.closeHover,\n  }\n})\n\nconst rootStyle = computed(() => ({\n  '--gr-alert-bg': styles.value.bg,\n  '--gr-alert-brd': styles.value.border,\n  '--gr-alert-icon-color': styles.value.icon,\n  '--gr-alert-title-color': styles.value.title,\n  '--gr-alert-text-color': styles.value.text,\n  '--gr-alert-close-color': styles.value.close,\n  '--gr-alert-close-hover-color': styles.value.closeHover,\n  background: 'var(--gr-alert-bg)',\n  borderColor: 'var(--gr-alert-brd)',\n}))\n</script>\n\n<template>\n  <div\n    role=\"alert\"\n    class=\"rounded-[var(--gr-radius-lg)] border px-4 py-3\"\n    :style=\"rootStyle\"\n  >\n    <div class=\"flex items-start gap-3\">\n      <component :is=\"styles.Icon\" class=\"mt-0.5 h-5 w-5 text-[var(--gr-alert-icon-color)]\" aria-hidden=\"true\" />\n      <div class=\"min-w-0 flex-1\">\n        <div v-if=\"props.title\" class=\"text-[14px] font-700 text-[var(--gr-alert-title-color)]\">\n          {{ props.title }}\n        </div>\n        <div class=\"mt-0.5 text-[13px] text-[var(--gr-alert-text-color)]\">\n          <slot />\n        </div>\n      </div>\n\n      <button\n        v-if=\"props.closable\"\n        type=\"button\"\n        class=\"-mr-1 -mt-1 rounded-[var(--gr-radius-md)] p-1 text-[var(--gr-alert-close-color)] transition-colors hover:text-[var(--gr-alert-close-hover-color)]\"\n        :aria-label=\"t('gr.common.close', 'Close')\"\n        @click=\"emit('close')\"\n      >\n        <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n    </div>\n  </div>\n</template>"],"mappings":";;;;;;;;;;;;;;AAiCA,IAAM,2BAA2B;;;;;;;;;;;;;;;;;;;EAPjC,MAAM,sBAAsB;GAC1B,OAAO;GACP,MAAM;GACN,OAAO;GACP,YAAY;EACd;EAIA,MAAM,OAAO;EAIb,MAAM,QAAQ;EAkBd,MAAM,EAAE,MAAM,2BAA2B;EAEzC,MAAM,kBAAkB,UAAmB,OAAO,KAAK,KAAK,KAAA;EAE5D,MAAM,mBAA+D;GACnE,SAAS;IACP,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,GAAG;IACH,MAAM;GACR;GACA,SAAS;IACP,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,GAAG;IACH,MAAM;GACR;GACA,MAAM;IACJ,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,GAAG;IACH,MAAM;GACR;GACA,SAAS;IACP,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,GAAG;IACH,MAAM;GACR;GACA,SAAS;IACP,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,GAAG;IACH,MAAM;GACR;GACA,QAAQ;IACN,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,GAAG;IACH,MAAM;GACR;GACA,OAAO;IACL,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,GAAG;IACH,MAAM;GACR;GACA,OAAO;IACL,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,GAAG;IACH,MAAM;GACR;EACF;EAEA,MAAM,oBAAyE,EAC7E,SAAS;GACP,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,OAAO;GACP,MAAM;GACN,OAAO;GACP,YAAY;GACZ,MAAM;EACR,EACF;EAEA,MAAM,SAAS,eAAsC;GACnD,MAAM,QAAQ,MAAM,YAAY,UAAU,kBAAkB,MAAM,QAAQ,KAAA,MAAc,iBAAiB,MAAM;GAC/G,MAAM,kBAAkB,eAAe,MAAM,SAAS;GAEtD,OAAO;IACL,GAAG;IACH,IAAI,eAAe,MAAM,eAAe,KAAK,KAAK;IAClD,QAAQ,eAAe,MAAM,WAAW,KAAK,KAAK;IAClD,MAAM,mBAAmB,KAAK;IAC9B,OAAO,mBAAmB,KAAK;IAC/B,MAAM,mBAAmB,KAAK;IAC9B,OAAO,mBAAmB,KAAK;IAC/B,YAAY,mBAAmB,KAAK;GACtC;EACF,CAAC;EAED,MAAM,YAAY,gBAAgB;GAChC,iBAAiB,OAAO,MAAM;GAC9B,kBAAkB,OAAO,MAAM;GAC/B,yBAAyB,OAAO,MAAM;GACtC,0BAA0B,OAAO,MAAM;GACvC,yBAAyB,OAAO,MAAM;GACtC,0BAA0B,OAAO,MAAM;GACvC,gCAAgC,OAAO,MAAM;GAC7C,YAAY;GACZ,aAAa;EACf,EAAE;;uBAIA,mBA0BM,OAAA;IAzBJ,MAAK;IACL,OAAM;IACL,OAAK,eAAE,UAAA,KAAS;OAEjB,mBAoBM,OApBN,YAoBM;kBAnBJ,YAA2G,wBAA3F,OAAA,MAAO,IAAI,GAAA;KAAE,OAAM;KAAmD,eAAY;;IAClG,mBAOM,OAPN,YAOM,CANO,MAAM,SAAA,UAAA,GAAjB,mBAEM,OAFN,YAEM,gBADD,MAAM,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAEhB,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAKJ,MAAM,YAAA,UAAA,GADd,mBAQS,UAAA;;KANP,MAAK;KACL,OAAM;KACL,cAAY,MAAA,CAAA,CAAC,CAAA,mBAAA,OAAA;KACb,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;QAEZ,YAAgD,MAAA,SAAA,GAAA;KAArC,OAAM;KAAU,eAAY"}

package/dist/components/GrAlert/index.js

@@ -1,3 +1,3 @@
-import { t as GrAlert_default } from "./chunks/GrAlert-HyCjYJeL.js";
-import { t as grAlertConfig } from "../../chunks/config-BV4vBzdm.js";
+import { t as GrAlert_default } from "./chunks/GrAlert-DPJSU_fG.js";
+import { t as grAlertConfig } from "../../chunks/config-BNu8lFQB.js";
 export { GrAlert_default as GrAlert, GrAlert_default as default, grAlertConfig };

package/dist/components/GrAvatar/chunks/{GrAvatar-BjnPKNAL.js → GrAvatar-96CpTCq5.js}

@@ -1,4 +1,4 @@
-import { r as grAvatarClass } from "../../../chunks/config-CU_CBd0k.js";
+import { r as grAvatarClass } from "../../../chunks/config-QYGvEBu5.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
 //#region src/components/GrAvatar/GrAvatar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["src", "alt"];
@@ -33,7 +33,7 @@ var GrAvatar_default = /* @__PURE__ */ defineComponent({
 				src: props.src,
 				alt: props.alt,
 				class: "h-full w-full object-cover"
-			}, null, 8, _hoisted_1)) : renderSlot(_ctx.$slots, "default", { key: 1 })], 6);
+			}, null, 8, _hoisted_1)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)], 6);
 		};
 	}
 });

package/dist/components/GrAvatar/chunks/{GrAvatar-BjnPKNAL.js.map → GrAvatar-96CpTCq5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrAvatar-BjnPKNAL.js","names":[],"sources":["../../../../src/components/GrAvatar/GrAvatar.vue","../../../../src/components/GrAvatar/GrAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { grAvatarClass } from './grAvatarStyles'\nimport type { GrAvatarShape } from './grAvatarStyles'\n\nconst props = withDefaults(defineProps<{\n  size?: number\n  src?: string\n  alt?: string\n  shape?: GrAvatarShape\n}>(), {\n  size: 40,\n  src: undefined,\n  alt: '',\n  shape: 'circle',\n})\n\nconst style = computed(() => {\n  const px = `${props.size}px`\n\n  return {\n    width: px,\n    height: px,\n  }\n})\n\nconst className = computed(() => {\n  return grAvatarClass(props.shape)\n})\n</script>\n\n<template>\n  <span :style=\"style\" class=\"inline-flex items-center justify-center overflow-hidden border border-[var(--brd)] bg-[var(--muted)] text-[var(--muted-fg)] font-700\" :class=\"className\">\n    <img v-if=\"props.src\" :src=\"props.src\" :alt=\"props.alt\" class=\"h-full w-full object-cover\">\n    <slot v-else />\n  </span>\n</template>","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { grAvatarClass } from './grAvatarStyles'\nimport type { GrAvatarShape } from './grAvatarStyles'\n\nconst props = withDefaults(defineProps<{\n  size?: number\n  src?: string\n  alt?: string\n  shape?: GrAvatarShape\n}>(), {\n  size: 40,\n  src: undefined,\n  alt: '',\n  shape: 'circle',\n})\n\nconst style = computed(() => {\n  const px = `${props.size}px`\n\n  return {\n    width: px,\n    height: px,\n  }\n})\n\nconst className = computed(() => {\n  return grAvatarClass(props.shape)\n})\n</script>\n\n<template>\n  <span :style=\"style\" class=\"inline-flex items-center justify-center overflow-hidden border border-[var(--brd)] bg-[var(--muted)] text-[var(--muted-fg)] font-700\" :class=\"className\">\n    <img v-if=\"props.src\" :src=\"props.src\" :alt=\"props.alt\" class=\"h-full w-full object-cover\">\n    <slot v-else />\n  </span>\n</template>"],"mappings":";;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAYd,MAAM,QAAQ,eAAe;GAC3B,MAAM,KAAK,GAAG,MAAM,KAAK;AAEzB,UAAO;IACL,OAAO;IACP,QAAQ;IACV;IACD;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO,cAAc,MAAM,MAAK;IACjC;;uBAIC,mBAGO,QAAA;IAHA,OAAK,eAAE,MAAA,MAAK;IAAE,OAAK,eAAA,CAAC,wIAA+I,UAAA,MAAS,CAAA;OACtK,MAAM,OAAA,WAAA,EAAjB,mBAA2F,OAAA;;IAApE,KAAK,MAAM;IAAM,KAAK,MAAM;IAAK,OAAM;8BAC9D,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"GrAvatar-96CpTCq5.js","names":[],"sources":["../../../../src/components/GrAvatar/GrAvatar.vue","../../../../src/components/GrAvatar/GrAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { grAvatarClass } from './grAvatarStyles'\nimport type { GrAvatarShape } from './grAvatarStyles'\n\nconst props = withDefaults(defineProps<{\n  size?: number\n  src?: string\n  alt?: string\n  shape?: GrAvatarShape\n}>(), {\n  size: 40,\n  src: undefined,\n  alt: '',\n  shape: 'circle',\n})\n\nconst style = computed(() => {\n  const px = `${props.size}px`\n\n  return {\n    width: px,\n    height: px,\n  }\n})\n\nconst className = computed(() => {\n  return grAvatarClass(props.shape)\n})\n</script>\n\n<template>\n  <span :style=\"style\" class=\"inline-flex items-center justify-center overflow-hidden border border-[var(--brd)] bg-[var(--muted)] text-[var(--muted-fg)] font-700\" :class=\"className\">\n    <img v-if=\"props.src\" :src=\"props.src\" :alt=\"props.alt\" class=\"h-full w-full object-cover\">\n    <slot v-else />\n  </span>\n</template>","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { grAvatarClass } from './grAvatarStyles'\nimport type { GrAvatarShape } from './grAvatarStyles'\n\nconst props = withDefaults(defineProps<{\n  size?: number\n  src?: string\n  alt?: string\n  shape?: GrAvatarShape\n}>(), {\n  size: 40,\n  src: undefined,\n  alt: '',\n  shape: 'circle',\n})\n\nconst style = computed(() => {\n  const px = `${props.size}px`\n\n  return {\n    width: px,\n    height: px,\n  }\n})\n\nconst className = computed(() => {\n  return grAvatarClass(props.shape)\n})\n</script>\n\n<template>\n  <span :style=\"style\" class=\"inline-flex items-center justify-center overflow-hidden border border-[var(--brd)] bg-[var(--muted)] text-[var(--muted-fg)] font-700\" :class=\"className\">\n    <img v-if=\"props.src\" :src=\"props.src\" :alt=\"props.alt\" class=\"h-full w-full object-cover\">\n    <slot v-else />\n  </span>\n</template>"],"mappings":";;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAYd,MAAM,QAAQ,eAAe;GAC3B,MAAM,KAAK,GAAG,MAAM,KAAK;GAEzB,OAAO;IACL,OAAO;IACP,QAAQ;GACV;EACF,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO,cAAc,MAAM,KAAK;EAClC,CAAC;;uBAIC,mBAGO,QAAA;IAHA,OAAK,eAAE,MAAA,KAAK;IAAE,OAAK,eAAA,CAAC,wIAA+I,UAAA,KAAS,CAAA;OACtK,MAAM,OAAA,UAAA,GAAjB,mBAA2F,OAAA;;IAApE,KAAK,MAAM;IAAM,KAAK,MAAM;IAAK,OAAM;8BAC9D,WAAe,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/components/GrAvatar/index.js

@@ -1,3 +1,3 @@
-import { n as grAvatarSafelist, t as grAvatarConfig } from "../../chunks/config-CU_CBd0k.js";
-import { t as GrAvatar_default } from "./chunks/GrAvatar-BjnPKNAL.js";
+import { n as grAvatarSafelist, t as grAvatarConfig } from "../../chunks/config-QYGvEBu5.js";
+import { t as GrAvatar_default } from "./chunks/GrAvatar-96CpTCq5.js";
 export { GrAvatar_default as GrAvatar, GrAvatar_default as default, grAvatarConfig, grAvatarSafelist };

package/dist/components/GrBadge/chunks/{GrBadge-Cs_cVfuO.js → GrBadge-B77XlaqE.js}

@@ -1,12 +1,12 @@
-import { n as grBadgeClass } from "../../../chunks/grBadgeStyles-Cq0hH2Ls.js";
-import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-DQR7Sy7Q.js";
+import { n as grBadgeClass } from "../../../chunks/grBadgeStyles-DrycBuKT.js";
+import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
 import '../../../GrBadge.css';//#region src/components/GrBadge/GrBadge.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "gr-badge__label" };
 var _hoisted_2 = { class: "gr-badge__text" };
 //#endregion
 //#region src/components/GrBadge/GrBadge.vue
-var GrBadge_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var GrBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "GrBadge",
 	props: {
 		tone: { default: "neutral" },

package/dist/components/GrBadge/chunks/{GrBadge-Cs_cVfuO.js.map → GrBadge-B77XlaqE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrBadge-Cs_cVfuO.js","names":[],"sources":["../../../../src/components/GrBadge/GrBadge.vue","../../../../src/components/GrBadge/GrBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from './grBadgeStyles'\n\nimport {\n  grBadgeClass,\n  type GrBadgeRadius,\n  type GrBadgeSize,\n  type GrBadgeTone,\n} from './grBadgeStyles'\n\nconst props = withDefaults(\n    defineProps<{\n      tone?: GrBadgeTone\n      dark?: boolean\n      size?: GrBadgeSize\n      radius?: GrBadgeRadius\n    }>(),\n    {\n      tone: 'neutral',\n      dark: false,\n      size: 'sm',\n      radius: 'round',\n    },\n)\n\nconst className = computed(() => {\n  return grBadgeClass({\n    tone: props.tone,\n    dark: props.dark,\n    size: props.size,\n    radius: props.radius,\n  })\n})\n</script>\n\n<template>\n  <span\n      class=\"gr-badge inline-block border whitespace-nowrap leading-none\"\n      :class=\"className\"\n  >\n    <span class=\"gr-badge__label\">\n      <span class=\"gr-badge__text\">\n        <slot />\n      </span>\n    </span>\n  </span>\n</template>\n\n<style scoped>\n/*\n * Оптически центрируем текст по вертикали независимо от регистра,\n * не уменьшая высоту самого бейджа.\n *\n * Раньше `text-box-trim` висел прямо на тексте и обрезал line-box до\n * cap-height: текст центрировался корректно, но высота контента\n * падала до cap-height, из-за чего бейдж становился ниже.\n *\n * Теперь высоту держит обёртка `.gr-badge__label` (`min-height: 1lh` —\n * исходная высота line-box при `leading-none`), а сам текст\n * (`.gr-badge__text`) обрезается до cap-height/базовой линии и\n * центрируется внутри этой высоты через flex. В итоге высота бейджа\n * не меняется, а строчный/заглавный текст выглядит по центру.\n */\n.gr-badge__label {\n  display: flex;\n  align-items: center;\n  min-height: 1lh;\n}\n\n.gr-badge__text {\n  display: block;\n  text-box-trim: trim-both;\n  text-box-edge: cap alphabetic;\n  /* Шорткат для браузеров с поддержкой нового синтаксиса. */\n  text-box: trim-both cap alphabetic;\n}\n</style>","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from './grBadgeStyles'\n\nimport {\n  grBadgeClass,\n  type GrBadgeRadius,\n  type GrBadgeSize,\n  type GrBadgeTone,\n} from './grBadgeStyles'\n\nconst props = withDefaults(\n    defineProps<{\n      tone?: GrBadgeTone\n      dark?: boolean\n      size?: GrBadgeSize\n      radius?: GrBadgeRadius\n    }>(),\n    {\n      tone: 'neutral',\n      dark: false,\n      size: 'sm',\n      radius: 'round',\n    },\n)\n\nconst className = computed(() => {\n  return grBadgeClass({\n    tone: props.tone,\n    dark: props.dark,\n    size: props.size,\n    radius: props.radius,\n  })\n})\n</script>\n\n<template>\n  <span\n      class=\"gr-badge inline-block border whitespace-nowrap leading-none\"\n      :class=\"className\"\n  >\n    <span class=\"gr-badge__label\">\n      <span class=\"gr-badge__text\">\n        <slot />\n      </span>\n    </span>\n  </span>\n</template>\n\n<style scoped>\n/*\n * Оптически центрируем текст по вертикали независимо от регистра,\n * не уменьшая высоту самого бейджа.\n *\n * Раньше `text-box-trim` висел прямо на тексте и обрезал line-box до\n * cap-height: текст центрировался корректно, но высота контента\n * падала до cap-height, из-за чего бейдж становился ниже.\n *\n * Теперь высоту держит обёртка `.gr-badge__label` (`min-height: 1lh` —\n * исходная высота line-box при `leading-none`), а сам текст\n * (`.gr-badge__text`) обрезается до cap-height/базовой линии и\n * центрируется внутри этой высоты через flex. В итоге высота бейджа\n * не меняется, а строчный/заглавный текст выглядит по центру.\n */\n.gr-badge__label {\n  display: flex;\n  align-items: center;\n  min-height: 1lh;\n}\n\n.gr-badge__text {\n  display: block;\n  text-box-trim: trim-both;\n  text-box-edge: cap alphabetic;\n  /* Шорткат для браузеров с поддержкой нового синтаксиса. */\n  text-box: trim-both cap alphabetic;\n}\n</style>"],"mappings":";;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAed,MAAM,YAAY,eAAe;AAC/B,UAAO,aAAa;IAClB,MAAM,MAAM;IACZ,MAAM,MAAM;IACZ,MAAM,MAAM;IACZ,QAAQ,MAAM;IACf,CAAA;IACF;;uBAIC,mBASO,QAAA,EARH,OAAK,eAAA,CAAC,+DACE,UAAA,MAAS,CAAA,EAAA,EAAA,CAEnB,mBAIO,QAJP,YAIO,CAHL,mBAEO,QAFP,YAEO,CADL,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"GrBadge-B77XlaqE.js","names":[],"sources":["../../../../src/components/GrBadge/GrBadge.vue","../../../../src/components/GrBadge/GrBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from './grBadgeStyles'\n\nimport {\n  grBadgeClass,\n  type GrBadgeRadius,\n  type GrBadgeSize,\n  type GrBadgeTone,\n} from './grBadgeStyles'\n\nconst props = withDefaults(\n    defineProps<{\n      tone?: GrBadgeTone\n      dark?: boolean\n      size?: GrBadgeSize\n      radius?: GrBadgeRadius\n    }>(),\n    {\n      tone: 'neutral',\n      dark: false,\n      size: 'sm',\n      radius: 'round',\n    },\n)\n\nconst className = computed(() => {\n  return grBadgeClass({\n    tone: props.tone,\n    dark: props.dark,\n    size: props.size,\n    radius: props.radius,\n  })\n})\n</script>\n\n<template>\n  <span\n      class=\"gr-badge inline-block border whitespace-nowrap leading-none\"\n      :class=\"className\"\n  >\n    <span class=\"gr-badge__label\">\n      <span class=\"gr-badge__text\">\n        <slot />\n      </span>\n    </span>\n  </span>\n</template>\n\n<style scoped>\n/*\n * Оптически центрируем текст по вертикали независимо от регистра,\n * не уменьшая высоту самого бейджа.\n *\n * Раньше `text-box-trim` висел прямо на тексте и обрезал line-box до\n * cap-height: текст центрировался корректно, но высота контента\n * падала до cap-height, из-за чего бейдж становился ниже.\n *\n * Теперь высоту держит обёртка `.gr-badge__label` (`min-height: 1lh` —\n * исходная высота line-box при `leading-none`), а сам текст\n * (`.gr-badge__text`) обрезается до cap-height/базовой линии и\n * центрируется внутри этой высоты через flex. В итоге высота бейджа\n * не меняется, а строчный/заглавный текст выглядит по центру.\n */\n.gr-badge__label {\n  display: flex;\n  align-items: center;\n  min-height: 1lh;\n}\n\n.gr-badge__text {\n  display: block;\n  text-box-trim: trim-both;\n  text-box-edge: cap alphabetic;\n  /* Шорткат для браузеров с поддержкой нового синтаксиса. */\n  text-box: trim-both cap alphabetic;\n}\n</style>","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from './grBadgeStyles'\n\nimport {\n  grBadgeClass,\n  type GrBadgeRadius,\n  type GrBadgeSize,\n  type GrBadgeTone,\n} from './grBadgeStyles'\n\nconst props = withDefaults(\n    defineProps<{\n      tone?: GrBadgeTone\n      dark?: boolean\n      size?: GrBadgeSize\n      radius?: GrBadgeRadius\n    }>(),\n    {\n      tone: 'neutral',\n      dark: false,\n      size: 'sm',\n      radius: 'round',\n    },\n)\n\nconst className = computed(() => {\n  return grBadgeClass({\n    tone: props.tone,\n    dark: props.dark,\n    size: props.size,\n    radius: props.radius,\n  })\n})\n</script>\n\n<template>\n  <span\n      class=\"gr-badge inline-block border whitespace-nowrap leading-none\"\n      :class=\"className\"\n  >\n    <span class=\"gr-badge__label\">\n      <span class=\"gr-badge__text\">\n        <slot />\n      </span>\n    </span>\n  </span>\n</template>\n\n<style scoped>\n/*\n * Оптически центрируем текст по вертикали независимо от регистра,\n * не уменьшая высоту самого бейджа.\n *\n * Раньше `text-box-trim` висел прямо на тексте и обрезал line-box до\n * cap-height: текст центрировался корректно, но высота контента\n * падала до cap-height, из-за чего бейдж становился ниже.\n *\n * Теперь высоту держит обёртка `.gr-badge__label` (`min-height: 1lh` —\n * исходная высота line-box при `leading-none`), а сам текст\n * (`.gr-badge__text`) обрезается до cap-height/базовой линии и\n * центрируется внутри этой высоты через flex. В итоге высота бейджа\n * не меняется, а строчный/заглавный текст выглядит по центру.\n */\n.gr-badge__label {\n  display: flex;\n  align-items: center;\n  min-height: 1lh;\n}\n\n.gr-badge__text {\n  display: block;\n  text-box-trim: trim-both;\n  text-box-edge: cap alphabetic;\n  /* Шорткат для браузеров с поддержкой нового синтаксиса. */\n  text-box: trim-both cap alphabetic;\n}\n</style>"],"mappings":";;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAed,MAAM,YAAY,eAAe;GAC/B,OAAO,aAAa;IAClB,MAAM,MAAM;IACZ,MAAM,MAAM;IACZ,MAAM,MAAM;IACZ,QAAQ,MAAM;GAChB,CAAC;EACH,CAAC;;uBAIC,mBASO,QAAA,EARH,OAAK,eAAA,CAAC,+DACE,UAAA,KAAS,CAAA,EAAA,GAAA,CAEnB,mBAIO,QAJP,YAIO,CAHL,mBAEO,QAFP,YAEO,CADL,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/components/GrBadge/index.js

@@ -1,3 +1,3 @@
-import { t as GrBadge_default } from "./chunks/GrBadge-Cs_cVfuO.js";
-import { n as grBadgeSafelist, t as grBadgeConfig } from "../../chunks/config-B61cX08u.js";
+import { t as GrBadge_default } from "./chunks/GrBadge-B77XlaqE.js";
+import { n as grBadgeSafelist, t as grBadgeConfig } from "../../chunks/config-jBp9wVv-.js";
 export { GrBadge_default as GrBadge, GrBadge_default as default, grBadgeConfig, grBadgeSafelist };

package/dist/components/GrBadgeWrap/chunks/{GrBadgeWrap-BEnE9DyJ.js → GrBadgeWrap-CcktMOdg.js}

@@ -3,12 +3,12 @@ import { createCommentVNode, createElementBlock, defineComponent, openBlock, ren
 var _hoisted_1 = { class: "relative inline-flex" };
 var _hoisted_2 = {
 	key: 0,
-	class: "absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--ds-danger)]",
+	class: "absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--gr-danger)]",
 	"aria-hidden": "true"
 };
 var _hoisted_3 = {
 	key: 1,
-	class: "absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--ds-danger)] text-[var(--destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center",
+	class: "absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--gr-danger)] text-[var(--destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center",
 	"aria-hidden": "true"
 };
 //#endregion

package/dist/components/GrBadgeWrap/chunks/{GrBadgeWrap-BEnE9DyJ.js.map → GrBadgeWrap-CcktMOdg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrBadgeWrap-BEnE9DyJ.js","names":[],"sources":["../../../../src/components/GrBadgeWrap/GrBadgeWrap.vue","../../../../src/components/GrBadgeWrap/GrBadgeWrap.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst props = withDefaults(defineProps<{\n  value?: string | number\n  dot?: boolean\n}>(), {\n  value: undefined,\n  dot: false,\n})\n</script>\n\n<template>\n  <span class=\"relative inline-flex\">\n    <slot />\n\n    <span\n      v-if=\"props.dot\"\n      class=\"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--ds-danger)]\"\n      aria-hidden=\"true\"\n    />\n\n    <span\n      v-else-if=\"props.value !== undefined\"\n      class=\"absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--ds-danger)] text-[var(--destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center\"\n      aria-hidden=\"true\"\n    >\n      {{ props.value }}\n    </span>\n  </span>\n</template>","<script setup lang=\"ts\">\nconst props = withDefaults(defineProps<{\n  value?: string | number\n  dot?: boolean\n}>(), {\n  value: undefined,\n  dot: false,\n})\n</script>\n\n<template>\n  <span class=\"relative inline-flex\">\n    <slot />\n\n    <span\n      v-if=\"props.dot\"\n      class=\"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--ds-danger)]\"\n      aria-hidden=\"true\"\n    />\n\n    <span\n      v-else-if=\"props.value !== undefined\"\n      class=\"absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--ds-danger)] text-[var(--destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center\"\n      aria-hidden=\"true\"\n    >\n      {{ props.value }}\n    </span>\n  </span>\n</template>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EACA,MAAM,QAAQ;;uBAUZ,mBAgBO,QAhBP,YAgBO,CAfL,WAAQ,KAAA,QAAA,UAAA,EAGA,MAAM,OAAA,WAAA,EADd,mBAIE,QAJF,WAIE,IAGW,MAAM,UAAU,KAAA,KAAA,WAAA,EAD7B,mBAMO,QANP,YAMO,gBADF,MAAM,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"GrBadgeWrap-CcktMOdg.js","names":[],"sources":["../../../../src/components/GrBadgeWrap/GrBadgeWrap.vue","../../../../src/components/GrBadgeWrap/GrBadgeWrap.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst props = withDefaults(defineProps<{\n  value?: string | number\n  dot?: boolean\n}>(), {\n  value: undefined,\n  dot: false,\n})\n</script>\n\n<template>\n  <span class=\"relative inline-flex\">\n    <slot />\n\n    <span\n      v-if=\"props.dot\"\n      class=\"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--gr-danger)]\"\n      aria-hidden=\"true\"\n    />\n\n    <span\n      v-else-if=\"props.value !== undefined\"\n      class=\"absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--gr-danger)] text-[var(--destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center\"\n      aria-hidden=\"true\"\n    >\n      {{ props.value }}\n    </span>\n  </span>\n</template>","<script setup lang=\"ts\">\nconst props = withDefaults(defineProps<{\n  value?: string | number\n  dot?: boolean\n}>(), {\n  value: undefined,\n  dot: false,\n})\n</script>\n\n<template>\n  <span class=\"relative inline-flex\">\n    <slot />\n\n    <span\n      v-if=\"props.dot\"\n      class=\"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--gr-danger)]\"\n      aria-hidden=\"true\"\n    />\n\n    <span\n      v-else-if=\"props.value !== undefined\"\n      class=\"absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--gr-danger)] text-[var(--destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center\"\n      aria-hidden=\"true\"\n    >\n      {{ props.value }}\n    </span>\n  </span>\n</template>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EACA,MAAM,QAAQ;;uBAUZ,mBAgBO,QAhBP,YAgBO,CAfL,WAAQ,KAAA,QAAA,SAAA,GAGA,MAAM,OAAA,UAAA,GADd,mBAIE,QAJF,UAIE,KAGW,MAAM,UAAU,KAAA,KAAA,UAAA,GAD7B,mBAMO,QANP,YAMO,gBADF,MAAM,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}

package/dist/components/GrBadgeWrap/index.js

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

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

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

package/dist/components/GrBottomNav/index.js

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

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

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

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

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

package/dist/components/GrButton/index.js

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

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

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

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

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

package/dist/components/GrButtonGroup/index.js

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

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

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

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

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

package/dist/components/GrCard/index.js

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