@feugene/granularity 0.12.0 → 0.16.0

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

@@ -1,260 +0,0 @@
-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: "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_4 = [
-	"value",
-	"disabled",
-	"readonly",
-	"placeholder",
-	"aria-invalid"
-];
-//#endregion
-//#region src/components/GrInputTag/GrInputTag.vue
-var GrInputTag_default = /* @__PURE__ */ defineComponent({
-	__name: "GrInputTag",
-	props: {
-		modelValue: {},
-		placeholder: { default: void 0 },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		readonly: {
-			type: Boolean,
-			default: false
-		},
-		invalid: {
-			type: Boolean,
-			default: false
-		},
-		state: { default: "default" },
-		size: { default: "md" },
-		separators: { default: () => [","] },
-		allowDuplicates: {
-			type: Boolean,
-			default: false
-		},
-		trim: {
-			type: Boolean,
-			default: true
-		},
-		max: { default: void 0 },
-		addOnBlur: {
-			type: Boolean,
-			default: false
-		},
-		clearInputOnAdd: {
-			type: Boolean,
-			default: true
-		},
-		tagTone: { default: "neutral" },
-		tagDark: {
-			type: Boolean,
-			default: false
-		},
-		tagSize: { default: "md" },
-		tagRadius: { default: "round" },
-		tagClosable: {
-			type: Boolean,
-			default: true
-		},
-		removeTagLabel: { default: void 0 }
-	},
-	emits: [
-		"update:modelValue",
-		"add",
-		"remove"
-	],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const REGEX_SPECIAL_CHAR_RE = /[.*+?^${}()|[\]\\]/g;
-		/**
-		* Props for {@link GrInputTag}.
-		* Tag-input primitive: renders a set of badges with an inline `<input>` for entering new tags.
-		* Splits input by configurable `separators`, supports paste, Enter and Backspace editing.
-		*/
-		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() {
-			inputEl.value?.focus();
-		}
-		__expose({ focus });
-		const isMaxed = computed(() => props.max !== void 0 && props.modelValue.length >= props.max);
-		const canEdit = computed(() => !props.disabled && !props.readonly);
-		const showRemove = computed(() => props.tagClosable && canEdit.value);
-		function escapeRegexChar(ch) {
-			return ch.replace(REGEX_SPECIAL_CHAR_RE, "\\$&");
-		}
-		const splitRegex = computed(() => {
-			const seps = (props.separators ?? []).filter(Boolean).map((s) => s[0]);
-			const body = [.../* @__PURE__ */ new Set([
-				...seps,
-				"\n",
-				"\r",
-				"	"
-			])].map(escapeRegexChar).join("");
-			return new RegExp(`[${body}]+`, "g");
-		});
-		function normalizeTag(raw) {
-			return props.trim ? raw.trim() : raw;
-		}
-		function splitToTags(raw) {
-			return raw.split(splitRegex.value).map((v) => normalizeTag(v)).filter(Boolean);
-		}
-		function addMany(rawTags) {
-			if (!canEdit.value || isMaxed.value) return false;
-			const next = props.modelValue.slice();
-			let changed = false;
-			for (const raw of rawTags) {
-				const tag = normalizeTag(raw);
-				if (!tag) continue;
-				if (!props.allowDuplicates && next.includes(tag)) continue;
-				if (props.max !== void 0 && next.length >= props.max) break;
-				next.push(tag);
-				changed = true;
-				emit("add", tag);
-			}
-			if (!changed) return false;
-			emit("update:modelValue", next);
-			return true;
-		}
-		function commitInput() {
-			if (!canEdit.value || isMaxed.value || !inputValue.value) return;
-			const tags = splitToTags(inputValue.value);
-			if (!tags.length) return;
-			if (addMany(tags) && props.clearInputOnAdd) inputValue.value = "";
-		}
-		function removeAt(index) {
-			if (!canEdit.value) return;
-			const next = props.modelValue.slice();
-			const removed = next[index];
-			if (removed === void 0) return;
-			next.splice(index, 1);
-			emit("update:modelValue", next);
-			emit("remove", removed, index);
-		}
-		function onInput(e) {
-			inputValue.value = e.target.value;
-		}
-		function onKeydown(e) {
-			if (!canEdit.value) return;
-			if (e.key === "Enter") {
-				e.preventDefault();
-				commitInput();
-				return;
-			}
-			if ((props.separators ?? []).includes(e.key)) {
-				e.preventDefault();
-				commitInput();
-				return;
-			}
-			if (e.key === "Backspace" && inputValue.value.length === 0 && props.modelValue.length > 0) {
-				e.preventDefault();
-				removeAt(props.modelValue.length - 1);
-			}
-		}
-		function onBlur() {
-			if (props.addOnBlur) commitInput();
-		}
-		function onPaste(e) {
-			if (!canEdit.value || isMaxed.value) return;
-			const pasted = e.clipboardData?.getData("text");
-			if (!pasted) return;
-			const tags = splitToTags(pasted);
-			if (tags.length <= 1) return;
-			e.preventDefault();
-			addMany(tags);
-		}
-		const wrapperClassName = computed(() => {
-			return grInputTagWrapperClass({
-				size: props.size,
-				state: props.state,
-				invalid: props.invalid,
-				disabled: props.disabled
-			});
-		});
-		const inputClassName = computed(() => {
-			return grInputTagInputClass(props.size);
-		});
-		const placeholderText = computed(() => props.modelValue.length > 0 ? void 0 : props.placeholder);
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				"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) => {
-				return openBlock(), createBlock(GrBadge_default, {
-					key: `${tag}-${i}`,
-					tone: __props.tagTone,
-					dark: __props.tagDark,
-					size: __props.tagSize,
-					radius: __props.tagRadius,
-					"data-gr-input-tag-item": "",
-					"data-testid": "gr-input-tag-item",
-					"data-index": i
-				}, {
-					default: withCtx(() => [createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "tag", {
-						tag,
-						index: i,
-						remove: () => removeAt(i)
-					}, () => [createElementVNode("span", _hoisted_2, toDisplayString(tag), 1)]), showRemove.value ? (openBlock(), createElementBlock("button", {
-						key: 0,
-						type: "button",
-						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"])
-					}, [createVNode(GrIcon_default, {
-						size: "sm",
-						"aria-hidden": "true"
-					}, {
-						default: withCtx(() => [createVNode(unref(x_default))]),
-						_: 1
-					})], 40, _hoisted_3)) : createCommentVNode("", true)])]),
-					_: 2
-				}, 1032, [
-					"tone",
-					"dark",
-					"size",
-					"radius",
-					"data-index"
-				]);
-			}), 128)), createElementVNode("input", {
-				ref_key: "inputEl",
-				ref: inputEl,
-				"data-gr-input-tag-input": "",
-				"data-testid": "gr-input-tag-input",
-				value: inputValue.value,
-				disabled: __props.disabled || isMaxed.value,
-				readonly: __props.readonly,
-				placeholder: placeholderText.value,
-				"aria-invalid": __props.invalid ? "true" : void 0,
-				class: normalizeClass(["flex-1 min-w-[120px] bg-transparent border-none outline-none placeholder:text-[var(--muted-fg)]", inputClassName.value]),
-				onInput,
-				onKeydown,
-				onBlur,
-				onPaste
-			}, null, 42, _hoisted_4)], 2);
-		};
-	}
-});
-//#endregion
-export { GrInputTag_default as t };

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

@@ -1 +0,0 @@
-{"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/GrKbd/chunks/GrKbd-BEoYxWhE.js

@@ -1,22 +0,0 @@
-import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
-//#endregion
-//#region src/components/GrKbd/GrKbd.vue
-var GrKbd_default = /* @__PURE__ */ defineComponent({
-	__name: "GrKbd",
-	props: { size: { default: "md" } },
-	setup(__props) {
-		/**
-		* GrKbd — GR-примитив для отображения клавиш/сочетаний (`<kbd>`).
-		*
-		* Пример: `<GrKbd>⌘</GrKbd> <GrKbd>K</GrKbd>`.
-		*/
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("kbd", {
-				"data-gr-kbd": "",
-				class: normalizeClass(["inline-flex items-center justify-center rounded-md border border-[var(--brd)] bg-[var(--muted)] font-medium leading-none text-[var(--muted-fg)] shadow-[var(--gr-shadow-1)] tabular-nums", __props.size === "sm" ? "min-w-[1.25rem] h-5 px-1 text-[11px]" : "min-w-[1.5rem] h-6 px-1.5 text-xs"])
-			}, [renderSlot(_ctx.$slots, "default")], 2);
-		};
-	}
-});
-//#endregion
-export { GrKbd_default as t };

package/dist/components/GrKbd/chunks/GrKbd-BEoYxWhE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrKbd-BEoYxWhE.js","names":[],"sources":["../../../../src/components/GrKbd/GrKbd.vue","../../../../src/components/GrKbd/GrKbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrKbd — GR-примитив для отображения клавиш/сочетаний (`<kbd>`).\n *\n * Пример: `<GrKbd>⌘</GrKbd> <GrKbd>K</GrKbd>`.\n */\nexport type GrKbdSize = 'sm' | 'md'\n\nwithDefaults(defineProps<{ size?: GrKbdSize }>(), {\n  size: 'md',\n})\n</script>\n\n<template>\n  <kbd\n    data-gr-kbd\n    class=\"inline-flex items-center justify-center rounded-md border border-[var(--brd)] bg-[var(--muted)] font-medium leading-none text-[var(--muted-fg)] shadow-[var(--gr-shadow-1)] tabular-nums\"\n    :class=\"size === 'sm'\n      ? 'min-w-[1.25rem] h-5 px-1 text-[11px]'\n      : 'min-w-[1.5rem] h-6 px-1.5 text-xs'\"\n  ><slot /></kbd>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrKbd — GR-примитив для отображения клавиш/сочетаний (`<kbd>`).\n *\n * Пример: `<GrKbd>⌘</GrKbd> <GrKbd>K</GrKbd>`.\n */\nexport type GrKbdSize = 'sm' | 'md'\n\nwithDefaults(defineProps<{ size?: GrKbdSize }>(), {\n  size: 'md',\n})\n</script>\n\n<template>\n  <kbd\n    data-gr-kbd\n    class=\"inline-flex items-center justify-center rounded-md border border-[var(--brd)] bg-[var(--muted)] font-medium leading-none text-[var(--muted-fg)] shadow-[var(--gr-shadow-1)] tabular-nums\"\n    :class=\"size === 'sm'\n      ? 'min-w-[1.25rem] h-5 px-1 text-[11px]'\n      : 'min-w-[1.5rem] h-6 px-1.5 text-xs'\"\n  ><slot /></kbd>\n</template>\n"],"mappings":";;;;;;;;;;;;;uBAcE,mBAMe,OAAA;IALb,eAAA;IACA,OAAK,eAAA,CAAC,4LACE,QAAA,SAAI,OAAA,yCAAA,mCAAA,CAAA;OAGb,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

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

@@ -1,100 +0,0 @@
-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
-var GrLink_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "GrLink",
-	props: {
-		as: { default: void 0 },
-		href: { default: void 0 },
-		external: {
-			type: Boolean,
-			default: false
-		},
-		target: { default: void 0 },
-		rel: { default: void 0 },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		ariaLabel: { default: void 0 },
-		tone: { default: "primary" },
-		variant: { default: "default" },
-		underline: { default: "auto" },
-		size: { default: "md" }
-	},
-	setup(__props) {
-		/**
-		* GrLink — GR-примитив ссылки.
-		*
-		* Корневой тег зависит от пропов:
-		* - кастомный компонент/тег из пропа `as` — когда `as` передан и не `disabled`
-		*   (например, `Link` от `@inertiajs/vue3` или `RouterLink` от Vue Router);
-		* - `<a>` — когда задан `href` и не `disabled`;
-		* - `<span>` — во всех остальных случаях (включая `disabled`, даже если задан
-		*   `href`/`as`).
-		*
-		* Это осознанное решение, чтобы отключённая ссылка не была кликабельной и
-		* не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.
-		*
-		* Проп `as` нужен для интеграции с роутерами (Inertia, Vue Router и пр.):
-		* стили/поведение GR остаются едиными, а тег корня подменяется. Все
-		* специфичные для роутера атрибуты (`method`, `replace`, `preserve-scroll` и т.п.)
-		* проходят через fallthrough-attrs.
-		*/
-		const props = __props;
-		const attrs = useAttrs();
-		const isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href));
-		const renderAs = computed(() => {
-			if (!isInteractive.value) return "span";
-			if (props.as) return typeof props.as === "string" ? props.as : markRaw(props.as);
-			return "a";
-		});
-		const resolvedTarget = computed(() => {
-			if (props.target) return props.target;
-			if (props.external) return "_blank";
-		});
-		const resolvedRel = computed(() => {
-			if (props.rel) return props.rel;
-			if (resolvedTarget.value === "_blank") return "noopener noreferrer";
-		});
-		const rootClass = computed(() => {
-			const variantClass = grLinkClass({
-				size: props.size,
-				underline: props.underline,
-				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,
-				target: isInteractive.value ? resolvedTarget.value : void 0,
-				rel: isInteractive.value ? resolvedRel.value : void 0,
-				"aria-label": __props.ariaLabel,
-				"aria-disabled": __props.disabled ? "true" : void 0,
-				class: rootClass.value,
-				style: colorStyle.value
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, [
-				"href",
-				"target",
-				"rel",
-				"aria-label",
-				"aria-disabled",
-				"class",
-				"style"
-			]);
-		};
-	}
-});
-//#endregion
-export { GrLink_default as t };

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

@@ -1 +0,0 @@
-{"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/GrList/chunks/GrList-Dx772Ns4.js

@@ -1,77 +0,0 @@
-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 = {
-	key: 0,
-	role: "list",
-	class: "divide-y divide-[var(--brd)]"
-};
-var _hoisted_2$1 = {
-	key: 1,
-	role: "list"
-};
-//#endregion
-//#region src/components/GrList/GrList.vue
-var GrList_default = /* @__PURE__ */ defineComponent({
-	__name: "GrList",
-	props: { divided: {
-		type: Boolean,
-		default: true
-	} },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(GrCard_default), null, {
-				default: withCtx(() => [__props.divided ? (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "default")])) : (openBlock(), createElementBlock("div", _hoisted_2$1, [renderSlot(_ctx.$slots, "default")]))]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-//#region src/components/GrList/GrListItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "shrink-0"
-};
-var _hoisted_2 = { class: "min-w-0 flex-1" };
-var _hoisted_3 = {
-	key: 0,
-	class: "text-[13px] font-700"
-};
-var _hoisted_4 = {
-	key: 1,
-	class: "text-[13px] text-[var(--muted-fg)] mt-0.5"
-};
-var _hoisted_5 = {
-	key: 1,
-	class: "shrink-0"
-};
-//#endregion
-//#region src/components/GrList/GrListItem.vue
-var GrListItem_default = /* @__PURE__ */ defineComponent({
-	__name: "GrListItem",
-	props: {
-		title: { default: void 0 },
-		description: { default: void 0 },
-		density: { default: "regular" }
-	},
-	setup(__props) {
-		const props = __props;
-		const slots = useSlots();
-		const paddingClass = computed(() => props.density === "compact" ? "px-4 py-2" : "px-4 py-3");
-		const hasTitle = computed(() => !!slots.title || !!props.title);
-		const hasDescription = computed(() => !!slots.description || !!props.description);
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				role: "listitem",
-				class: normalizeClass(["flex items-start justify-between gap-4", paddingClass.value])
-			}, [
-				_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_2, [hasTitle.value ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])])) : createCommentVNode("", true), hasDescription.value ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("", true)]),
-				_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)
-			], 2);
-		};
-	}
-});
-//#endregion
-export { GrList_default as n, GrListItem_default as t };

package/dist/components/GrList/chunks/GrList-Dx772Ns4.js.map

@@ -1 +0,0 @@
-{"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/GrLoading/chunks/GrLoading--X_7rdbb.js

@@ -1,69 +0,0 @@
-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-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-gr-loading-text": "",
-	class: "text-sm text-[var(--muted-fg)]"
-};
-var DEFAULT_LOADING_TEXT = "Loading...";
-//#endregion
-//#region src/components/GrLoading/GrLoading.vue
-var GrLoading_default = /* @__PURE__ */ defineComponent({
-	__name: "GrLoading",
-	props: {
-		text: { default: void 0 },
-		spinner: { default: void 0 },
-		spinnerClass: { default: void 0 },
-		animated: {
-			type: Boolean,
-			default: true
-		},
-		background: { default: void 0 },
-		fullscreen: {
-			type: Boolean,
-			default: false
-		},
-		zIndex: { default: void 0 },
-		customClass: { default: void 0 }
-	},
-	setup(__props) {
-		const props = __props;
-		const Spinner = computed(() => props.spinner ?? loader_circle_default);
-		const displayText = computed(() => props.text ?? DEFAULT_LOADING_TEXT);
-		const rootClass = computed(() => {
-			return grLoadingRootClass({
-				fullscreen: props.fullscreen,
-				hasBackground: props.background !== void 0,
-				customClass: props.customClass
-			});
-		});
-		const rootStyle = computed(() => {
-			return {
-				backgroundColor: props.background,
-				zIndex: props.zIndex != null ? String(props.zIndex) : void 0
-			};
-		});
-		const spinnerClassName = computed(() => props.spinnerClass);
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				"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-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);
-		};
-	}
-});
-//#endregion
-export { GrLoading_default as t };

package/dist/components/GrLoading/chunks/GrLoading--X_7rdbb.js.map

@@ -1 +0,0 @@
-{"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"}