@feugene/granularity 0.9.4 → 0.11.0

package/dist/components/GrInputTag/chunks/{GrInputTag-Dcj3F6rQ.js → GrInputTag-zMgFqp2g.js}

@@ -1,16 +1,18 @@
-import { t as x_default } from "../../../chunks/x-Pa6C2hwi.js";
-import { t as GrBadge_default } from "../../GrBadge/chunks/GrBadge-Cs_cVfuO.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
-import { i as grInputTagWrapperClass, r as grInputTagInputClass } from "../../../chunks/config-BnWSHTEU.js";
+import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
+import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.js";
+import { t as GrBadge_default } from "../../GrBadge/chunks/GrBadge-B77XlaqE.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
+import { i as grInputTagWrapperClass, r as grInputTagInputClass } from "../../../chunks/config-ClhKPJvg.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
 //#region src/components/GrInputTag/GrInputTag.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "truncate max-w-[18rem]" };
-var _hoisted_2 = [
+var _hoisted_1 = { class: "inline-flex items-center gap-1 align-middle" };
+var _hoisted_2 = { class: "truncate max-w-[18rem]" };
+var _hoisted_3 = [
 	"aria-label",
 	"data-index",
 	"onClick"
 ];
-var _hoisted_3 = [
+var _hoisted_4 = [
 	"value",
 	"disabled",
 	"readonly",
@@ -67,7 +69,7 @@ var GrInputTag_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: true
 		},
-		removeTagLabel: { default: "Remove tag" }
+		removeTagLabel: { default: void 0 }
 	},
 	emits: [
 		"update:modelValue",
@@ -83,6 +85,8 @@ var GrInputTag_default = /* @__PURE__ */ defineComponent({
 		*/
 		const props = __props;
 		const emit = __emit;
+		const { t } = useGranularityTranslations();
+		const resolvedRemoveTagLabel = computed(() => props.removeTagLabel ?? t("gr.inputTag.removeTag", "Remove tag"));
 		const inputValue = ref("");
 		const inputEl = ref(null);
 		function focus() {
@@ -97,7 +101,7 @@ var GrInputTag_default = /* @__PURE__ */ defineComponent({
 		}
 		const splitRegex = computed(() => {
 			const seps = (props.separators ?? []).filter(Boolean).map((s) => s[0]);
-			const body = [...new Set([
+			const body = [.../* @__PURE__ */ new Set([
 				...seps,
 				"\n",
 				"\r",
@@ -189,8 +193,8 @@ var GrInputTag_default = /* @__PURE__ */ defineComponent({
 		const placeholderText = computed(() => props.modelValue.length > 0 ? void 0 : props.placeholder);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				"data-ds-input-tag": "",
-				"data-testid": "ds-input-tag",
+				"data-gr-input-tag": "",
+				"data-testid": "gr-input-tag",
 				class: normalizeClass(["w-full flex flex-wrap items-center rounded-md border bg-[var(--bg)] text-[var(--fg)] transition-colors duration-150 focus-within:ring-2 focus-within:ring-[var(--ring)]", wrapperClassName.value]),
 				onClick: focus
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (tag, i) => {
@@ -200,22 +204,21 @@ var GrInputTag_default = /* @__PURE__ */ defineComponent({
 					dark: __props.tagDark,
 					size: __props.tagSize,
 					radius: __props.tagRadius,
-					class: "gap-1",
-					"data-ds-input-tag-item": "",
-					"data-testid": "ds-input-tag-item",
+					"data-gr-input-tag-item": "",
+					"data-testid": "gr-input-tag-item",
 					"data-index": i
 				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "tag", {
+					default: withCtx(() => [createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "tag", {
 						tag,
 						index: i,
 						remove: () => removeAt(i)
-					}, () => [createElementVNode("span", _hoisted_1, toDisplayString(tag), 1)]), showRemove.value ? (openBlock(), createElementBlock("button", {
+					}, () => [createElementVNode("span", _hoisted_2, toDisplayString(tag), 1)]), showRemove.value ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						type: "button",
-						class: "-mr-0.5 inline-flex items-center justify-center rounded-[6px] p-0.5 opacity-70 hover:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
-						"aria-label": __props.removeTagLabel,
-						"data-ds-input-tag-remove": "",
-						"data-testid": "ds-input-tag-remove",
+						class: "-mr-0.5 shrink-0 inline-flex items-center justify-center rounded-[6px] p-0.5 opacity-70 hover:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
+						"aria-label": resolvedRemoveTagLabel.value,
+						"data-gr-input-tag-remove": "",
+						"data-testid": "gr-input-tag-remove",
 						"data-index": i,
 						onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent", "stop"])),
 						onClick: withModifiers(($event) => removeAt(i), ["stop"])
@@ -225,7 +228,7 @@ var GrInputTag_default = /* @__PURE__ */ defineComponent({
 					}, {
 						default: withCtx(() => [createVNode(unref(x_default))]),
 						_: 1
-					})], 40, _hoisted_2)) : createCommentVNode("", true)]),
+					})], 40, _hoisted_3)) : createCommentVNode("", true)])]),
 					_: 2
 				}, 1032, [
 					"tone",
@@ -237,8 +240,8 @@ var GrInputTag_default = /* @__PURE__ */ defineComponent({
 			}), 128)), createElementVNode("input", {
 				ref_key: "inputEl",
 				ref: inputEl,
-				"data-ds-input-tag-input": "",
-				"data-testid": "ds-input-tag-input",
+				"data-gr-input-tag-input": "",
+				"data-testid": "gr-input-tag-input",
 				value: inputValue.value,
 				disabled: __props.disabled || isMaxed.value,
 				readonly: __props.readonly,
@@ -249,7 +252,7 @@ var GrInputTag_default = /* @__PURE__ */ defineComponent({
 				onKeydown,
 				onBlur,
 				onPaste
-			}, null, 42, _hoisted_3)], 2);
+			}, null, 42, _hoisted_4)], 2);
 		};
 	}
 });

package/dist/components/GrInputTag/chunks/GrInputTag-zMgFqp2g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrInputTag-zMgFqp2g.js","names":[],"sources":["../../../../src/components/GrInputTag/GrInputTag.vue","../../../../src/components/GrInputTag/GrInputTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\n\nimport GrBadge from '../GrBadge/GrBadge.vue'\nimport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from '../GrBadge'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport IconClose from '~icons/lucide/x'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  grInputTagInputClass,\n  grInputTagWrapperClass,\n  type GrInputTagSize,\n  type GrInputTagState,\n} from './grInputTagStyles'\n\nexport type { GrInputTagSize, GrInputTagState } from './grInputTagStyles'\n\nconst REGEX_SPECIAL_CHAR_RE = /[.*+?^${}()|[\\]\\\\]/g\n\n/**\n * Props for {@link GrInputTag}.\n * Tag-input primitive: renders a set of badges with an inline `<input>` for entering new tags.\n * Splits input by configurable `separators`, supports paste, Enter and Backspace editing.\n */\nexport interface GrInputTagProps {\n  modelValue: string[]\n  placeholder?: string\n  disabled?: boolean\n  readonly?: boolean\n  invalid?: boolean\n  state?: GrInputTagState\n  size?: GrInputTagSize\n  separators?: string[]\n  allowDuplicates?: boolean\n  trim?: boolean\n  max?: number\n  addOnBlur?: boolean\n  clearInputOnAdd?: boolean\n  tagTone?: GrBadgeTone\n  tagDark?: boolean\n  tagSize?: GrBadgeSize\n  tagRadius?: GrBadgeRadius\n  tagClosable?: boolean\n  /** i18n-friendly aria-label for the per-tag remove button. */\n  removeTagLabel?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrInputTagProps>(),\n  {\n    placeholder: undefined,\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    state: 'default',\n    size: 'md',\n    separators: () => [','],\n    allowDuplicates: false,\n    trim: true,\n    max: undefined,\n    addOnBlur: false,\n    clearInputOnAdd: true,\n    tagTone: 'neutral',\n    tagDark: false,\n    tagSize: 'md',\n    tagRadius: 'round',\n    tagClosable: true,\n    removeTagLabel: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string[]): void\n  (e: 'add', value: string): void\n  (e: 'remove', value: string, index: number): void\n}>()\n\nconst { t } = useGranularityTranslations()\nconst resolvedRemoveTagLabel = computed(() => props.removeTagLabel ?? t('gr.inputTag.removeTag', 'Remove tag'))\n\nconst inputValue = ref('')\nconst inputEl = ref<HTMLInputElement | null>(null)\n\nfunction focus(): void {\n  inputEl.value?.focus()\n}\n\ndefineExpose({ focus })\n\nconst isMaxed = computed(() => props.max !== undefined && props.modelValue.length >= props.max)\nconst canEdit = computed(() => !props.disabled && !props.readonly)\nconst showRemove = computed(() => props.tagClosable && canEdit.value)\n\nfunction escapeRegexChar(ch: string): string {\n  return ch.replace(REGEX_SPECIAL_CHAR_RE, '\\\\$&')\n}\n\nconst splitRegex = computed(() => {\n  const seps = (props.separators ?? []).filter(Boolean).map(s => s[0]!)\n  const uniq = [...new Set([...seps, '\\n', '\\r', '\\t'])]\n  const body = uniq.map(escapeRegexChar).join('')\n  return new RegExp(`[${body}]+`, 'g')\n})\n\nfunction normalizeTag(raw: string): string {\n  return props.trim ? raw.trim() : raw\n}\n\nfunction splitToTags(raw: string): string[] {\n  return raw\n    .split(splitRegex.value)\n    .map(v => normalizeTag(v))\n    .filter(Boolean)\n}\n\nfunction addMany(rawTags: string[]): boolean {\n  if (!canEdit.value || isMaxed.value)\n    return false\n\n  const next = props.modelValue.slice()\n  let changed = false\n\n  for (const raw of rawTags) {\n    const tag = normalizeTag(raw)\n    if (!tag)\n      continue\n\n    if (!props.allowDuplicates && next.includes(tag))\n      continue\n\n    if (props.max !== undefined && next.length >= props.max)\n      break\n\n    next.push(tag)\n    changed = true\n    emit('add', tag)\n  }\n\n  if (!changed)\n    return false\n\n  emit('update:modelValue', next)\n  return true\n}\n\nfunction commitInput(): void {\n  if (!canEdit.value || isMaxed.value || !inputValue.value)\n    return\n\n  const tags = splitToTags(inputValue.value)\n  if (!tags.length)\n    return\n\n  const changed = addMany(tags)\n  if (changed && props.clearInputOnAdd)\n    inputValue.value = ''\n}\n\nfunction removeAt(index: number): void {\n  if (!canEdit.value)\n    return\n\n  const next = props.modelValue.slice()\n  const removed = next[index]\n  if (removed === undefined)\n    return\n\n  next.splice(index, 1)\n  emit('update:modelValue', next)\n  emit('remove', removed, index)\n}\n\nfunction onInput(e: Event): void {\n  inputValue.value = (e.target as HTMLInputElement).value\n}\n\nfunction onKeydown(e: KeyboardEvent): void {\n  if (!canEdit.value)\n    return\n\n  if (e.key === 'Enter') {\n    e.preventDefault()\n    commitInput()\n    return\n  }\n\n  if ((props.separators ?? []).includes(e.key)) {\n    e.preventDefault()\n    commitInput()\n    return\n  }\n\n  if (e.key === 'Backspace' && inputValue.value.length === 0 && props.modelValue.length > 0) {\n    e.preventDefault()\n    removeAt(props.modelValue.length - 1)\n  }\n}\n\nfunction onBlur(): void {\n  if (props.addOnBlur)\n    commitInput()\n}\n\nfunction onPaste(e: ClipboardEvent): void {\n  if (!canEdit.value || isMaxed.value)\n    return\n\n  const pasted = e.clipboardData?.getData('text')\n  if (!pasted)\n    return\n\n  const tags = splitToTags(pasted)\n  if (tags.length <= 1)\n    return\n\n  e.preventDefault()\n  addMany(tags)\n}\n\nconst wrapperClassName = computed(() => {\n  return grInputTagWrapperClass({\n    size: props.size,\n    state: props.state,\n    invalid: props.invalid,\n    disabled: props.disabled,\n  })\n})\n\nconst inputClassName = computed(() => {\n  return grInputTagInputClass(props.size)\n})\n\nconst placeholderText = computed(() => props.modelValue.length > 0 ? undefined : props.placeholder)\n</script>\n\n<template>\n  <div\n    data-gr-input-tag\n    data-testid=\"gr-input-tag\"\n    class=\"w-full flex flex-wrap items-center rounded-md border bg-[var(--bg)] text-[var(--fg)] transition-colors duration-150 focus-within:ring-2 focus-within:ring-[var(--ring)]\"\n    :class=\"wrapperClassName\"\n    @click=\"focus\"\n  >\n    <GrBadge\n      v-for=\"(tag, i) in modelValue\"\n      :key=\"`${tag}-${i}`\"\n      :tone=\"tagTone\"\n      :dark=\"tagDark\"\n      :size=\"tagSize\"\n      :radius=\"tagRadius\"\n      data-gr-input-tag-item\n      data-testid=\"gr-input-tag-item\"\n      :data-index=\"i\"\n    >\n      <span class=\"inline-flex items-center gap-1 align-middle\">\n        <slot name=\"tag\" :tag=\"tag\" :index=\"i\" :remove=\"() => removeAt(i)\">\n          <span class=\"truncate max-w-[18rem]\">{{ tag }}</span>\n        </slot>\n\n        <button\n          v-if=\"showRemove\"\n          type=\"button\"\n          class=\"-mr-0.5 shrink-0 inline-flex items-center justify-center rounded-[6px] p-0.5 opacity-70 hover:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n          :aria-label=\"resolvedRemoveTagLabel\"\n          data-gr-input-tag-remove\n          data-testid=\"gr-input-tag-remove\"\n          :data-index=\"i\"\n          @mousedown.prevent.stop\n          @click.stop=\"removeAt(i)\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconClose />\n          </GrIcon>\n        </button>\n      </span>\n    </GrBadge>\n\n    <input\n      ref=\"inputEl\"\n      data-gr-input-tag-input\n      data-testid=\"gr-input-tag-input\"\n      :value=\"inputValue\"\n      :disabled=\"disabled || isMaxed\"\n      :readonly=\"readonly\"\n      :placeholder=\"placeholderText\"\n      :aria-invalid=\"invalid ? 'true' : undefined\"\n      class=\"flex-1 min-w-[120px] bg-transparent border-none outline-none placeholder:text-[var(--muted-fg)]\"\n      :class=\"inputClassName\"\n      @input=\"onInput\"\n      @keydown=\"onKeydown\"\n      @blur=\"onBlur\"\n      @paste=\"onPaste\"\n    >\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\n\nimport GrBadge from '../GrBadge/GrBadge.vue'\nimport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from '../GrBadge'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport IconClose from '~icons/lucide/x'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  grInputTagInputClass,\n  grInputTagWrapperClass,\n  type GrInputTagSize,\n  type GrInputTagState,\n} from './grInputTagStyles'\n\nexport type { GrInputTagSize, GrInputTagState } from './grInputTagStyles'\n\nconst REGEX_SPECIAL_CHAR_RE = /[.*+?^${}()|[\\]\\\\]/g\n\n/**\n * Props for {@link GrInputTag}.\n * Tag-input primitive: renders a set of badges with an inline `<input>` for entering new tags.\n * Splits input by configurable `separators`, supports paste, Enter and Backspace editing.\n */\nexport interface GrInputTagProps {\n  modelValue: string[]\n  placeholder?: string\n  disabled?: boolean\n  readonly?: boolean\n  invalid?: boolean\n  state?: GrInputTagState\n  size?: GrInputTagSize\n  separators?: string[]\n  allowDuplicates?: boolean\n  trim?: boolean\n  max?: number\n  addOnBlur?: boolean\n  clearInputOnAdd?: boolean\n  tagTone?: GrBadgeTone\n  tagDark?: boolean\n  tagSize?: GrBadgeSize\n  tagRadius?: GrBadgeRadius\n  tagClosable?: boolean\n  /** i18n-friendly aria-label for the per-tag remove button. */\n  removeTagLabel?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrInputTagProps>(),\n  {\n    placeholder: undefined,\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    state: 'default',\n    size: 'md',\n    separators: () => [','],\n    allowDuplicates: false,\n    trim: true,\n    max: undefined,\n    addOnBlur: false,\n    clearInputOnAdd: true,\n    tagTone: 'neutral',\n    tagDark: false,\n    tagSize: 'md',\n    tagRadius: 'round',\n    tagClosable: true,\n    removeTagLabel: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string[]): void\n  (e: 'add', value: string): void\n  (e: 'remove', value: string, index: number): void\n}>()\n\nconst { t } = useGranularityTranslations()\nconst resolvedRemoveTagLabel = computed(() => props.removeTagLabel ?? t('gr.inputTag.removeTag', 'Remove tag'))\n\nconst inputValue = ref('')\nconst inputEl = ref<HTMLInputElement | null>(null)\n\nfunction focus(): void {\n  inputEl.value?.focus()\n}\n\ndefineExpose({ focus })\n\nconst isMaxed = computed(() => props.max !== undefined && props.modelValue.length >= props.max)\nconst canEdit = computed(() => !props.disabled && !props.readonly)\nconst showRemove = computed(() => props.tagClosable && canEdit.value)\n\nfunction escapeRegexChar(ch: string): string {\n  return ch.replace(REGEX_SPECIAL_CHAR_RE, '\\\\$&')\n}\n\nconst splitRegex = computed(() => {\n  const seps = (props.separators ?? []).filter(Boolean).map(s => s[0]!)\n  const uniq = [...new Set([...seps, '\\n', '\\r', '\\t'])]\n  const body = uniq.map(escapeRegexChar).join('')\n  return new RegExp(`[${body}]+`, 'g')\n})\n\nfunction normalizeTag(raw: string): string {\n  return props.trim ? raw.trim() : raw\n}\n\nfunction splitToTags(raw: string): string[] {\n  return raw\n    .split(splitRegex.value)\n    .map(v => normalizeTag(v))\n    .filter(Boolean)\n}\n\nfunction addMany(rawTags: string[]): boolean {\n  if (!canEdit.value || isMaxed.value)\n    return false\n\n  const next = props.modelValue.slice()\n  let changed = false\n\n  for (const raw of rawTags) {\n    const tag = normalizeTag(raw)\n    if (!tag)\n      continue\n\n    if (!props.allowDuplicates && next.includes(tag))\n      continue\n\n    if (props.max !== undefined && next.length >= props.max)\n      break\n\n    next.push(tag)\n    changed = true\n    emit('add', tag)\n  }\n\n  if (!changed)\n    return false\n\n  emit('update:modelValue', next)\n  return true\n}\n\nfunction commitInput(): void {\n  if (!canEdit.value || isMaxed.value || !inputValue.value)\n    return\n\n  const tags = splitToTags(inputValue.value)\n  if (!tags.length)\n    return\n\n  const changed = addMany(tags)\n  if (changed && props.clearInputOnAdd)\n    inputValue.value = ''\n}\n\nfunction removeAt(index: number): void {\n  if (!canEdit.value)\n    return\n\n  const next = props.modelValue.slice()\n  const removed = next[index]\n  if (removed === undefined)\n    return\n\n  next.splice(index, 1)\n  emit('update:modelValue', next)\n  emit('remove', removed, index)\n}\n\nfunction onInput(e: Event): void {\n  inputValue.value = (e.target as HTMLInputElement).value\n}\n\nfunction onKeydown(e: KeyboardEvent): void {\n  if (!canEdit.value)\n    return\n\n  if (e.key === 'Enter') {\n    e.preventDefault()\n    commitInput()\n    return\n  }\n\n  if ((props.separators ?? []).includes(e.key)) {\n    e.preventDefault()\n    commitInput()\n    return\n  }\n\n  if (e.key === 'Backspace' && inputValue.value.length === 0 && props.modelValue.length > 0) {\n    e.preventDefault()\n    removeAt(props.modelValue.length - 1)\n  }\n}\n\nfunction onBlur(): void {\n  if (props.addOnBlur)\n    commitInput()\n}\n\nfunction onPaste(e: ClipboardEvent): void {\n  if (!canEdit.value || isMaxed.value)\n    return\n\n  const pasted = e.clipboardData?.getData('text')\n  if (!pasted)\n    return\n\n  const tags = splitToTags(pasted)\n  if (tags.length <= 1)\n    return\n\n  e.preventDefault()\n  addMany(tags)\n}\n\nconst wrapperClassName = computed(() => {\n  return grInputTagWrapperClass({\n    size: props.size,\n    state: props.state,\n    invalid: props.invalid,\n    disabled: props.disabled,\n  })\n})\n\nconst inputClassName = computed(() => {\n  return grInputTagInputClass(props.size)\n})\n\nconst placeholderText = computed(() => props.modelValue.length > 0 ? undefined : props.placeholder)\n</script>\n\n<template>\n  <div\n    data-gr-input-tag\n    data-testid=\"gr-input-tag\"\n    class=\"w-full flex flex-wrap items-center rounded-md border bg-[var(--bg)] text-[var(--fg)] transition-colors duration-150 focus-within:ring-2 focus-within:ring-[var(--ring)]\"\n    :class=\"wrapperClassName\"\n    @click=\"focus\"\n  >\n    <GrBadge\n      v-for=\"(tag, i) in modelValue\"\n      :key=\"`${tag}-${i}`\"\n      :tone=\"tagTone\"\n      :dark=\"tagDark\"\n      :size=\"tagSize\"\n      :radius=\"tagRadius\"\n      data-gr-input-tag-item\n      data-testid=\"gr-input-tag-item\"\n      :data-index=\"i\"\n    >\n      <span class=\"inline-flex items-center gap-1 align-middle\">\n        <slot name=\"tag\" :tag=\"tag\" :index=\"i\" :remove=\"() => removeAt(i)\">\n          <span class=\"truncate max-w-[18rem]\">{{ tag }}</span>\n        </slot>\n\n        <button\n          v-if=\"showRemove\"\n          type=\"button\"\n          class=\"-mr-0.5 shrink-0 inline-flex items-center justify-center rounded-[6px] p-0.5 opacity-70 hover:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n          :aria-label=\"resolvedRemoveTagLabel\"\n          data-gr-input-tag-remove\n          data-testid=\"gr-input-tag-remove\"\n          :data-index=\"i\"\n          @mousedown.prevent.stop\n          @click.stop=\"removeAt(i)\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconClose />\n          </GrIcon>\n        </button>\n      </span>\n    </GrBadge>\n\n    <input\n      ref=\"inputEl\"\n      data-gr-input-tag-input\n      data-testid=\"gr-input-tag-input\"\n      :value=\"inputValue\"\n      :disabled=\"disabled || isMaxed\"\n      :readonly=\"readonly\"\n      :placeholder=\"placeholderText\"\n      :aria-invalid=\"invalid ? 'true' : undefined\"\n      class=\"flex-1 min-w-[120px] bg-transparent border-none outline-none placeholder:text-[var(--muted-fg)]\"\n      :class=\"inputClassName\"\n      @input=\"onInput\"\n      @keydown=\"onKeydown\"\n      @blur=\"onBlur\"\n      @paste=\"onPaste\"\n    >\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrInputTag/index.js

@@ -1,3 +1,3 @@
-import { n as grInputTagSafelist, t as grInputTagConfig } from "../../chunks/config-BnWSHTEU.js";
-import { t as GrInputTag_default } from "./chunks/GrInputTag-Dcj3F6rQ.js";
+import { n as grInputTagSafelist, t as grInputTagConfig } from "../../chunks/config-ClhKPJvg.js";
+import { t as GrInputTag_default } from "./chunks/GrInputTag-zMgFqp2g.js";
 export { GrInputTag_default as GrInputTag, GrInputTag_default as default, grInputTagConfig, grInputTagSafelist };

package/dist/components/GrLink/chunks/{GrLink-BMwn2iJ9.js → GrLink-CYUe-Q8k.js}

@@ -1,4 +1,4 @@
-import { a as grLinkClass, i as focusRingClass, r as baseRootClass } from "../../../chunks/config-CpMYmvVT.js";
+import { a as grLinkClass, i as focusRingClass, o as grLinkColorStyle, r as baseRootClass } from "../../../chunks/config-BOlr7qw7.js";
 import { computed, createBlock, defineComponent, markRaw, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
 //#endregion
 //#region src/components/GrLink/GrLink.vue
@@ -19,13 +19,14 @@ var GrLink_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		ariaLabel: { default: void 0 },
-		variant: { default: "primary" },
+		tone: { default: "primary" },
+		variant: { default: "default" },
 		underline: { default: "auto" },
 		size: { default: "md" }
 	},
 	setup(__props) {
 		/**
-		* GrLink — DS-примитив ссылки.
+		* GrLink — GR-примитив ссылки.
 		*
 		* Корневой тег зависит от пропов:
 		* - кастомный компонент/тег из пропа `as` — когда `as` передан и не `disabled`
@@ -38,7 +39,7 @@ var GrLink_default = /* @__PURE__ */ defineComponent({
 		* не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.
 		*
 		* Проп `as` нужен для интеграции с роутерами (Inertia, Vue Router и пр.):
-		* стили/поведение DS остаются едиными, а тег корня подменяется. Все
+		* стили/поведение GR остаются едиными, а тег корня подменяется. Все
 		* специфичные для роутера атрибуты (`method`, `replace`, `preserve-scroll` и т.п.)
 		* проходят через fallthrough-attrs.
 		*/
@@ -62,11 +63,15 @@ var GrLink_default = /* @__PURE__ */ defineComponent({
 			const variantClass = grLinkClass({
 				size: props.size,
 				underline: props.underline,
-				variant: props.variant,
 				disabled: props.disabled
 			});
 			return props.disabled ? `${baseRootClass} ${variantClass}` : `${baseRootClass} ${focusRingClass} ${variantClass}`;
 		});
+		const colorStyle = computed(() => grLinkColorStyle({
+			tone: props.tone,
+			variant: props.variant,
+			disabled: props.disabled
+		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(renderAs.value), mergeProps(unref(attrs), {
 				href: isInteractive.value ? __props.href : void 0,
@@ -74,7 +79,8 @@ var GrLink_default = /* @__PURE__ */ defineComponent({
 				rel: isInteractive.value ? resolvedRel.value : void 0,
 				"aria-label": __props.ariaLabel,
 				"aria-disabled": __props.disabled ? "true" : void 0,
-				class: rootClass.value
+				class: rootClass.value,
+				style: colorStyle.value
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
@@ -84,7 +90,8 @@ var GrLink_default = /* @__PURE__ */ defineComponent({
 				"rel",
 				"aria-label",
 				"aria-disabled",
-				"class"
+				"class",
+				"style"
 			]);
 		};
 	}

package/dist/components/GrLink/chunks/GrLink-CYUe-Q8k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrLink-CYUe-Q8k.js","names":[],"sources":["../../../../src/components/GrLink/GrLink.vue","../../../../src/components/GrLink/GrLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrLink — GR-примитив ссылки.\n *\n * Корневой тег зависит от пропов:\n * - кастомный компонент/тег из пропа `as` — когда `as` передан и не `disabled`\n *   (например, `Link` от `@inertiajs/vue3` или `RouterLink` от Vue Router);\n * - `<a>` — когда задан `href` и не `disabled`;\n * - `<span>` — во всех остальных случаях (включая `disabled`, даже если задан\n *   `href`/`as`).\n *\n * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и\n * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.\n *\n * Проп `as` нужен для интеграции с роутерами (Inertia, Vue Router и пр.):\n * стили/поведение GR остаются едиными, а тег корня подменяется. Все\n * специфичные для роутера атрибуты (`method`, `replace`, `preserve-scroll` и т.п.)\n * проходят через fallthrough-attrs.\n */\nimport { computed, markRaw, useAttrs, type Component } from 'vue'\n\nimport {\n  baseRootClass,\n  focusRingClass,\n  type GrLinkSize,\n  type GrLinkTone,\n  type GrLinkUnderline,\n  type GrLinkVariant,\n  grLinkClass,\n  grLinkColorStyle,\n} from './grLinkStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<{\n  /**\n   * Кастомный корневой тег/компонент. Если передан и компонент не `disabled` —\n   * рендерится через `<component :is=\"as\">`. Игнорируется при `disabled`.\n   */\n  as?: string | Component\n  href?: string\n  external?: boolean\n  target?: string\n  rel?: string\n  disabled?: boolean\n  ariaLabel?: string\n  /** Семантический цвет ссылки из палитры `GrTone`. */\n  tone?: GrLinkTone\n  /** Уровень акцента: `default` (окрашен) или `muted` (приглушён, акцент на hover). */\n  variant?: GrLinkVariant\n  underline?: GrLinkUnderline\n  size?: GrLinkSize\n}>(), {\n  as: undefined,\n  href: undefined,\n  external: false,\n  target: undefined,\n  rel: undefined,\n  disabled: false,\n  ariaLabel: undefined,\n  tone: 'primary',\n  variant: 'default',\n  underline: 'auto',\n  size: 'md',\n})\n\nconst attrs = useAttrs()\n\n// Кастомный корень имеет приоритет над `<a>` — GR не пытается угадывать\n// «правильный» тег за пользователя, если он явно его указал.\nconst isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href))\n\nconst renderAs = computed<string | Component>(() => {\n  if (!isInteractive.value) return 'span'\n  if (props.as) {\n    // Если `as` — объект-компонент, помечаем его как нереактивный, чтобы избежать\n    // оверхеда от Vue-прокси и предупреждений в консоли. Строки (нативные теги)\n    // оставляем как есть.\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  }\n  return 'a'\n})\n\nconst resolvedTarget = computed(() => {\n  if (props.target)\n    return props.target\n\n  if (props.external)\n    return '_blank'\n\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel)\n    return props.rel\n\n  // Авто-защита для любых ссылок, открывающихся в новой вкладке,\n  // а не только когда выставлен `external`.\n  if (resolvedTarget.value === '_blank')\n    return 'noopener noreferrer'\n\n  return undefined\n})\n\nconst rootClass = computed(() => {\n  const variantClass = grLinkClass({\n    size: props.size,\n    underline: props.underline,\n    disabled: props.disabled,\n  })\n\n  // На disabled-ветке (`<span>`) focus-ring не нужен: элемент не фокусируется,\n  // а если снаружи ему навесят `tabindex`, фокус-рамка на «отключённой» ссылке смотрелась бы странно.\n  return props.disabled\n    ? `${baseRootClass} ${variantClass}`\n    : `${baseRootClass} ${focusRingClass} ${variantClass}`\n})\n\n// Цвет (tone × variant) прокидываем через CSS-переменные, чтобы не плодить классы.\nconst colorStyle = computed(() => grLinkColorStyle({\n  tone: props.tone,\n  variant: props.variant,\n  disabled: props.disabled,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    v-bind=\"attrs\"\n    :href=\"isInteractive ? href : undefined\"\n    :target=\"isInteractive ? resolvedTarget : undefined\"\n    :rel=\"isInteractive ? resolvedRel : undefined\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClass\"\n    :style=\"colorStyle\"\n  >\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrLink — GR-примитив ссылки.\n *\n * Корневой тег зависит от пропов:\n * - кастомный компонент/тег из пропа `as` — когда `as` передан и не `disabled`\n *   (например, `Link` от `@inertiajs/vue3` или `RouterLink` от Vue Router);\n * - `<a>` — когда задан `href` и не `disabled`;\n * - `<span>` — во всех остальных случаях (включая `disabled`, даже если задан\n *   `href`/`as`).\n *\n * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и\n * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.\n *\n * Проп `as` нужен для интеграции с роутерами (Inertia, Vue Router и пр.):\n * стили/поведение GR остаются едиными, а тег корня подменяется. Все\n * специфичные для роутера атрибуты (`method`, `replace`, `preserve-scroll` и т.п.)\n * проходят через fallthrough-attrs.\n */\nimport { computed, markRaw, useAttrs, type Component } from 'vue'\n\nimport {\n  baseRootClass,\n  focusRingClass,\n  type GrLinkSize,\n  type GrLinkTone,\n  type GrLinkUnderline,\n  type GrLinkVariant,\n  grLinkClass,\n  grLinkColorStyle,\n} from './grLinkStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<{\n  /**\n   * Кастомный корневой тег/компонент. Если передан и компонент не `disabled` —\n   * рендерится через `<component :is=\"as\">`. Игнорируется при `disabled`.\n   */\n  as?: string | Component\n  href?: string\n  external?: boolean\n  target?: string\n  rel?: string\n  disabled?: boolean\n  ariaLabel?: string\n  /** Семантический цвет ссылки из палитры `GrTone`. */\n  tone?: GrLinkTone\n  /** Уровень акцента: `default` (окрашен) или `muted` (приглушён, акцент на hover). */\n  variant?: GrLinkVariant\n  underline?: GrLinkUnderline\n  size?: GrLinkSize\n}>(), {\n  as: undefined,\n  href: undefined,\n  external: false,\n  target: undefined,\n  rel: undefined,\n  disabled: false,\n  ariaLabel: undefined,\n  tone: 'primary',\n  variant: 'default',\n  underline: 'auto',\n  size: 'md',\n})\n\nconst attrs = useAttrs()\n\n// Кастомный корень имеет приоритет над `<a>` — GR не пытается угадывать\n// «правильный» тег за пользователя, если он явно его указал.\nconst isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href))\n\nconst renderAs = computed<string | Component>(() => {\n  if (!isInteractive.value) return 'span'\n  if (props.as) {\n    // Если `as` — объект-компонент, помечаем его как нереактивный, чтобы избежать\n    // оверхеда от Vue-прокси и предупреждений в консоли. Строки (нативные теги)\n    // оставляем как есть.\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  }\n  return 'a'\n})\n\nconst resolvedTarget = computed(() => {\n  if (props.target)\n    return props.target\n\n  if (props.external)\n    return '_blank'\n\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel)\n    return props.rel\n\n  // Авто-защита для любых ссылок, открывающихся в новой вкладке,\n  // а не только когда выставлен `external`.\n  if (resolvedTarget.value === '_blank')\n    return 'noopener noreferrer'\n\n  return undefined\n})\n\nconst rootClass = computed(() => {\n  const variantClass = grLinkClass({\n    size: props.size,\n    underline: props.underline,\n    disabled: props.disabled,\n  })\n\n  // На disabled-ветке (`<span>`) focus-ring не нужен: элемент не фокусируется,\n  // а если снаружи ему навесят `tabindex`, фокус-рамка на «отключённой» ссылке смотрелась бы странно.\n  return props.disabled\n    ? `${baseRootClass} ${variantClass}`\n    : `${baseRootClass} ${focusRingClass} ${variantClass}`\n})\n\n// Цвет (tone × variant) прокидываем через CSS-переменные, чтобы не плодить классы.\nconst colorStyle = computed(() => grLinkColorStyle({\n  tone: props.tone,\n  variant: props.variant,\n  disabled: props.disabled,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    v-bind=\"attrs\"\n    :href=\"isInteractive ? href : undefined\"\n    :target=\"isInteractive ? resolvedTarget : undefined\"\n    :rel=\"isInteractive ? resolvedRel : undefined\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClass\"\n    :style=\"colorStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAgCd,MAAM,QAAQ,SAAS;EAIvB,MAAM,gBAAgB,eAAe,CAAC,MAAM,aAAa,CAAC,CAAC,MAAM,MAAM,CAAC,CAAC,MAAM,KAAK;EAEpF,MAAM,WAAW,eAAmC;GAClD,IAAI,CAAC,cAAc,OAAO,OAAO;GACjC,IAAI,MAAM,IAIR,OAAO,OAAO,MAAM,OAAO,WAAW,MAAM,KAAK,QAAQ,MAAM,EAAE;GAEnE,OAAO;EACT,CAAC;EAED,MAAM,iBAAiB,eAAe;GACpC,IAAI,MAAM,QACR,OAAO,MAAM;GAEf,IAAI,MAAM,UACR,OAAO;EAGX,CAAC;EAED,MAAM,cAAc,eAAe;GACjC,IAAI,MAAM,KACR,OAAO,MAAM;GAIf,IAAI,eAAe,UAAU,UAC3B,OAAO;EAGX,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,eAAe,YAAY;IAC/B,MAAM,MAAM;IACZ,WAAW,MAAM;IACjB,UAAU,MAAM;GAClB,CAAC;GAID,OAAO,MAAM,WACT,GAAG,cAAc,GAAG,iBACpB,GAAG,cAAc,GAAG,eAAe,GAAG;EAC5C,CAAC;EAGD,MAAM,aAAa,eAAe,iBAAiB;GACjD,MAAM,MAAM;GACZ,SAAS,MAAM;GACf,UAAU,MAAM;EAClB,CAAC,CAAC;;uBAIA,YAYY,wBAXL,SAAA,KAAQ,GADf,WAEU,MAUE,KAAA,GAVG;IACZ,MAAM,cAAA,QAAgB,QAAA,OAAO,KAAA;IAC7B,QAAQ,cAAA,QAAgB,eAAA,QAAiB,KAAA;IACzC,KAAK,cAAA,QAAgB,YAAA,QAAc,KAAA;IACnC,cAAY,QAAA;IACZ,iBAAe,QAAA,WAAQ,SAAY,KAAA;IACnC,OAAO,UAAA;IACP,OAAO,WAAA;;2BAEA,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/GrLink/index.js

@@ -1,3 +1,3 @@
-import { n as grLinkSafelist, t as grLinkConfig } from "../../chunks/config-CpMYmvVT.js";
-import { t as GrLink_default } from "./chunks/GrLink-BMwn2iJ9.js";
+import { n as grLinkSafelist, t as grLinkConfig } from "../../chunks/config-BOlr7qw7.js";
+import { t as GrLink_default } from "./chunks/GrLink-CYUe-Q8k.js";
 export { GrLink_default as GrLink, GrLink_default as default, grLinkConfig, grLinkSafelist };

package/dist/components/GrList/chunks/{GrList-D8nM1FuV.js → GrList-Dx772Ns4.js}

@@ -1,4 +1,4 @@
-import { t as GrCard_default } from "../../GrCard/chunks/GrCard-6yk1RRAQ.js";
+import { t as GrCard_default } from "../../GrCard/chunks/GrCard-DUNMkuHW.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
 //#region src/components/GrList/GrList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$1 = {

package/dist/components/GrList/chunks/{GrList-D8nM1FuV.js.map → GrList-Dx772Ns4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrList-D8nM1FuV.js","names":["$slots"],"sources":["../../../../src/components/GrList/GrList.vue","../../../../src/components/GrList/GrList.vue","../../../../src/components/GrList/GrListItem.vue","../../../../src/components/GrList/GrListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport GrCard from '../GrCard'\n\nexport interface GrListProps {\n  /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */\n  divided?: boolean\n}\n\nwithDefaults(defineProps<GrListProps>(), {\n  divided: true,\n})\n</script>\n\n<template>\n  <GrCard>\n    <div\n      v-if=\"divided\"\n      role=\"list\"\n      class=\"divide-y divide-[var(--brd)]\"\n    >\n      <slot />\n    </div>\n    <div\n      v-else\n      role=\"list\"\n    >\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport GrCard from '../GrCard'\n\nexport interface GrListProps {\n  /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */\n  divided?: boolean\n}\n\nwithDefaults(defineProps<GrListProps>(), {\n  divided: true,\n})\n</script>\n\n<template>\n  <GrCard>\n    <div\n      v-if=\"divided\"\n      role=\"list\"\n      class=\"divide-y divide-[var(--brd)]\"\n    >\n      <slot />\n    </div>\n    <div\n      v-else\n      role=\"list\"\n    >\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrListItemDensity = 'compact' | 'regular'\n\nexport interface GrListItemProps {\n  /** Заголовок строки. Если передан слот `#title`, проп игнорируется. */\n  title?: string\n  /** Описание под заголовком. Если передан слот `#description`, проп игнорируется. */\n  description?: string\n  /** Плотность вертикальных отступов: `regular` — 12px, `compact` — 8px. */\n  density?: GrListItemDensity\n}\n\nconst props = withDefaults(defineProps<GrListItemProps>(), {\n  title: undefined,\n  description: undefined,\n  density: 'regular',\n})\n\nconst slots = useSlots()\n\nconst paddingClass = computed(() =>\n  props.density === 'compact' ? 'px-4 py-2' : 'px-4 py-3',\n)\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasDescription = computed(() => !!slots.description || !!props.description)\n</script>\n\n<template>\n  <div\n    role=\"listitem\"\n    class=\"flex items-start justify-between gap-4\"\n    :class=\"paddingClass\"\n  >\n    <div v-if=\"$slots.prefix\" class=\"shrink-0\">\n      <slot name=\"prefix\" />\n    </div>\n    <div class=\"min-w-0 flex-1\">\n      <div v-if=\"hasTitle\" class=\"text-[13px] font-700\">\n        <slot name=\"title\">\n{{ title }}\n</slot>\n      </div>\n      <div\n        v-if=\"hasDescription\"\n        class=\"text-[13px] text-[var(--muted-fg)] mt-0.5\"\n      >\n        <slot name=\"description\">\n{{ description }}\n</slot>\n      </div>\n    </div>\n    <div v-if=\"$slots.default\" class=\"shrink-0\">\n      <slot />\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrListItemDensity = 'compact' | 'regular'\n\nexport interface GrListItemProps {\n  /** Заголовок строки. Если передан слот `#title`, проп игнорируется. */\n  title?: string\n  /** Описание под заголовком. Если передан слот `#description`, проп игнорируется. */\n  description?: string\n  /** Плотность вертикальных отступов: `regular` — 12px, `compact` — 8px. */\n  density?: GrListItemDensity\n}\n\nconst props = withDefaults(defineProps<GrListItemProps>(), {\n  title: undefined,\n  description: undefined,\n  density: 'regular',\n})\n\nconst slots = useSlots()\n\nconst paddingClass = computed(() =>\n  props.density === 'compact' ? 'px-4 py-2' : 'px-4 py-3',\n)\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasDescription = computed(() => !!slots.description || !!props.description)\n</script>\n\n<template>\n  <div\n    role=\"listitem\"\n    class=\"flex items-start justify-between gap-4\"\n    :class=\"paddingClass\"\n  >\n    <div v-if=\"$slots.prefix\" class=\"shrink-0\">\n      <slot name=\"prefix\" />\n    </div>\n    <div class=\"min-w-0 flex-1\">\n      <div v-if=\"hasTitle\" class=\"text-[13px] font-700\">\n        <slot name=\"title\">\n{{ title }}\n</slot>\n      </div>\n      <div\n        v-if=\"hasDescription\"\n        class=\"text-[13px] text-[var(--muted-fg)] mt-0.5\"\n      >\n        <slot name=\"description\">\n{{ description }}\n</slot>\n      </div>\n    </div>\n    <div v-if=\"$slots.default\" class=\"shrink-0\">\n      <slot />\n    </div>\n  </div>\n</template>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;uBAcE,YAcS,MAAA,eAAA,EAAA,MAAA;2BAPD,CALE,QAAA,WAAA,WAAA,EADR,mBAMM,OANN,cAMM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,KAAA,WAAA,EAEV,mBAKM,OALN,cAKM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEZd,MAAM,QAAQ;EAMd,MAAM,QAAQ,UAAS;EAEvB,MAAM,eAAe,eACnB,MAAM,YAAY,YAAY,cAAc,YAC9C;EAEA,MAAM,WAAW,eAAe,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,MAAM,MAAK;EAC9D,MAAM,iBAAiB,eAAe,CAAC,CAAC,MAAM,eAAe,CAAC,CAAC,MAAM,YAAW;;uBAI9E,mBA0BM,OAAA;IAzBJ,MAAK;IACL,OAAK,eAAA,CAAC,0CACE,aAAA,MAAY,CAAA;;IAETA,KAAAA,OAAO,UAAA,WAAA,EAAlB,mBAEM,OAFN,YAEM,CADJ,WAAsB,KAAA,QAAA,SAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;IAExB,mBAcM,OAdN,YAcM,CAbO,SAAA,SAAA,WAAA,EAAX,mBAIM,OAJN,YAIM,CAHJ,WAED,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBADJ,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAIM,eAAA,SAAA,WAAA,EADR,mBAOM,OAPN,YAOM,CAHJ,WAED,KAAA,QAAA,eAAA,EAAA,QAAA,CAAA,gBAAA,gBADJ,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA;IAICA,KAAAA,OAAO,WAAA,WAAA,EAAlB,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}
+{"version":3,"file":"GrList-Dx772Ns4.js","names":["$slots"],"sources":["../../../../src/components/GrList/GrList.vue","../../../../src/components/GrList/GrList.vue","../../../../src/components/GrList/GrListItem.vue","../../../../src/components/GrList/GrListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport GrCard from '../GrCard'\n\nexport interface GrListProps {\n  /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */\n  divided?: boolean\n}\n\nwithDefaults(defineProps<GrListProps>(), {\n  divided: true,\n})\n</script>\n\n<template>\n  <GrCard>\n    <div\n      v-if=\"divided\"\n      role=\"list\"\n      class=\"divide-y divide-[var(--brd)]\"\n    >\n      <slot />\n    </div>\n    <div\n      v-else\n      role=\"list\"\n    >\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport GrCard from '../GrCard'\n\nexport interface GrListProps {\n  /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */\n  divided?: boolean\n}\n\nwithDefaults(defineProps<GrListProps>(), {\n  divided: true,\n})\n</script>\n\n<template>\n  <GrCard>\n    <div\n      v-if=\"divided\"\n      role=\"list\"\n      class=\"divide-y divide-[var(--brd)]\"\n    >\n      <slot />\n    </div>\n    <div\n      v-else\n      role=\"list\"\n    >\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrListItemDensity = 'compact' | 'regular'\n\nexport interface GrListItemProps {\n  /** Заголовок строки. Если передан слот `#title`, проп игнорируется. */\n  title?: string\n  /** Описание под заголовком. Если передан слот `#description`, проп игнорируется. */\n  description?: string\n  /** Плотность вертикальных отступов: `regular` — 12px, `compact` — 8px. */\n  density?: GrListItemDensity\n}\n\nconst props = withDefaults(defineProps<GrListItemProps>(), {\n  title: undefined,\n  description: undefined,\n  density: 'regular',\n})\n\nconst slots = useSlots()\n\nconst paddingClass = computed(() =>\n  props.density === 'compact' ? 'px-4 py-2' : 'px-4 py-3',\n)\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasDescription = computed(() => !!slots.description || !!props.description)\n</script>\n\n<template>\n  <div\n    role=\"listitem\"\n    class=\"flex items-start justify-between gap-4\"\n    :class=\"paddingClass\"\n  >\n    <div v-if=\"$slots.prefix\" class=\"shrink-0\">\n      <slot name=\"prefix\" />\n    </div>\n    <div class=\"min-w-0 flex-1\">\n      <div v-if=\"hasTitle\" class=\"text-[13px] font-700\">\n        <slot name=\"title\">\n{{ title }}\n</slot>\n      </div>\n      <div\n        v-if=\"hasDescription\"\n        class=\"text-[13px] text-[var(--muted-fg)] mt-0.5\"\n      >\n        <slot name=\"description\">\n{{ description }}\n</slot>\n      </div>\n    </div>\n    <div v-if=\"$slots.default\" class=\"shrink-0\">\n      <slot />\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrListItemDensity = 'compact' | 'regular'\n\nexport interface GrListItemProps {\n  /** Заголовок строки. Если передан слот `#title`, проп игнорируется. */\n  title?: string\n  /** Описание под заголовком. Если передан слот `#description`, проп игнорируется. */\n  description?: string\n  /** Плотность вертикальных отступов: `regular` — 12px, `compact` — 8px. */\n  density?: GrListItemDensity\n}\n\nconst props = withDefaults(defineProps<GrListItemProps>(), {\n  title: undefined,\n  description: undefined,\n  density: 'regular',\n})\n\nconst slots = useSlots()\n\nconst paddingClass = computed(() =>\n  props.density === 'compact' ? 'px-4 py-2' : 'px-4 py-3',\n)\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasDescription = computed(() => !!slots.description || !!props.description)\n</script>\n\n<template>\n  <div\n    role=\"listitem\"\n    class=\"flex items-start justify-between gap-4\"\n    :class=\"paddingClass\"\n  >\n    <div v-if=\"$slots.prefix\" class=\"shrink-0\">\n      <slot name=\"prefix\" />\n    </div>\n    <div class=\"min-w-0 flex-1\">\n      <div v-if=\"hasTitle\" class=\"text-[13px] font-700\">\n        <slot name=\"title\">\n{{ title }}\n</slot>\n      </div>\n      <div\n        v-if=\"hasDescription\"\n        class=\"text-[13px] text-[var(--muted-fg)] mt-0.5\"\n      >\n        <slot name=\"description\">\n{{ description }}\n</slot>\n      </div>\n    </div>\n    <div v-if=\"$slots.default\" class=\"shrink-0\">\n      <slot />\n    </div>\n  </div>\n</template>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;uBAcE,YAcS,MAAA,cAAA,GAAA,MAAA;2BAPD,CALE,QAAA,WAAA,UAAA,GADR,mBAMM,OANN,cAMM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,MAAA,UAAA,GAEV,mBAKM,OALN,cAKM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEZd,MAAM,QAAQ;EAMd,MAAM,QAAQ,SAAS;EAEvB,MAAM,eAAe,eACnB,MAAM,YAAY,YAAY,cAAc,WAC9C;EAEA,MAAM,WAAW,eAAe,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,MAAM,KAAK;EAC9D,MAAM,iBAAiB,eAAe,CAAC,CAAC,MAAM,eAAe,CAAC,CAAC,MAAM,WAAW;;uBAI9E,mBA0BM,OAAA;IAzBJ,MAAK;IACL,OAAK,eAAA,CAAC,0CACE,aAAA,KAAY,CAAA;;IAETA,KAAAA,OAAO,UAAA,UAAA,GAAlB,mBAEM,OAFN,YAEM,CADJ,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAExB,mBAcM,OAdN,YAcM,CAbO,SAAA,SAAA,UAAA,GAAX,mBAIM,OAJN,YAIM,CAHJ,WAED,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,gBAAA,gBADJ,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAIM,eAAA,SAAA,UAAA,GADR,mBAOM,OAPN,YAOM,CAHJ,WAED,KAAA,QAAA,eAAA,CAAA,SAAA,CAAA,gBAAA,gBADJ,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA;IAICA,KAAAA,OAAO,WAAA,UAAA,GAAlB,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/GrList/index.js

@@ -1,3 +1,3 @@
-import { n as GrList_default, t as GrListItem_default } from "./chunks/GrList-D8nM1FuV.js";
-import { t as grListConfig } from "../../chunks/config-DSBlHQVa.js";
+import { n as GrList_default, t as GrListItem_default } from "./chunks/GrList-Dx772Ns4.js";
+import { t as grListConfig } from "../../chunks/config-C86UzUYf.js";
 export { GrList_default as GrList, GrList_default as default, GrListItem_default as GrListItem, grListConfig };

package/dist/components/GrLoading/chunks/{GrLoading-mfyfghxs.js → GrLoading--X_7rdbb.js}

@@ -1,14 +1,14 @@
-import { t as loader_circle_default } from "../../../chunks/loader-circle-BUntgosj.js";
-import { t as grLoadingRootClass } from "../../../chunks/grLoadingStyles-DmI-SJ3i.js";
+import { t as loader_circle_default } from "../../../chunks/loader-circle-CfVLz7lb.js";
+import { t as grLoadingRootClass } from "../../../chunks/grLoadingStyles-R5sreH__.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveDynamicComponent, toDisplayString } from "vue";
 import '../../../GrLoading.css';//#region src/components/GrLoading/GrLoading.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
-	"data-ds-loading-panel": "",
+	"data-gr-loading-panel": "",
 	class: "flex flex-col items-center justify-center gap-2 text-center rounded-lg bg-[var(--bg)]/55 px-5 py-4 shadow-lg"
 };
 var _hoisted_2 = {
 	key: 0,
-	"data-ds-loading-text": "",
+	"data-gr-loading-text": "",
 	class: "text-sm text-[var(--muted-fg)]"
 };
 var DEFAULT_LOADING_TEXT = "Loading...";
@@ -52,14 +52,14 @@ var GrLoading_default = /* @__PURE__ */ defineComponent({
 		const spinnerClassName = computed(() => props.spinnerClass);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				"data-ds-loading": "",
+				"data-gr-loading": "",
 				class: normalizeClass(["flex items-center justify-center cursor-wait select-none pointer-events-auto", rootClass.value]),
 				style: normalizeStyle(rootStyle.value),
 				role: "status",
 				"aria-live": "polite"
 			}, [createElementVNode("div", _hoisted_1, [(openBlock(), createBlock(resolveDynamicComponent(Spinner.value), {
-				"data-ds-loading-spinner": "",
-				class: normalizeClass(["ds-loading__spinner h-7 w-7 text-[var(--muted-fg)]", [__props.animated ? "ds-loading__spinner--animated" : "", spinnerClassName.value]]),
+				"data-gr-loading-spinner": "",
+				class: normalizeClass(["gr-loading__spinner h-7 w-7 text-[var(--muted-fg)]", [__props.animated ? "gr-loading__spinner--animated" : "", spinnerClassName.value]]),
 				"aria-hidden": "true"
 			}, null, 8, ["class"])), displayText.value ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(displayText.value), 1)) : createCommentVNode("", true)])], 6);
 		};

package/dist/components/GrLoading/chunks/{GrLoading-mfyfghxs.js.map → GrLoading--X_7rdbb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrLoading-mfyfghxs.js","names":[],"sources":["../../../../src/components/GrLoading/GrLoading.vue","../../../../src/components/GrLoading/GrLoading.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { grLoadingRootClass } from './grLoadingStyles'\n\nconst DEFAULT_LOADING_TEXT = 'Loading...'\n\n/**\n * Props for {@link GrLoading}.\n * Overlay primitive that renders a centered spinner with optional text above sibling content.\n * Use `fullscreen` to cover the whole viewport, otherwise overlays the nearest positioned ancestor.\n */\nexport interface GrLoadingProps {\n  /** Text under the spinner. Pass an empty string to hide the text entirely. Defaults to `'Loading...'`. */\n  text?: string\n  /** Custom spinner component (rendered instead of the default loader icon). */\n  spinner?: Component\n  /** Extra classes for the spinner element. */\n  spinnerClass?: string\n  /** When `true` (default), the default spinner rotates via `@keyframes ds-loading-spin`. */\n  animated?: boolean\n  /** Custom CSS `background-color`. When set, disables the default `bg-black/25` dim. */\n  background?: string\n  /** Cover the whole viewport (`position: fixed`) instead of the nearest positioned ancestor. */\n  fullscreen?: boolean\n  /** Custom `z-index`. */\n  zIndex?: number\n  /** Extra classes appended to the overlay root. */\n  customClass?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrLoadingProps>(),\n  {\n    text: undefined,\n    spinner: undefined,\n    spinnerClass: undefined,\n    animated: true,\n    background: undefined,\n    fullscreen: false,\n    zIndex: undefined,\n    customClass: undefined,\n  },\n)\n\nconst Spinner = computed(() => props.spinner ?? IconLoader)\n\nconst displayText = computed(() => props.text ?? DEFAULT_LOADING_TEXT)\n\nconst rootClass = computed(() => {\n  return grLoadingRootClass({\n    fullscreen: props.fullscreen,\n    hasBackground: props.background !== undefined,\n    customClass: props.customClass,\n  })\n})\n\nconst rootStyle = computed(() => {\n  return {\n    backgroundColor: props.background,\n    zIndex: props.zIndex != null ? String(props.zIndex) : undefined,\n  } as Record<string, string | undefined>\n})\n\nconst spinnerClassName = computed(() => props.spinnerClass)\n</script>\n\n<template>\n  <div\n    data-ds-loading\n    class=\"flex items-center justify-center cursor-wait select-none pointer-events-auto\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    role=\"status\"\n    aria-live=\"polite\"\n  >\n    <div\n      data-ds-loading-panel\n      class=\"flex flex-col items-center justify-center gap-2 text-center rounded-lg bg-[var(--bg)]/55 px-5 py-4 shadow-lg\"\n    >\n      <component\n        :is=\"Spinner\"\n        data-ds-loading-spinner\n        class=\"ds-loading__spinner h-7 w-7 text-[var(--muted-fg)]\"\n        :class=\"[animated ? 'ds-loading__spinner--animated' : '', spinnerClassName]\"\n        aria-hidden=\"true\"\n      />\n      <div v-if=\"displayText\" data-ds-loading-text class=\"text-sm text-[var(--muted-fg)]\">\n        {{ displayText }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n@keyframes ds-loading-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.ds-loading__spinner--animated {\n  transform-origin: center;\n  animation: ds-loading-spin 1s linear infinite;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { grLoadingRootClass } from './grLoadingStyles'\n\nconst DEFAULT_LOADING_TEXT = 'Loading...'\n\n/**\n * Props for {@link GrLoading}.\n * Overlay primitive that renders a centered spinner with optional text above sibling content.\n * Use `fullscreen` to cover the whole viewport, otherwise overlays the nearest positioned ancestor.\n */\nexport interface GrLoadingProps {\n  /** Text under the spinner. Pass an empty string to hide the text entirely. Defaults to `'Loading...'`. */\n  text?: string\n  /** Custom spinner component (rendered instead of the default loader icon). */\n  spinner?: Component\n  /** Extra classes for the spinner element. */\n  spinnerClass?: string\n  /** When `true` (default), the default spinner rotates via `@keyframes ds-loading-spin`. */\n  animated?: boolean\n  /** Custom CSS `background-color`. When set, disables the default `bg-black/25` dim. */\n  background?: string\n  /** Cover the whole viewport (`position: fixed`) instead of the nearest positioned ancestor. */\n  fullscreen?: boolean\n  /** Custom `z-index`. */\n  zIndex?: number\n  /** Extra classes appended to the overlay root. */\n  customClass?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrLoadingProps>(),\n  {\n    text: undefined,\n    spinner: undefined,\n    spinnerClass: undefined,\n    animated: true,\n    background: undefined,\n    fullscreen: false,\n    zIndex: undefined,\n    customClass: undefined,\n  },\n)\n\nconst Spinner = computed(() => props.spinner ?? IconLoader)\n\nconst displayText = computed(() => props.text ?? DEFAULT_LOADING_TEXT)\n\nconst rootClass = computed(() => {\n  return grLoadingRootClass({\n    fullscreen: props.fullscreen,\n    hasBackground: props.background !== undefined,\n    customClass: props.customClass,\n  })\n})\n\nconst rootStyle = computed(() => {\n  return {\n    backgroundColor: props.background,\n    zIndex: props.zIndex != null ? String(props.zIndex) : undefined,\n  } as Record<string, string | undefined>\n})\n\nconst spinnerClassName = computed(() => props.spinnerClass)\n</script>\n\n<template>\n  <div\n    data-ds-loading\n    class=\"flex items-center justify-center cursor-wait select-none pointer-events-auto\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    role=\"status\"\n    aria-live=\"polite\"\n  >\n    <div\n      data-ds-loading-panel\n      class=\"flex flex-col items-center justify-center gap-2 text-center rounded-lg bg-[var(--bg)]/55 px-5 py-4 shadow-lg\"\n    >\n      <component\n        :is=\"Spinner\"\n        data-ds-loading-spinner\n        class=\"ds-loading__spinner h-7 w-7 text-[var(--muted-fg)]\"\n        :class=\"[animated ? 'ds-loading__spinner--animated' : '', spinnerClassName]\"\n        aria-hidden=\"true\"\n      />\n      <div v-if=\"displayText\" data-ds-loading-text class=\"text-sm text-[var(--muted-fg)]\">\n        {{ displayText }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n@keyframes ds-loading-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.ds-loading__spinner--animated {\n  transform-origin: center;\n  animation: ds-loading-spin 1s linear infinite;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;AAOA,IAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;EA0B7B,MAAM,QAAQ;EAcd,MAAM,UAAU,eAAe,MAAM,WAAW,sBAAU;EAE1D,MAAM,cAAc,eAAe,MAAM,QAAQ,qBAAoB;EAErE,MAAM,YAAY,eAAe;AAC/B,UAAO,mBAAmB;IACxB,YAAY,MAAM;IAClB,eAAe,MAAM,eAAe,KAAA;IACpC,aAAa,MAAM;IACpB,CAAA;IACF;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO;IACL,iBAAiB,MAAM;IACvB,QAAQ,MAAM,UAAU,OAAO,OAAO,MAAM,OAAO,GAAG,KAAA;IACvD;IACF;EAED,MAAM,mBAAmB,eAAe,MAAM,aAAY;;uBAIxD,mBAuBM,OAAA;IAtBJ,mBAAA;IACA,OAAK,eAAA,CAAC,gFACE,UAAA,MAAS,CAAA;IAChB,OAAK,eAAE,UAAA,MAAS;IACjB,MAAK;IACL,aAAU;OAEV,mBAcM,OAdN,YAcM,EAAA,WAAA,EAVJ,YAME,wBALK,QAAA,MAAO,EAAA;IACZ,2BAAA;IACA,OAAK,eAAA,CAAC,sDAAoD,CACjD,QAAA,WAAQ,kCAAA,IAAyC,iBAAA,MAAgB,CAAA,CAAA;IAC1E,eAAY;4BAEH,YAAA,SAAA,WAAA,EAAX,mBAEM,OAFN,YAEM,gBADD,YAAA,MAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"GrLoading--X_7rdbb.js","names":[],"sources":["../../../../src/components/GrLoading/GrLoading.vue","../../../../src/components/GrLoading/GrLoading.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { grLoadingRootClass } from './grLoadingStyles'\n\nconst DEFAULT_LOADING_TEXT = 'Loading...'\n\n/**\n * Props for {@link GrLoading}.\n * Overlay primitive that renders a centered spinner with optional text above sibling content.\n * Use `fullscreen` to cover the whole viewport, otherwise overlays the nearest positioned ancestor.\n */\nexport interface GrLoadingProps {\n  /** Text under the spinner. Pass an empty string to hide the text entirely. Defaults to `'Loading...'`. */\n  text?: string\n  /** Custom spinner component (rendered instead of the default loader icon). */\n  spinner?: Component\n  /** Extra classes for the spinner element. */\n  spinnerClass?: string\n  /** When `true` (default), the default spinner rotates via `@keyframes gr-loading-spin`. */\n  animated?: boolean\n  /** Custom CSS `background-color`. When set, disables the default `bg-black/25` dim. */\n  background?: string\n  /** Cover the whole viewport (`position: fixed`) instead of the nearest positioned ancestor. */\n  fullscreen?: boolean\n  /** Custom `z-index`. */\n  zIndex?: number\n  /** Extra classes appended to the overlay root. */\n  customClass?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrLoadingProps>(),\n  {\n    text: undefined,\n    spinner: undefined,\n    spinnerClass: undefined,\n    animated: true,\n    background: undefined,\n    fullscreen: false,\n    zIndex: undefined,\n    customClass: undefined,\n  },\n)\n\nconst Spinner = computed(() => props.spinner ?? IconLoader)\n\nconst displayText = computed(() => props.text ?? DEFAULT_LOADING_TEXT)\n\nconst rootClass = computed(() => {\n  return grLoadingRootClass({\n    fullscreen: props.fullscreen,\n    hasBackground: props.background !== undefined,\n    customClass: props.customClass,\n  })\n})\n\nconst rootStyle = computed(() => {\n  return {\n    backgroundColor: props.background,\n    zIndex: props.zIndex != null ? String(props.zIndex) : undefined,\n  } as Record<string, string | undefined>\n})\n\nconst spinnerClassName = computed(() => props.spinnerClass)\n</script>\n\n<template>\n  <div\n    data-gr-loading\n    class=\"flex items-center justify-center cursor-wait select-none pointer-events-auto\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    role=\"status\"\n    aria-live=\"polite\"\n  >\n    <div\n      data-gr-loading-panel\n      class=\"flex flex-col items-center justify-center gap-2 text-center rounded-lg bg-[var(--bg)]/55 px-5 py-4 shadow-lg\"\n    >\n      <component\n        :is=\"Spinner\"\n        data-gr-loading-spinner\n        class=\"gr-loading__spinner h-7 w-7 text-[var(--muted-fg)]\"\n        :class=\"[animated ? 'gr-loading__spinner--animated' : '', spinnerClassName]\"\n        aria-hidden=\"true\"\n      />\n      <div v-if=\"displayText\" data-gr-loading-text class=\"text-sm text-[var(--muted-fg)]\">\n        {{ displayText }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n@keyframes gr-loading-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.gr-loading__spinner--animated {\n  transform-origin: center;\n  animation: gr-loading-spin 1s linear infinite;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { grLoadingRootClass } from './grLoadingStyles'\n\nconst DEFAULT_LOADING_TEXT = 'Loading...'\n\n/**\n * Props for {@link GrLoading}.\n * Overlay primitive that renders a centered spinner with optional text above sibling content.\n * Use `fullscreen` to cover the whole viewport, otherwise overlays the nearest positioned ancestor.\n */\nexport interface GrLoadingProps {\n  /** Text under the spinner. Pass an empty string to hide the text entirely. Defaults to `'Loading...'`. */\n  text?: string\n  /** Custom spinner component (rendered instead of the default loader icon). */\n  spinner?: Component\n  /** Extra classes for the spinner element. */\n  spinnerClass?: string\n  /** When `true` (default), the default spinner rotates via `@keyframes gr-loading-spin`. */\n  animated?: boolean\n  /** Custom CSS `background-color`. When set, disables the default `bg-black/25` dim. */\n  background?: string\n  /** Cover the whole viewport (`position: fixed`) instead of the nearest positioned ancestor. */\n  fullscreen?: boolean\n  /** Custom `z-index`. */\n  zIndex?: number\n  /** Extra classes appended to the overlay root. */\n  customClass?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrLoadingProps>(),\n  {\n    text: undefined,\n    spinner: undefined,\n    spinnerClass: undefined,\n    animated: true,\n    background: undefined,\n    fullscreen: false,\n    zIndex: undefined,\n    customClass: undefined,\n  },\n)\n\nconst Spinner = computed(() => props.spinner ?? IconLoader)\n\nconst displayText = computed(() => props.text ?? DEFAULT_LOADING_TEXT)\n\nconst rootClass = computed(() => {\n  return grLoadingRootClass({\n    fullscreen: props.fullscreen,\n    hasBackground: props.background !== undefined,\n    customClass: props.customClass,\n  })\n})\n\nconst rootStyle = computed(() => {\n  return {\n    backgroundColor: props.background,\n    zIndex: props.zIndex != null ? String(props.zIndex) : undefined,\n  } as Record<string, string | undefined>\n})\n\nconst spinnerClassName = computed(() => props.spinnerClass)\n</script>\n\n<template>\n  <div\n    data-gr-loading\n    class=\"flex items-center justify-center cursor-wait select-none pointer-events-auto\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    role=\"status\"\n    aria-live=\"polite\"\n  >\n    <div\n      data-gr-loading-panel\n      class=\"flex flex-col items-center justify-center gap-2 text-center rounded-lg bg-[var(--bg)]/55 px-5 py-4 shadow-lg\"\n    >\n      <component\n        :is=\"Spinner\"\n        data-gr-loading-spinner\n        class=\"gr-loading__spinner h-7 w-7 text-[var(--muted-fg)]\"\n        :class=\"[animated ? 'gr-loading__spinner--animated' : '', spinnerClassName]\"\n        aria-hidden=\"true\"\n      />\n      <div v-if=\"displayText\" data-gr-loading-text class=\"text-sm text-[var(--muted-fg)]\">\n        {{ displayText }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n@keyframes gr-loading-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.gr-loading__spinner--animated {\n  transform-origin: center;\n  animation: gr-loading-spin 1s linear infinite;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;AAOA,IAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;EA0B7B,MAAM,QAAQ;EAcd,MAAM,UAAU,eAAe,MAAM,WAAW,qBAAU;EAE1D,MAAM,cAAc,eAAe,MAAM,QAAQ,oBAAoB;EAErE,MAAM,YAAY,eAAe;GAC/B,OAAO,mBAAmB;IACxB,YAAY,MAAM;IAClB,eAAe,MAAM,eAAe,KAAA;IACpC,aAAa,MAAM;GACrB,CAAC;EACH,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,iBAAiB,MAAM;IACvB,QAAQ,MAAM,UAAU,OAAO,OAAO,MAAM,MAAM,IAAI,KAAA;GACxD;EACF,CAAC;EAED,MAAM,mBAAmB,eAAe,MAAM,YAAY;;uBAIxD,mBAuBM,OAAA;IAtBJ,mBAAA;IACA,OAAK,eAAA,CAAC,gFACE,UAAA,KAAS,CAAA;IAChB,OAAK,eAAE,UAAA,KAAS;IACjB,MAAK;IACL,aAAU;OAEV,mBAcM,OAdN,YAcM,EAAA,UAAA,GAVJ,YAME,wBALK,QAAA,KAAO,GAAA;IACZ,2BAAA;IACA,OAAK,eAAA,CAAC,sDAAoD,CACjD,QAAA,WAAQ,kCAAA,IAAyC,iBAAA,KAAgB,CAAA,CAAA;IAC1E,eAAY;4BAEH,YAAA,SAAA,UAAA,GAAX,mBAEM,OAFN,YAEM,gBADD,YAAA,KAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/components/GrLoading/index.js

@@ -1,3 +1,3 @@
-import { t as GrLoading_default } from "./chunks/GrLoading-mfyfghxs.js";
-import { n as grLoadingSafelist, t as grLoadingConfig } from "../../chunks/config-d386uO3O.js";
+import { t as GrLoading_default } from "./chunks/GrLoading--X_7rdbb.js";
+import { n as grLoadingSafelist, t as grLoadingConfig } from "../../chunks/config-Cpi9Mh2J.js";
 export { GrLoading_default as GrLoading, GrLoading_default as default, grLoadingConfig, grLoadingSafelist };

package/dist/components/GrModal/chunks/{GrModal-lh0lOmoi.js → GrModal-BkjW9jZS.js}

@@ -1,5 +1,5 @@
-import { a as Ve, i as Je, n as he, o as Ye, r as Ge, t as Se } from "../../../chunks/transition-mJ3PZCHH.js";
-import { c as panelTransition, d as shell, i as overlayTransition, n as layout, r as overlay, t as getGrModalPanelClass, u as root } from "../../../chunks/grModalStyles-DS1Vl6EW.js";
+import { a as Ve, i as Je, n as he, o as Ye, r as Ge, t as Se } from "../../../chunks/transition-TLFw4KBn.js";
+import { c as panelTransition, d as shell, i as overlayTransition, n as layout, r as overlay, t as getGrModalPanelClass, u as root } from "../../../chunks/grModalStyles-DWd3i05Q.js";
 import { Teleport, computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, renderSlot, unref, watch, withCtx } from "vue";
 //#region src/components/GrModal/grModalEscStack.ts
 var stack$1 = [];
@@ -86,7 +86,7 @@ var GrModal_default = /* @__PURE__ */ defineComponent({
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
 		/**
-		* GrModal — DS-примитив модального окна на базе `@headlessui/vue`.
+		* GrModal — GR-примитив модального окна на базе `@headlessui/vue`.
 		*
 		* Публичный API:
 		* - `modelValue` (v-model) — открыто/закрыто;
@@ -212,7 +212,7 @@ var GrModal_default = /* @__PURE__ */ defineComponent({
 						"leave-to": unref(overlayTransition).leaveTo
 					}, {
 						default: withCtx(() => [createElementVNode("div", {
-							"data-ds-modal-overlay": "",
+							"data-gr-modal-overlay": "",
 							class: normalizeClass(unref(overlay)),
 							"aria-hidden": "true",
 							onPointerdown: onOverlayPointerDown
@@ -237,7 +237,7 @@ var GrModal_default = /* @__PURE__ */ defineComponent({
 						default: withCtx(() => [createVNode(unref(Ge), {
 							ref_key: "panelRef",
 							ref: panelRef,
-							"data-ds-modal-panel": "",
+							"data-gr-modal-panel": "",
 							tabindex: "-1",
 							class: normalizeClass(panelClass.value)
 						}, {
@@ -245,7 +245,7 @@ var GrModal_default = /* @__PURE__ */ defineComponent({
 								_ctx.$slots.title ? (openBlock(), createBlock(unref(Ve), {
 									key: 0,
 									as: "div",
-									"data-ds-modal-title": ""
+									"data-gr-modal-title": ""
 								}, {
 									default: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
 									_: 3
@@ -253,7 +253,7 @@ var GrModal_default = /* @__PURE__ */ defineComponent({
 								_ctx.$slots.description ? (openBlock(), createBlock(unref(Je), {
 									key: 1,
 									as: "div",
-									"data-ds-modal-description": ""
+									"data-gr-modal-description": ""
 								}, {
 									default: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
 									_: 3