@feugene/granularity 0.6.2 → 0.8.0

package/dist/components/GrFormFile/chunks/{GrFormFile-deDPicM2.js.map → GrFormFile-WqF-dPTB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrFormFile-deDPicM2.js","names":[],"sources":["../../../../src/components/GrFormFile/GrFormFile.vue","../../../../src/components/GrFormFile/GrFormFile.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport IconUpload from '~icons/lucide/upload'\nimport IconX from '~icons/lucide/x'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { vDropzone } from '../../directives'\nimport { acceptValidator, FileValidationError, runFileValidators } from '../../fileValidation'\nimport type { FileValidationIssue, FileValidator } from '../../fileValidation'\n\ndefineOptions({\n  name: 'GrFormFile',\n})\n\nexport type GrFormFileError = FileValidationIssue\n\n/**\n * Пропы `GrFormFile` — форма-поле для выбора файлов с встроенной валидацией,\n * drag&drop (через `v-dropzone`) и списком выбранных файлов.\n *\n * Все `*Text`/`placeholder` — i18n-friendly, принимают готовые строки локали.\n */\nexport interface GrFormFileProps {\n  modelValue: File | File[] | null\n  multiple?: boolean\n  disabled?: boolean\n  /** W3C `accept` для `<input type=\"file\">` + sugar к `acceptValidator(...)`. */\n  accept?: string\n  validators?: FileValidator[]\n  uploadText?: string\n  changeText?: string\n  removeText?: string\n  clearAllText?: string\n  placeholder?: string\n  /** Дополнительная (кастомная) валидация на стороне потребителя. */\n  validate?: (files: File[]) => GrFormFileError[] | Promise<GrFormFileError[]>\n}\n\nconst props = withDefaults(\n  defineProps<GrFormFileProps>(),\n  {\n    multiple: false,\n    disabled: false,\n    accept: undefined,\n    uploadText: 'Upload file',\n    changeText: 'Change file',\n    removeText: 'Remove',\n    clearAllText: 'Clear all',\n    placeholder: 'No files selected',\n    validators: undefined,\n    validate: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: File | File[] | null): void\n  (e: 'change', value: File | File[] | null): void\n  (e: 'clear'): void\n  (e: 'validation', errors: GrFormFileError[]): void\n  (e: 'update:errors', errors: GrFormFileError[]): void\n}>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst localErrors = ref<GrFormFileError[]>([])\n\nconst files = computed<File[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  return props.modelValue instanceof File ? [props.modelValue] : []\n})\n\nconst hasFiles = computed(() => files.value.length > 0)\n\nfunction clearInputValue() {\n  if (!inputRef.value) return\n  inputRef.value.value = ''\n}\n\nfunction setErrors(next: GrFormFileError[]) {\n  localErrors.value = next\n  emit('validation', next)\n  emit('update:errors', next)\n}\n\nfunction clearErrors() {\n  if (localErrors.value.length === 0) return\n  setErrors([])\n}\n\nfunction openDialog() {\n  if (props.disabled) return\n  inputRef.value?.click()\n}\n\nfunction emitModel(nextFiles: File[]) {\n  const value: File | File[] | null = props.multiple\n    ? nextFiles\n    : (nextFiles[0] ?? null)\n\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nasync function applyFiles(nextFiles: File[]) {\n  const isPromiseLike = (value: unknown): value is PromiseLike<any> => {\n    return !!value && typeof (value as any).then === 'function'\n  }\n\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  const res = runFileValidators(nextFiles, validators, {\n    source: 'input',\n    multiple: props.multiple,\n  })\n\n  const { files: picked, issues } = isPromiseLike(res) ? await res : res\n\n  if (issues.length > 0) {\n    setErrors(issues)\n    clearInputValue()\n    await nextTick()\n    return\n  }\n\n  clearErrors()\n  emitModel(picked)\n  clearInputValue()\n  await nextTick()\n}\n\nasync function onInputChange(event: Event) {\n  if (props.disabled) return\n\n  const target = event.target as HTMLInputElement | null\n  const nextFiles = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  // Reset value so selecting the same file twice triggers change.\n  if (target) target.value = ''\n  await nextTick()\n\n  await applyFiles(nextFiles)\n}\n\nfunction clearAll() {\n  if (props.disabled) return\n  clearErrors()\n  clearInputValue()\n  emit('clear')\n\n  emit('update:modelValue', props.multiple ? [] : null)\n  emit('change', props.multiple ? [] : null)\n}\n\nfunction removeAt(index: number) {\n  if (props.disabled) return\n  if (!props.multiple) {\n    clearAll()\n    return\n  }\n\n  const next = files.value.slice()\n  next.splice(index, 1)\n\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction issueMessage(issue: GrFormFileError): string {\n  if (issue.fileName) return `${issue.fileName}: ${issue.message}`\n  return issue.message\n}\n\nconst dropzone = computed(() => {\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  return {\n    enabled: !props.disabled,\n    multiple: props.multiple,\n    validators,\n    onFiles: async (dropped: File[]) => {\n      // `v-dropzone` уже выполнил валидаторы и нормализацию по `multiple`.\n      clearErrors()\n      emitModel(dropped)\n      clearInputValue()\n      await nextTick()\n    },\n    onError: (error: unknown) => {\n      if (error instanceof FileValidationError) {\n        setErrors(error.issues)\n      }\n      else {\n        setErrors([\n          {\n            code: 'accept',\n            message: 'Failed to validate dropped files',\n          },\n        ])\n      }\n    },\n  }\n})\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!inputRef.value) return\n\n    if (!value || (Array.isArray(value) && value.length === 0)) {\n      // Позволяет выбрать тот же файл снова после внешнего сброса.\n      inputRef.value.value = ''\n    }\n  },\n)\n</script>\n\n<template>\n  <div\n    v-dropzone=\"dropzone\"\n    data-ds-form-file\n    class=\"rounded-[var(--ds-radius-md)]\"\n    :class=\"disabled ? 'opacity-60 cursor-not-allowed' : ''\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-ds-form-file-input\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      class=\"absolute opacity-0 w-px h-px pointer-events-none\"\n      :multiple=\"multiple\"\n      :accept=\"accept\"\n      :disabled=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-3\">\n        <GrButton\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-upload-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"openDialog\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconUpload />\n          </GrIcon>\n          <span class=\"ml-2\">{{ hasFiles ? changeText : uploadText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"hasFiles && !multiple\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-clear-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ removeText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"multiple && hasFiles\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-clear-all-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ clearAllText }}</span>\n        </GrButton>\n\n        <span\n          v-if=\"!multiple && hasFiles\"\n          class=\"text-sm text-[var(--muted-fg)] truncate max-w-[240px]\"\n          data-ds-form-file-single-name\n          :title=\"files[0]?.name\"\n        >\n          {{ files[0]?.name }}\n        </span>\n\n        <span\n          v-if=\"!hasFiles\"\n          class=\"text-sm text-[var(--muted-fg)]\"\n          data-ds-form-file-placeholder\n        >\n          {{ placeholder }}\n        </span>\n      </div>\n\n      <div v-if=\"multiple && hasFiles\" class=\"flex flex-col gap-2\">\n        <div\n          v-for=\"(file, index) in files\"\n          :key=\"`${file.name}-${file.size}-${index}`\"\n          class=\"flex items-center gap-2\"\n          data-ds-form-file-item\n        >\n          <span\n            class=\"text-sm text-[var(--muted-fg)] truncate max-w-[240px]\"\n            :title=\"file.name\"\n            data-ds-form-file-item-name\n          >\n            {{ file.name }}\n          </span>\n\n          <button\n            type=\"button\"\n            class=\"text-xs text-[var(--muted-fg)] hover:text-[var(--fg)]\"\n            data-ds-form-file-item-remove\n            :disabled=\"disabled\"\n            @click.prevent=\"removeAt(index)\"\n          >\n            {{ removeText }}\n          </button>\n        </div>\n      </div>\n\n      <slot name=\"errors\" :errors=\"localErrors\">\n        <div v-if=\"localErrors.length\" class=\"text-sm text-[var(--ds-danger)]\" data-ds-form-file-errors>\n          <div v-for=\"(e, i) in localErrors\" :key=\"i\" data-ds-form-file-error>\n            {{ issueMessage(e) }}\n          </div>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n[data-ds-form-file].ds-dropzone--over {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport IconUpload from '~icons/lucide/upload'\nimport IconX from '~icons/lucide/x'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { vDropzone } from '../../directives'\nimport { acceptValidator, FileValidationError, runFileValidators } from '../../fileValidation'\nimport type { FileValidationIssue, FileValidator } from '../../fileValidation'\n\ndefineOptions({\n  name: 'GrFormFile',\n})\n\nexport type GrFormFileError = FileValidationIssue\n\n/**\n * Пропы `GrFormFile` — форма-поле для выбора файлов с встроенной валидацией,\n * drag&drop (через `v-dropzone`) и списком выбранных файлов.\n *\n * Все `*Text`/`placeholder` — i18n-friendly, принимают готовые строки локали.\n */\nexport interface GrFormFileProps {\n  modelValue: File | File[] | null\n  multiple?: boolean\n  disabled?: boolean\n  /** W3C `accept` для `<input type=\"file\">` + sugar к `acceptValidator(...)`. */\n  accept?: string\n  validators?: FileValidator[]\n  uploadText?: string\n  changeText?: string\n  removeText?: string\n  clearAllText?: string\n  placeholder?: string\n  /** Дополнительная (кастомная) валидация на стороне потребителя. */\n  validate?: (files: File[]) => GrFormFileError[] | Promise<GrFormFileError[]>\n}\n\nconst props = withDefaults(\n  defineProps<GrFormFileProps>(),\n  {\n    multiple: false,\n    disabled: false,\n    accept: undefined,\n    uploadText: 'Upload file',\n    changeText: 'Change file',\n    removeText: 'Remove',\n    clearAllText: 'Clear all',\n    placeholder: 'No files selected',\n    validators: undefined,\n    validate: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: File | File[] | null): void\n  (e: 'change', value: File | File[] | null): void\n  (e: 'clear'): void\n  (e: 'validation', errors: GrFormFileError[]): void\n  (e: 'update:errors', errors: GrFormFileError[]): void\n}>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst localErrors = ref<GrFormFileError[]>([])\n\nconst files = computed<File[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  return props.modelValue instanceof File ? [props.modelValue] : []\n})\n\nconst hasFiles = computed(() => files.value.length > 0)\n\nfunction clearInputValue() {\n  if (!inputRef.value) return\n  inputRef.value.value = ''\n}\n\nfunction setErrors(next: GrFormFileError[]) {\n  localErrors.value = next\n  emit('validation', next)\n  emit('update:errors', next)\n}\n\nfunction clearErrors() {\n  if (localErrors.value.length === 0) return\n  setErrors([])\n}\n\nfunction openDialog() {\n  if (props.disabled) return\n  inputRef.value?.click()\n}\n\nfunction emitModel(nextFiles: File[]) {\n  const value: File | File[] | null = props.multiple\n    ? nextFiles\n    : (nextFiles[0] ?? null)\n\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nasync function applyFiles(nextFiles: File[]) {\n  const isPromiseLike = (value: unknown): value is PromiseLike<any> => {\n    return !!value && typeof (value as any).then === 'function'\n  }\n\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  const res = runFileValidators(nextFiles, validators, {\n    source: 'input',\n    multiple: props.multiple,\n  })\n\n  const { files: picked, issues } = isPromiseLike(res) ? await res : res\n\n  if (issues.length > 0) {\n    setErrors(issues)\n    clearInputValue()\n    await nextTick()\n    return\n  }\n\n  clearErrors()\n  emitModel(picked)\n  clearInputValue()\n  await nextTick()\n}\n\nasync function onInputChange(event: Event) {\n  if (props.disabled) return\n\n  const target = event.target as HTMLInputElement | null\n  const nextFiles = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  // Reset value so selecting the same file twice triggers change.\n  if (target) target.value = ''\n  await nextTick()\n\n  await applyFiles(nextFiles)\n}\n\nfunction clearAll() {\n  if (props.disabled) return\n  clearErrors()\n  clearInputValue()\n  emit('clear')\n\n  emit('update:modelValue', props.multiple ? [] : null)\n  emit('change', props.multiple ? [] : null)\n}\n\nfunction removeAt(index: number) {\n  if (props.disabled) return\n  if (!props.multiple) {\n    clearAll()\n    return\n  }\n\n  const next = files.value.slice()\n  next.splice(index, 1)\n\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction issueMessage(issue: GrFormFileError): string {\n  if (issue.fileName) return `${issue.fileName}: ${issue.message}`\n  return issue.message\n}\n\nconst dropzone = computed(() => {\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  return {\n    enabled: !props.disabled,\n    multiple: props.multiple,\n    validators,\n    onFiles: async (dropped: File[]) => {\n      // `v-dropzone` уже выполнил валидаторы и нормализацию по `multiple`.\n      clearErrors()\n      emitModel(dropped)\n      clearInputValue()\n      await nextTick()\n    },\n    onError: (error: unknown) => {\n      if (error instanceof FileValidationError) {\n        setErrors(error.issues)\n      }\n      else {\n        setErrors([\n          {\n            code: 'accept',\n            message: 'Failed to validate dropped files',\n          },\n        ])\n      }\n    },\n  }\n})\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!inputRef.value) return\n\n    if (!value || (Array.isArray(value) && value.length === 0)) {\n      // Позволяет выбрать тот же файл снова после внешнего сброса.\n      inputRef.value.value = ''\n    }\n  },\n)\n</script>\n\n<template>\n  <div\n    v-dropzone=\"dropzone\"\n    data-ds-form-file\n    class=\"rounded-[var(--ds-radius-md)]\"\n    :class=\"disabled ? 'opacity-60 cursor-not-allowed' : ''\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-ds-form-file-input\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      class=\"absolute opacity-0 w-px h-px pointer-events-none\"\n      :multiple=\"multiple\"\n      :accept=\"accept\"\n      :disabled=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-3\">\n        <GrButton\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-upload-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"openDialog\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconUpload />\n          </GrIcon>\n          <span class=\"ml-2\">{{ hasFiles ? changeText : uploadText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"hasFiles && !multiple\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-clear-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ removeText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"multiple && hasFiles\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-clear-all-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ clearAllText }}</span>\n        </GrButton>\n\n        <span\n          v-if=\"!multiple && hasFiles\"\n          class=\"text-sm text-[var(--muted-fg)] truncate max-w-[240px]\"\n          data-ds-form-file-single-name\n          :title=\"files[0]?.name\"\n        >\n          {{ files[0]?.name }}\n        </span>\n\n        <span\n          v-if=\"!hasFiles\"\n          class=\"text-sm text-[var(--muted-fg)]\"\n          data-ds-form-file-placeholder\n        >\n          {{ placeholder }}\n        </span>\n      </div>\n\n      <div v-if=\"multiple && hasFiles\" class=\"flex flex-col gap-2\">\n        <div\n          v-for=\"(file, index) in files\"\n          :key=\"`${file.name}-${file.size}-${index}`\"\n          class=\"flex items-center gap-2\"\n          data-ds-form-file-item\n        >\n          <span\n            class=\"text-sm text-[var(--muted-fg)] truncate max-w-[240px]\"\n            :title=\"file.name\"\n            data-ds-form-file-item-name\n          >\n            {{ file.name }}\n          </span>\n\n          <button\n            type=\"button\"\n            class=\"text-xs text-[var(--muted-fg)] hover:text-[var(--fg)]\"\n            data-ds-form-file-item-remove\n            :disabled=\"disabled\"\n            @click.prevent=\"removeAt(index)\"\n          >\n            {{ removeText }}\n          </button>\n        </div>\n      </div>\n\n      <slot name=\"errors\" :errors=\"localErrors\">\n        <div v-if=\"localErrors.length\" class=\"text-sm text-[var(--ds-danger)]\" data-ds-form-file-errors>\n          <div v-for=\"(e, i) in localErrors\" :key=\"i\" data-ds-form-file-error>\n            {{ issueMessage(e) }}\n          </div>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n[data-ds-form-file].ds-dropzone--over {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"GrFormFile-WqF-dPTB.js","names":[],"sources":["../../../../src/components/GrFormFile/GrFormFile.vue","../../../../src/components/GrFormFile/GrFormFile.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport IconUpload from '~icons/lucide/upload'\nimport IconX from '~icons/lucide/x'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { vDropzone } from '../../directives'\nimport { acceptValidator, FileValidationError, runFileValidators } from '../../fileValidation'\nimport type { FileValidationIssue, FileValidator } from '../../fileValidation'\n\ndefineOptions({\n  name: 'GrFormFile',\n})\n\nexport type GrFormFileError = FileValidationIssue\n\n/**\n * Пропы `GrFormFile` — форма-поле для выбора файлов с встроенной валидацией,\n * drag&drop (через `v-dropzone`) и списком выбранных файлов.\n *\n * Все `*Text`/`placeholder` — i18n-friendly, принимают готовые строки локали.\n */\nexport interface GrFormFileProps {\n  modelValue: File | File[] | null\n  multiple?: boolean\n  disabled?: boolean\n  /** W3C `accept` для `<input type=\"file\">` + sugar к `acceptValidator(...)`. */\n  accept?: string\n  validators?: FileValidator[]\n  uploadText?: string\n  changeText?: string\n  removeText?: string\n  clearAllText?: string\n  placeholder?: string\n  /** Дополнительная (кастомная) валидация на стороне потребителя. */\n  validate?: (files: File[]) => GrFormFileError[] | Promise<GrFormFileError[]>\n}\n\nconst props = withDefaults(\n  defineProps<GrFormFileProps>(),\n  {\n    multiple: false,\n    disabled: false,\n    accept: undefined,\n    uploadText: 'Upload file',\n    changeText: 'Change file',\n    removeText: 'Remove',\n    clearAllText: 'Clear all',\n    placeholder: 'No files selected',\n    validators: undefined,\n    validate: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: File | File[] | null): void\n  (e: 'change', value: File | File[] | null): void\n  (e: 'clear'): void\n  (e: 'validation', errors: GrFormFileError[]): void\n  (e: 'update:errors', errors: GrFormFileError[]): void\n}>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst localErrors = ref<GrFormFileError[]>([])\n\nconst files = computed<File[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  return props.modelValue instanceof File ? [props.modelValue] : []\n})\n\nconst hasFiles = computed(() => files.value.length > 0)\n\nfunction clearInputValue() {\n  if (!inputRef.value) return\n  inputRef.value.value = ''\n}\n\nfunction setErrors(next: GrFormFileError[]) {\n  localErrors.value = next\n  emit('validation', next)\n  emit('update:errors', next)\n}\n\nfunction clearErrors() {\n  if (localErrors.value.length === 0) return\n  setErrors([])\n}\n\nfunction openDialog() {\n  if (props.disabled) return\n  inputRef.value?.click()\n}\n\nfunction emitModel(nextFiles: File[]) {\n  const value: File | File[] | null = props.multiple\n    ? nextFiles\n    : (nextFiles[0] ?? null)\n\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nasync function applyFiles(nextFiles: File[]) {\n  const isPromiseLike = (value: unknown): value is PromiseLike<any> => {\n    return !!value && typeof (value as any).then === 'function'\n  }\n\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  const res = runFileValidators(nextFiles, validators, {\n    source: 'input',\n    multiple: props.multiple,\n  })\n\n  const { files: picked, issues } = isPromiseLike(res) ? await res : res\n\n  if (issues.length > 0) {\n    setErrors(issues)\n    clearInputValue()\n    await nextTick()\n    return\n  }\n\n  clearErrors()\n  emitModel(picked)\n  clearInputValue()\n  await nextTick()\n}\n\nasync function onInputChange(event: Event) {\n  if (props.disabled) return\n\n  const target = event.target as HTMLInputElement | null\n  const nextFiles = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  // Reset value so selecting the same file twice triggers change.\n  if (target) target.value = ''\n  await nextTick()\n\n  await applyFiles(nextFiles)\n}\n\nfunction clearAll() {\n  if (props.disabled) return\n  clearErrors()\n  clearInputValue()\n  emit('clear')\n\n  emit('update:modelValue', props.multiple ? [] : null)\n  emit('change', props.multiple ? [] : null)\n}\n\nfunction removeAt(index: number) {\n  if (props.disabled) return\n  if (!props.multiple) {\n    clearAll()\n    return\n  }\n\n  const next = files.value.slice()\n  next.splice(index, 1)\n\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction issueMessage(issue: GrFormFileError): string {\n  if (issue.fileName) return `${issue.fileName}: ${issue.message}`\n  return issue.message\n}\n\nconst dropzone = computed(() => {\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  return {\n    enabled: !props.disabled,\n    multiple: props.multiple,\n    validators,\n    onFiles: async (dropped: File[]) => {\n      // `v-dropzone` уже выполнил валидаторы и нормализацию по `multiple`.\n      clearErrors()\n      emitModel(dropped)\n      clearInputValue()\n      await nextTick()\n    },\n    onError: (error: unknown) => {\n      if (error instanceof FileValidationError) {\n        setErrors(error.issues)\n      }\n      else {\n        setErrors([\n          {\n            code: 'accept',\n            message: 'Failed to validate dropped files',\n          },\n        ])\n      }\n    },\n  }\n})\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!inputRef.value) return\n\n    if (!value || (Array.isArray(value) && value.length === 0)) {\n      // Позволяет выбрать тот же файл снова после внешнего сброса.\n      inputRef.value.value = ''\n    }\n  },\n)\n</script>\n\n<template>\n  <div\n    v-dropzone=\"dropzone\"\n    data-ds-form-file\n    class=\"rounded-[var(--ds-radius-md)]\"\n    :class=\"disabled ? 'opacity-60 cursor-not-allowed' : ''\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-ds-form-file-input\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      class=\"absolute opacity-0 w-px h-px pointer-events-none\"\n      :multiple=\"multiple\"\n      :accept=\"accept\"\n      :disabled=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-3\">\n        <GrButton\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-upload-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"openDialog\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconUpload />\n          </GrIcon>\n          <span class=\"ml-2\">{{ hasFiles ? changeText : uploadText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"hasFiles && !multiple\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-clear-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ removeText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"multiple && hasFiles\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-clear-all-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ clearAllText }}</span>\n        </GrButton>\n\n        <span\n          v-if=\"!multiple && hasFiles\"\n          class=\"text-sm text-[var(--muted-fg)] truncate max-w-[240px]\"\n          data-ds-form-file-single-name\n          :title=\"files[0]?.name\"\n        >\n          {{ files[0]?.name }}\n        </span>\n\n        <span\n          v-if=\"!hasFiles\"\n          class=\"text-sm text-[var(--muted-fg)]\"\n          data-ds-form-file-placeholder\n        >\n          {{ placeholder }}\n        </span>\n      </div>\n\n      <div v-if=\"multiple && hasFiles\" class=\"flex flex-col gap-2\">\n        <div\n          v-for=\"(file, index) in files\"\n          :key=\"`${file.name}-${file.size}-${index}`\"\n          class=\"flex items-center gap-2\"\n          data-ds-form-file-item\n        >\n          <span\n            class=\"text-sm text-[var(--muted-fg)] truncate max-w-[240px]\"\n            :title=\"file.name\"\n            data-ds-form-file-item-name\n          >\n            {{ file.name }}\n          </span>\n\n          <button\n            type=\"button\"\n            class=\"text-xs text-[var(--muted-fg)] hover:text-[var(--fg)]\"\n            data-ds-form-file-item-remove\n            :disabled=\"disabled\"\n            @click.prevent=\"removeAt(index)\"\n          >\n            {{ removeText }}\n          </button>\n        </div>\n      </div>\n\n      <slot name=\"errors\" :errors=\"localErrors\">\n        <div v-if=\"localErrors.length\" class=\"text-sm text-[var(--ds-danger)]\" data-ds-form-file-errors>\n          <div v-for=\"(e, i) in localErrors\" :key=\"i\" data-ds-form-file-error>\n            {{ issueMessage(e) }}\n          </div>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n[data-ds-form-file].ds-dropzone--over {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport IconUpload from '~icons/lucide/upload'\nimport IconX from '~icons/lucide/x'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { vDropzone } from '../../directives'\nimport { acceptValidator, FileValidationError, runFileValidators } from '../../fileValidation'\nimport type { FileValidationIssue, FileValidator } from '../../fileValidation'\n\ndefineOptions({\n  name: 'GrFormFile',\n})\n\nexport type GrFormFileError = FileValidationIssue\n\n/**\n * Пропы `GrFormFile` — форма-поле для выбора файлов с встроенной валидацией,\n * drag&drop (через `v-dropzone`) и списком выбранных файлов.\n *\n * Все `*Text`/`placeholder` — i18n-friendly, принимают готовые строки локали.\n */\nexport interface GrFormFileProps {\n  modelValue: File | File[] | null\n  multiple?: boolean\n  disabled?: boolean\n  /** W3C `accept` для `<input type=\"file\">` + sugar к `acceptValidator(...)`. */\n  accept?: string\n  validators?: FileValidator[]\n  uploadText?: string\n  changeText?: string\n  removeText?: string\n  clearAllText?: string\n  placeholder?: string\n  /** Дополнительная (кастомная) валидация на стороне потребителя. */\n  validate?: (files: File[]) => GrFormFileError[] | Promise<GrFormFileError[]>\n}\n\nconst props = withDefaults(\n  defineProps<GrFormFileProps>(),\n  {\n    multiple: false,\n    disabled: false,\n    accept: undefined,\n    uploadText: 'Upload file',\n    changeText: 'Change file',\n    removeText: 'Remove',\n    clearAllText: 'Clear all',\n    placeholder: 'No files selected',\n    validators: undefined,\n    validate: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: File | File[] | null): void\n  (e: 'change', value: File | File[] | null): void\n  (e: 'clear'): void\n  (e: 'validation', errors: GrFormFileError[]): void\n  (e: 'update:errors', errors: GrFormFileError[]): void\n}>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst localErrors = ref<GrFormFileError[]>([])\n\nconst files = computed<File[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  return props.modelValue instanceof File ? [props.modelValue] : []\n})\n\nconst hasFiles = computed(() => files.value.length > 0)\n\nfunction clearInputValue() {\n  if (!inputRef.value) return\n  inputRef.value.value = ''\n}\n\nfunction setErrors(next: GrFormFileError[]) {\n  localErrors.value = next\n  emit('validation', next)\n  emit('update:errors', next)\n}\n\nfunction clearErrors() {\n  if (localErrors.value.length === 0) return\n  setErrors([])\n}\n\nfunction openDialog() {\n  if (props.disabled) return\n  inputRef.value?.click()\n}\n\nfunction emitModel(nextFiles: File[]) {\n  const value: File | File[] | null = props.multiple\n    ? nextFiles\n    : (nextFiles[0] ?? null)\n\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nasync function applyFiles(nextFiles: File[]) {\n  const isPromiseLike = (value: unknown): value is PromiseLike<any> => {\n    return !!value && typeof (value as any).then === 'function'\n  }\n\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  const res = runFileValidators(nextFiles, validators, {\n    source: 'input',\n    multiple: props.multiple,\n  })\n\n  const { files: picked, issues } = isPromiseLike(res) ? await res : res\n\n  if (issues.length > 0) {\n    setErrors(issues)\n    clearInputValue()\n    await nextTick()\n    return\n  }\n\n  clearErrors()\n  emitModel(picked)\n  clearInputValue()\n  await nextTick()\n}\n\nasync function onInputChange(event: Event) {\n  if (props.disabled) return\n\n  const target = event.target as HTMLInputElement | null\n  const nextFiles = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  // Reset value so selecting the same file twice triggers change.\n  if (target) target.value = ''\n  await nextTick()\n\n  await applyFiles(nextFiles)\n}\n\nfunction clearAll() {\n  if (props.disabled) return\n  clearErrors()\n  clearInputValue()\n  emit('clear')\n\n  emit('update:modelValue', props.multiple ? [] : null)\n  emit('change', props.multiple ? [] : null)\n}\n\nfunction removeAt(index: number) {\n  if (props.disabled) return\n  if (!props.multiple) {\n    clearAll()\n    return\n  }\n\n  const next = files.value.slice()\n  next.splice(index, 1)\n\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction issueMessage(issue: GrFormFileError): string {\n  if (issue.fileName) return `${issue.fileName}: ${issue.message}`\n  return issue.message\n}\n\nconst dropzone = computed(() => {\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  return {\n    enabled: !props.disabled,\n    multiple: props.multiple,\n    validators,\n    onFiles: async (dropped: File[]) => {\n      // `v-dropzone` уже выполнил валидаторы и нормализацию по `multiple`.\n      clearErrors()\n      emitModel(dropped)\n      clearInputValue()\n      await nextTick()\n    },\n    onError: (error: unknown) => {\n      if (error instanceof FileValidationError) {\n        setErrors(error.issues)\n      }\n      else {\n        setErrors([\n          {\n            code: 'accept',\n            message: 'Failed to validate dropped files',\n          },\n        ])\n      }\n    },\n  }\n})\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!inputRef.value) return\n\n    if (!value || (Array.isArray(value) && value.length === 0)) {\n      // Позволяет выбрать тот же файл снова после внешнего сброса.\n      inputRef.value.value = ''\n    }\n  },\n)\n</script>\n\n<template>\n  <div\n    v-dropzone=\"dropzone\"\n    data-ds-form-file\n    class=\"rounded-[var(--ds-radius-md)]\"\n    :class=\"disabled ? 'opacity-60 cursor-not-allowed' : ''\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-ds-form-file-input\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      class=\"absolute opacity-0 w-px h-px pointer-events-none\"\n      :multiple=\"multiple\"\n      :accept=\"accept\"\n      :disabled=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-3\">\n        <GrButton\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-upload-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"openDialog\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconUpload />\n          </GrIcon>\n          <span class=\"ml-2\">{{ hasFiles ? changeText : uploadText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"hasFiles && !multiple\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-clear-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ removeText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"multiple && hasFiles\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-clear-all-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ clearAllText }}</span>\n        </GrButton>\n\n        <span\n          v-if=\"!multiple && hasFiles\"\n          class=\"text-sm text-[var(--muted-fg)] truncate max-w-[240px]\"\n          data-ds-form-file-single-name\n          :title=\"files[0]?.name\"\n        >\n          {{ files[0]?.name }}\n        </span>\n\n        <span\n          v-if=\"!hasFiles\"\n          class=\"text-sm text-[var(--muted-fg)]\"\n          data-ds-form-file-placeholder\n        >\n          {{ placeholder }}\n        </span>\n      </div>\n\n      <div v-if=\"multiple && hasFiles\" class=\"flex flex-col gap-2\">\n        <div\n          v-for=\"(file, index) in files\"\n          :key=\"`${file.name}-${file.size}-${index}`\"\n          class=\"flex items-center gap-2\"\n          data-ds-form-file-item\n        >\n          <span\n            class=\"text-sm text-[var(--muted-fg)] truncate max-w-[240px]\"\n            :title=\"file.name\"\n            data-ds-form-file-item-name\n          >\n            {{ file.name }}\n          </span>\n\n          <button\n            type=\"button\"\n            class=\"text-xs text-[var(--muted-fg)] hover:text-[var(--fg)]\"\n            data-ds-form-file-item-remove\n            :disabled=\"disabled\"\n            @click.prevent=\"removeAt(index)\"\n          >\n            {{ removeText }}\n          </button>\n        </div>\n      </div>\n\n      <slot name=\"errors\" :errors=\"localErrors\">\n        <div v-if=\"localErrors.length\" class=\"text-sm text-[var(--ds-danger)]\" data-ds-form-file-errors>\n          <div v-for=\"(e, i) in localErrors\" :key=\"i\" data-ds-form-file-error>\n            {{ issueMessage(e) }}\n          </div>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n[data-ds-form-file].ds-dropzone--over {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/GrFormFile/index.js

@@ -1,3 +1,3 @@
-import { t as GrFormFile_default } from "./chunks/GrFormFile-deDPicM2.js";
+import { t as GrFormFile_default } from "./chunks/GrFormFile-WqF-dPTB.js";
 import { t as grFormFileConfig } from "../../chunks/config-DbqFk-IW.js";
 export { GrFormFile_default as GrFormFile, GrFormFile_default as default, grFormFileConfig };

package/dist/components/GrInputTag/chunks/{GrInputTag-G_VYJPF9.js → GrInputTag-CeEy0IwD.js}

@@ -1,5 +1,5 @@
 import { t as x_default } from "../../../chunks/x-Pa6C2hwi.js";
-import { t as GrBadge_default } from "../../GrBadge/chunks/GrBadge-wuIb4_2K.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-Dusr9jcE.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";

package/dist/components/GrInputTag/chunks/{GrInputTag-G_VYJPF9.js.map → GrInputTag-CeEy0IwD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrInputTag-G_VYJPF9.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'\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: 'Remove tag',\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 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-ds-input-tag\n    data-testid=\"ds-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      class=\"gap-1\"\n      data-ds-input-tag-item\n      data-testid=\"ds-input-tag-item\"\n      :data-index=\"i\"\n    >\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 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=\"removeTagLabel\"\n        data-ds-input-tag-remove\n        data-testid=\"ds-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    </GrBadge>\n\n    <input\n      ref=\"inputEl\"\n      data-ds-input-tag-input\n      data-testid=\"ds-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'\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: 'Remove tag',\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 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-ds-input-tag\n    data-testid=\"ds-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      class=\"gap-1\"\n      data-ds-input-tag-item\n      data-testid=\"ds-input-tag-item\"\n      :data-index=\"i\"\n    >\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 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=\"removeTagLabel\"\n        data-ds-input-tag-remove\n        data-testid=\"ds-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    </GrBadge>\n\n    <input\n      ref=\"inputEl\"\n      data-ds-input-tag-input\n      data-testid=\"ds-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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"}
+{"version":3,"file":"GrInputTag-CeEy0IwD.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'\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: 'Remove tag',\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 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-ds-input-tag\n    data-testid=\"ds-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      class=\"gap-1\"\n      data-ds-input-tag-item\n      data-testid=\"ds-input-tag-item\"\n      :data-index=\"i\"\n    >\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 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=\"removeTagLabel\"\n        data-ds-input-tag-remove\n        data-testid=\"ds-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    </GrBadge>\n\n    <input\n      ref=\"inputEl\"\n      data-ds-input-tag-input\n      data-testid=\"ds-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'\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: 'Remove tag',\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 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-ds-input-tag\n    data-testid=\"ds-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      class=\"gap-1\"\n      data-ds-input-tag-item\n      data-testid=\"ds-input-tag-item\"\n      :data-index=\"i\"\n    >\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 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=\"removeTagLabel\"\n        data-ds-input-tag-remove\n        data-testid=\"ds-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    </GrBadge>\n\n    <input\n      ref=\"inputEl\"\n      data-ds-input-tag-input\n      data-testid=\"ds-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-Dusr9jcE.js";
-import { t as GrInputTag_default } from "./chunks/GrInputTag-G_VYJPF9.js";
+import { t as GrInputTag_default } from "./chunks/GrInputTag-CeEy0IwD.js";
 export { GrInputTag_default as GrInputTag, GrInputTag_default as default, grInputTagConfig, grInputTagSafelist };

package/dist/components/GrList/chunks/{GrList-BPjQf-72.js → GrList-C2GpK56-.js}

@@ -1,4 +1,4 @@
-import { t as GrCard_default } from "../../GrCard/chunks/GrCard-xtDcXBr7.js";
+import { t as GrCard_default } from "../../GrCard/chunks/GrCard-6yk1RRAQ.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-BPjQf-72.js.map → GrList-C2GpK56-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrList-BPjQf-72.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-C2GpK56-.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"}

package/dist/components/GrList/index.js

@@ -1,3 +1,3 @@
-import { n as GrList_default, t as GrListItem_default } from "./chunks/GrList-BPjQf-72.js";
+import { n as GrList_default, t as GrListItem_default } from "./chunks/GrList-C2GpK56-.js";
 import { t as grListConfig } from "../../chunks/config-C4qAA0Sb.js";
 export { GrList_default as GrList, GrList_default as default, GrListItem_default as GrListItem, grListConfig };

package/dist/components/GrLoading/chunks/{GrLoading-C3QZKwE-.js → GrLoading-CxNgHgNw.js}

@@ -1,4 +1,4 @@
-import { t as loader_circle_default } from "../../../chunks/loader-circle-B2rWDk5u.js";
+import { t as loader_circle_default } from "../../../chunks/loader-circle-BUntgosj.js";
 import { t as grLoadingRootClass } from "../../../chunks/grLoadingStyles-CrxZHFL0.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

package/dist/components/GrLoading/chunks/{GrLoading-C3QZKwE-.js.map → GrLoading-CxNgHgNw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrLoading-C3QZKwE-.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-CxNgHgNw.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"}

package/dist/components/GrLoading/index.js

@@ -1,3 +1,3 @@
-import { t as GrLoading_default } from "./chunks/GrLoading-C3QZKwE-.js";
+import { t as GrLoading_default } from "./chunks/GrLoading-CxNgHgNw.js";
 import { n as grLoadingSafelist, t as grLoadingConfig } from "../../chunks/config-B44QVIge.js";
 export { GrLoading_default as GrLoading, GrLoading_default as default, grLoadingConfig, grLoadingSafelist };

package/dist/components/GrNavbar/chunks/{GrNavbar-BDIKAYfN.js → GrNavbar-CxHwBvSG.js}

@@ -1,6 +1,6 @@
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BmGdp8-4.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CPDKonoB.js";
 import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
-import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-Dm4DuCS9.js";
+import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-CXa_uN7f.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
 //#region ~icons/lucide/menu
 var _hoisted_1$1 = {

package/dist/components/GrNavbar/chunks/{GrNavbar-BDIKAYfN.js.map → GrNavbar-CxHwBvSG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrNavbar-BDIKAYfN.js","names":[],"sources":["../../../../src/components/GrNavbar/GrNavbar.vue","../../../../src/components/GrNavbar/GrNavbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconMenu from '~icons/lucide/menu'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\n/**\n * GrNavbar — верхняя панель приложения (header) с заголовком,\n * опциональной кнопкой меню (обычно — для мобильных) и правым слотом\n * для действий/аватара.\n *\n * - Корень — `<header>` (landmark), без собственного `role`.\n * - `aria-label` кнопки меню локализуется через `useGranularityTranslations`.\n */\nexport interface GrNavbarProps {\n  title: string\n  showMenuButton?: boolean\n  /** Extra classes applied to the menu button wrapper (e.g. `sm:hidden`). */\n  menuButtonClass?: string\n}\n\nwithDefaults(defineProps<GrNavbarProps>(), {\n  showMenuButton: false,\n  menuButtonClass: '',\n})\n\nconst emit = defineEmits<{\n  (e: 'menu'): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst menuAriaLabel = computed(() => t('gr.navbar.openMenu', 'Open menu'))\n</script>\n\n<template>\n  <header\n    data-ds-navbar\n    class=\"h-[56px] border-b border-[var(--brd)] bg-[var(--bg)] flex items-center justify-between px-4 sm:px-6\"\n  >\n    <div class=\"flex items-center gap-3\">\n      <GrButton\n        v-if=\"showMenuButton\"\n        data-ds-navbar-menu\n        variant=\"ghost\"\n        size=\"sm\"\n        square\n        :aria-label=\"menuAriaLabel\"\n        :class=\"menuButtonClass\"\n        @click=\"emit('menu')\"\n      >\n        <GrIcon :size=\"16\">\n          <IconMenu aria-hidden=\"true\" />\n        </GrIcon>\n      </GrButton>\n      <div data-ds-navbar-title class=\"text-[14px] font-700\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"flex items-center gap-3\">\n      <slot />\n    </div>\n  </header>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconMenu from '~icons/lucide/menu'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\n/**\n * GrNavbar — верхняя панель приложения (header) с заголовком,\n * опциональной кнопкой меню (обычно — для мобильных) и правым слотом\n * для действий/аватара.\n *\n * - Корень — `<header>` (landmark), без собственного `role`.\n * - `aria-label` кнопки меню локализуется через `useGranularityTranslations`.\n */\nexport interface GrNavbarProps {\n  title: string\n  showMenuButton?: boolean\n  /** Extra classes applied to the menu button wrapper (e.g. `sm:hidden`). */\n  menuButtonClass?: string\n}\n\nwithDefaults(defineProps<GrNavbarProps>(), {\n  showMenuButton: false,\n  menuButtonClass: '',\n})\n\nconst emit = defineEmits<{\n  (e: 'menu'): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst menuAriaLabel = computed(() => t('gr.navbar.openMenu', 'Open menu'))\n</script>\n\n<template>\n  <header\n    data-ds-navbar\n    class=\"h-[56px] border-b border-[var(--brd)] bg-[var(--bg)] flex items-center justify-between px-4 sm:px-6\"\n  >\n    <div class=\"flex items-center gap-3\">\n      <GrButton\n        v-if=\"showMenuButton\"\n        data-ds-navbar-menu\n        variant=\"ghost\"\n        size=\"sm\"\n        square\n        :aria-label=\"menuAriaLabel\"\n        :class=\"menuButtonClass\"\n        @click=\"emit('menu')\"\n      >\n        <GrIcon :size=\"16\">\n          <IconMenu aria-hidden=\"true\" />\n        </GrIcon>\n      </GrButton>\n      <div data-ds-navbar-title class=\"text-[14px] font-700\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"flex items-center gap-3\">\n      <slot />\n    </div>\n  </header>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,OAAO;EAIb,MAAM,EAAE,MAAM,4BAA2B;EAEzC,MAAM,gBAAgB,eAAe,EAAE,sBAAsB,YAAY,CAAA;;uBAIvE,mBA6BS,UA7BT,YA6BS,CAzBP,mBAoBM,OApBN,YAoBM,CAlBI,QAAA,kBAAA,WAAA,EADR,YAaW,kBAAA;;IAXT,uBAAA;IACA,SAAQ;IACR,MAAK;IACL,QAAA;IACC,cAAY,cAAA;IACZ,OAAK,eAAE,QAAA,gBAAe;IACtB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;;2BAIH,CAFT,YAES,gBAAA,EAFA,MAAM,IAAE,EAAA;4BACgB,CAA/B,YAA+B,MAAA,aAAA,EAAA,EAArB,eAAY,QAAM,CAAA,CAAA,CAAA;;;;mEAGhC,mBAIM,OAJN,YAIM,CAHJ,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAKd,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"GrNavbar-CxHwBvSG.js","names":[],"sources":["../../../../src/components/GrNavbar/GrNavbar.vue","../../../../src/components/GrNavbar/GrNavbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconMenu from '~icons/lucide/menu'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\n/**\n * GrNavbar — верхняя панель приложения (header) с заголовком,\n * опциональной кнопкой меню (обычно — для мобильных) и правым слотом\n * для действий/аватара.\n *\n * - Корень — `<header>` (landmark), без собственного `role`.\n * - `aria-label` кнопки меню локализуется через `useGranularityTranslations`.\n */\nexport interface GrNavbarProps {\n  title: string\n  showMenuButton?: boolean\n  /** Extra classes applied to the menu button wrapper (e.g. `sm:hidden`). */\n  menuButtonClass?: string\n}\n\nwithDefaults(defineProps<GrNavbarProps>(), {\n  showMenuButton: false,\n  menuButtonClass: '',\n})\n\nconst emit = defineEmits<{\n  (e: 'menu'): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst menuAriaLabel = computed(() => t('gr.navbar.openMenu', 'Open menu'))\n</script>\n\n<template>\n  <header\n    data-ds-navbar\n    class=\"h-[56px] border-b border-[var(--brd)] bg-[var(--bg)] flex items-center justify-between px-4 sm:px-6\"\n  >\n    <div class=\"flex items-center gap-3\">\n      <GrButton\n        v-if=\"showMenuButton\"\n        data-ds-navbar-menu\n        variant=\"ghost\"\n        size=\"sm\"\n        square\n        :aria-label=\"menuAriaLabel\"\n        :class=\"menuButtonClass\"\n        @click=\"emit('menu')\"\n      >\n        <GrIcon :size=\"16\">\n          <IconMenu aria-hidden=\"true\" />\n        </GrIcon>\n      </GrButton>\n      <div data-ds-navbar-title class=\"text-[14px] font-700\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"flex items-center gap-3\">\n      <slot />\n    </div>\n  </header>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconMenu from '~icons/lucide/menu'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\n/**\n * GrNavbar — верхняя панель приложения (header) с заголовком,\n * опциональной кнопкой меню (обычно — для мобильных) и правым слотом\n * для действий/аватара.\n *\n * - Корень — `<header>` (landmark), без собственного `role`.\n * - `aria-label` кнопки меню локализуется через `useGranularityTranslations`.\n */\nexport interface GrNavbarProps {\n  title: string\n  showMenuButton?: boolean\n  /** Extra classes applied to the menu button wrapper (e.g. `sm:hidden`). */\n  menuButtonClass?: string\n}\n\nwithDefaults(defineProps<GrNavbarProps>(), {\n  showMenuButton: false,\n  menuButtonClass: '',\n})\n\nconst emit = defineEmits<{\n  (e: 'menu'): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst menuAriaLabel = computed(() => t('gr.navbar.openMenu', 'Open menu'))\n</script>\n\n<template>\n  <header\n    data-ds-navbar\n    class=\"h-[56px] border-b border-[var(--brd)] bg-[var(--bg)] flex items-center justify-between px-4 sm:px-6\"\n  >\n    <div class=\"flex items-center gap-3\">\n      <GrButton\n        v-if=\"showMenuButton\"\n        data-ds-navbar-menu\n        variant=\"ghost\"\n        size=\"sm\"\n        square\n        :aria-label=\"menuAriaLabel\"\n        :class=\"menuButtonClass\"\n        @click=\"emit('menu')\"\n      >\n        <GrIcon :size=\"16\">\n          <IconMenu aria-hidden=\"true\" />\n        </GrIcon>\n      </GrButton>\n      <div data-ds-navbar-title class=\"text-[14px] font-700\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"flex items-center gap-3\">\n      <slot />\n    </div>\n  </header>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,OAAO;EAIb,MAAM,EAAE,MAAM,4BAA2B;EAEzC,MAAM,gBAAgB,eAAe,EAAE,sBAAsB,YAAY,CAAA;;uBAIvE,mBA6BS,UA7BT,YA6BS,CAzBP,mBAoBM,OApBN,YAoBM,CAlBI,QAAA,kBAAA,WAAA,EADR,YAaW,kBAAA;;IAXT,uBAAA;IACA,SAAQ;IACR,MAAK;IACL,QAAA;IACC,cAAY,cAAA;IACZ,OAAK,eAAE,QAAA,gBAAe;IACtB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;;2BAIH,CAFT,YAES,gBAAA,EAFA,MAAM,IAAE,EAAA;4BACgB,CAA/B,YAA+B,MAAA,aAAA,EAAA,EAArB,eAAY,QAAM,CAAA,CAAA,CAAA;;;;mEAGhC,mBAIM,OAJN,YAIM,CAHJ,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAKd,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrNavbar/index.js

@@ -1,3 +1,3 @@
-import { t as GrNavbar_default } from "./chunks/GrNavbar-BDIKAYfN.js";
+import { t as GrNavbar_default } from "./chunks/GrNavbar-CxHwBvSG.js";
 import { t as grNavbarConfig } from "../../chunks/config-D1DI3roo.js";
 export { GrNavbar_default as GrNavbar, GrNavbar_default as default, grNavbarConfig };

package/dist/components/GrPagination/chunks/{GrPagination-BZlH-uEd.js → GrPagination-dMXZz120.js}

@@ -1,5 +1,5 @@
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BmGdp8-4.js";
-import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-Dm4DuCS9.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CPDKonoB.js";
+import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-CXa_uN7f.js";
 import { t as GrSelect_default } from "../../GrSelect/chunks/GrSelect-C3NAfTqL.js";
 import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/GrPagination/GrPagination.vue?vue&type=script&setup=true&lang.ts

package/dist/components/GrPagination/chunks/{GrPagination-BZlH-uEd.js.map → GrPagination-dMXZz120.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrPagination-BZlH-uEd.js","names":[],"sources":["../../../../src/components/GrPagination/GrPagination.vue","../../../../src/components/GrPagination/GrPagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Окно отображаемых номеров — 5.\n */\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  pageSizes?: number[]\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n})\n\nconst emit = defineEmits<{\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}>()\n\nconst pageCount = computed(() => Math.max(1, Math.ceil(props.total / props.pageSize)))\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(pageSize => ({\n    value: String(pageSize),\n    label: String(pageSize),\n  })),\n)\n\nconst pages = computed(() => {\n  const max = pageCount.value\n  const current = props.page\n  const windowSize = 5\n  const half = Math.floor(windowSize / 2)\n\n  let start = Math.max(1, current - half)\n  const end = Math.min(max, start + windowSize - 1)\n  start = Math.max(1, end - windowSize + 1)\n\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n\n  return list\n})\n\nfunction goTo(page: number): void {\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, props.page - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, props.page + 1))\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end gap-3\"\n    data-ds-pagination\n    role=\"navigation\"\n    :aria-label=\"t('gr.pagination.pageSize', 'Pagination')\"\n  >\n    <div class=\"min-w-[100px]\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page <= 1\" @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <div class=\"flex items-center gap-1\">\n      <button\n        v-for=\"pageNumber in pages\"\n        :key=\"pageNumber\"\n        type=\"button\"\n        data-ds-pagination-page\n        :aria-current=\"pageNumber === page ? 'page' : undefined\"\n        :aria-label=\"`Page ${pageNumber}`\"\n        class=\"h-8 min-w-8 px-2 rounded-md text-sm font-600 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"pageNumber === page ? 'bg-[var(--primary)] text-[var(--primary-fg)]' : 'text-[var(--muted-fg)] hover:bg-[var(--muted)] hover:text-[var(--fg)]'\"\n        @click=\"goTo(pageNumber)\"\n      >\n        {{ pageNumber }}\n      </button>\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page >= pageCount\" @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Окно отображаемых номеров — 5.\n */\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  pageSizes?: number[]\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n})\n\nconst emit = defineEmits<{\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}>()\n\nconst pageCount = computed(() => Math.max(1, Math.ceil(props.total / props.pageSize)))\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(pageSize => ({\n    value: String(pageSize),\n    label: String(pageSize),\n  })),\n)\n\nconst pages = computed(() => {\n  const max = pageCount.value\n  const current = props.page\n  const windowSize = 5\n  const half = Math.floor(windowSize / 2)\n\n  let start = Math.max(1, current - half)\n  const end = Math.min(max, start + windowSize - 1)\n  start = Math.max(1, end - windowSize + 1)\n\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n\n  return list\n})\n\nfunction goTo(page: number): void {\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, props.page - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, props.page + 1))\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end gap-3\"\n    data-ds-pagination\n    role=\"navigation\"\n    :aria-label=\"t('gr.pagination.pageSize', 'Pagination')\"\n  >\n    <div class=\"min-w-[100px]\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page <= 1\" @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <div class=\"flex items-center gap-1\">\n      <button\n        v-for=\"pageNumber in pages\"\n        :key=\"pageNumber\"\n        type=\"button\"\n        data-ds-pagination-page\n        :aria-current=\"pageNumber === page ? 'page' : undefined\"\n        :aria-label=\"`Page ${pageNumber}`\"\n        class=\"h-8 min-w-8 px-2 rounded-md text-sm font-600 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"pageNumber === page ? 'bg-[var(--primary)] text-[var(--primary-fg)]' : 'text-[var(--muted-fg)] hover:bg-[var(--muted)] hover:text-[var(--fg)]'\"\n        @click=\"goTo(pageNumber)\"\n      >\n        {{ pageNumber }}\n      </button>\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page >= pageCount\" @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,EAAE,MAAM,4BAA2B;EAEzC,MAAM,QAAQ;EAId,MAAM,OAAO;EAKb,MAAM,YAAY,eAAe,KAAK,IAAI,GAAG,KAAK,KAAK,MAAM,QAAQ,MAAM,SAAS,CAAC,CAAA;EAErF,MAAM,gBAAgB,SAAS;GAC7B,WAAW,OAAO,MAAM,SAAS;GACjC,MAAM,UAAkB,KAAK,mBAAmB,OAAO,MAAM,CAAC;GAC/D,CAAA;EAED,MAAM,kBAAkB,eACtB,MAAM,UAAU,KAAI,cAAa;GAC/B,OAAO,OAAO,SAAS;GACvB,OAAO,OAAO,SAAS;GACxB,EAAE,CACL;EAEA,MAAM,QAAQ,eAAe;GAC3B,MAAM,MAAM,UAAU;GACtB,MAAM,UAAU,MAAM;GACtB,MAAM,aAAa;GACnB,MAAM,OAAO,KAAK,MAAM,aAAa,EAAC;GAEtC,IAAI,QAAQ,KAAK,IAAI,GAAG,UAAU,KAAI;GACtC,MAAM,MAAM,KAAK,IAAI,KAAK,QAAQ,aAAa,EAAC;AAChD,WAAQ,KAAK,IAAI,GAAG,MAAM,aAAa,EAAC;GAExC,MAAM,OAAiB,EAAC;AACxB,QAAK,IAAI,OAAO,OAAO,QAAQ,KAAK,QAAQ,EAC1C,MAAK,KAAK,KAAI;AAEhB,UAAO;IACR;EAED,SAAS,KAAK,MAAoB;AAChC,QAAK,eAAe,KAAI;;EAG1B,SAAS,OAAa;AACpB,QAAK,KAAK,IAAI,GAAG,MAAM,OAAO,EAAE,CAAA;;EAGlC,SAAS,OAAa;AACpB,QAAK,KAAK,IAAI,UAAU,OAAO,MAAM,OAAO,EAAE,CAAA;;;uBAK9C,mBAqCM,OAAA;IApCJ,OAAM;IACN,sBAAA;IACA,MAAK;IACJ,cAAY,MAAA,EAAC,CAAA,0BAAA,aAAA;;IAEd,mBAMM,OANN,YAMM,CALJ,YAIE,kBAAA;iBAHS,cAAA;gFAAa,QAAA;KACrB,SAAS,gBAAA;KACT,cAAY,MAAA,EAAC,CAAA,0BAAA,YAAA;;;;;;IAIlB,YAEW,kBAAA;KAFD,SAAQ;KAAQ,MAAK;KAAM,UAAU,QAAA,QAAI;KAAQ,SAAO;;4BAC3B,CAAA,gBAAA,gBAAlC,MAAA,EAAC,CAAA,sBAAA,OAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;IAGN,mBAcM,OAdN,YAcM,EAAA,UAAA,KAAA,EAbJ,mBAYS,UAAA,MAAA,WAXc,MAAA,QAAd,eAAU;yBADnB,mBAYS,UAAA;MAVN,KAAK;MACN,MAAK;MACL,2BAAA;MACC,gBAAc,eAAe,QAAA,OAAI,SAAY,KAAA;MAC7C,cAAU,QAAU;MACrB,OAAK,eAAA,CAAC,wJACE,eAAe,QAAA,OAAI,iDAAA,wEAAA,CAAA;MAC1B,UAAK,WAAE,KAAK,WAAU;wBAEpB,WAAU,EAAA,IAAA,WAAA;;IAIjB,YAEW,kBAAA;KAFD,SAAQ;KAAQ,MAAK;KAAM,UAAU,QAAA,QAAQ,UAAA;KAAY,SAAO;;4BACnC,CAAA,gBAAA,gBAAlC,MAAA,EAAC,CAAA,sBAAA,OAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"GrPagination-dMXZz120.js","names":[],"sources":["../../../../src/components/GrPagination/GrPagination.vue","../../../../src/components/GrPagination/GrPagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Окно отображаемых номеров — 5.\n */\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  pageSizes?: number[]\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n})\n\nconst emit = defineEmits<{\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}>()\n\nconst pageCount = computed(() => Math.max(1, Math.ceil(props.total / props.pageSize)))\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(pageSize => ({\n    value: String(pageSize),\n    label: String(pageSize),\n  })),\n)\n\nconst pages = computed(() => {\n  const max = pageCount.value\n  const current = props.page\n  const windowSize = 5\n  const half = Math.floor(windowSize / 2)\n\n  let start = Math.max(1, current - half)\n  const end = Math.min(max, start + windowSize - 1)\n  start = Math.max(1, end - windowSize + 1)\n\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n\n  return list\n})\n\nfunction goTo(page: number): void {\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, props.page - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, props.page + 1))\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end gap-3\"\n    data-ds-pagination\n    role=\"navigation\"\n    :aria-label=\"t('gr.pagination.pageSize', 'Pagination')\"\n  >\n    <div class=\"min-w-[100px]\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page <= 1\" @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <div class=\"flex items-center gap-1\">\n      <button\n        v-for=\"pageNumber in pages\"\n        :key=\"pageNumber\"\n        type=\"button\"\n        data-ds-pagination-page\n        :aria-current=\"pageNumber === page ? 'page' : undefined\"\n        :aria-label=\"`Page ${pageNumber}`\"\n        class=\"h-8 min-w-8 px-2 rounded-md text-sm font-600 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"pageNumber === page ? 'bg-[var(--primary)] text-[var(--primary-fg)]' : 'text-[var(--muted-fg)] hover:bg-[var(--muted)] hover:text-[var(--fg)]'\"\n        @click=\"goTo(pageNumber)\"\n      >\n        {{ pageNumber }}\n      </button>\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page >= pageCount\" @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Окно отображаемых номеров — 5.\n */\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  pageSizes?: number[]\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n})\n\nconst emit = defineEmits<{\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}>()\n\nconst pageCount = computed(() => Math.max(1, Math.ceil(props.total / props.pageSize)))\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(pageSize => ({\n    value: String(pageSize),\n    label: String(pageSize),\n  })),\n)\n\nconst pages = computed(() => {\n  const max = pageCount.value\n  const current = props.page\n  const windowSize = 5\n  const half = Math.floor(windowSize / 2)\n\n  let start = Math.max(1, current - half)\n  const end = Math.min(max, start + windowSize - 1)\n  start = Math.max(1, end - windowSize + 1)\n\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n\n  return list\n})\n\nfunction goTo(page: number): void {\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, props.page - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, props.page + 1))\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end gap-3\"\n    data-ds-pagination\n    role=\"navigation\"\n    :aria-label=\"t('gr.pagination.pageSize', 'Pagination')\"\n  >\n    <div class=\"min-w-[100px]\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page <= 1\" @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <div class=\"flex items-center gap-1\">\n      <button\n        v-for=\"pageNumber in pages\"\n        :key=\"pageNumber\"\n        type=\"button\"\n        data-ds-pagination-page\n        :aria-current=\"pageNumber === page ? 'page' : undefined\"\n        :aria-label=\"`Page ${pageNumber}`\"\n        class=\"h-8 min-w-8 px-2 rounded-md text-sm font-600 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"pageNumber === page ? 'bg-[var(--primary)] text-[var(--primary-fg)]' : 'text-[var(--muted-fg)] hover:bg-[var(--muted)] hover:text-[var(--fg)]'\"\n        @click=\"goTo(pageNumber)\"\n      >\n        {{ pageNumber }}\n      </button>\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page >= pageCount\" @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,EAAE,MAAM,4BAA2B;EAEzC,MAAM,QAAQ;EAId,MAAM,OAAO;EAKb,MAAM,YAAY,eAAe,KAAK,IAAI,GAAG,KAAK,KAAK,MAAM,QAAQ,MAAM,SAAS,CAAC,CAAA;EAErF,MAAM,gBAAgB,SAAS;GAC7B,WAAW,OAAO,MAAM,SAAS;GACjC,MAAM,UAAkB,KAAK,mBAAmB,OAAO,MAAM,CAAC;GAC/D,CAAA;EAED,MAAM,kBAAkB,eACtB,MAAM,UAAU,KAAI,cAAa;GAC/B,OAAO,OAAO,SAAS;GACvB,OAAO,OAAO,SAAS;GACxB,EAAE,CACL;EAEA,MAAM,QAAQ,eAAe;GAC3B,MAAM,MAAM,UAAU;GACtB,MAAM,UAAU,MAAM;GACtB,MAAM,aAAa;GACnB,MAAM,OAAO,KAAK,MAAM,aAAa,EAAC;GAEtC,IAAI,QAAQ,KAAK,IAAI,GAAG,UAAU,KAAI;GACtC,MAAM,MAAM,KAAK,IAAI,KAAK,QAAQ,aAAa,EAAC;AAChD,WAAQ,KAAK,IAAI,GAAG,MAAM,aAAa,EAAC;GAExC,MAAM,OAAiB,EAAC;AACxB,QAAK,IAAI,OAAO,OAAO,QAAQ,KAAK,QAAQ,EAC1C,MAAK,KAAK,KAAI;AAEhB,UAAO;IACR;EAED,SAAS,KAAK,MAAoB;AAChC,QAAK,eAAe,KAAI;;EAG1B,SAAS,OAAa;AACpB,QAAK,KAAK,IAAI,GAAG,MAAM,OAAO,EAAE,CAAA;;EAGlC,SAAS,OAAa;AACpB,QAAK,KAAK,IAAI,UAAU,OAAO,MAAM,OAAO,EAAE,CAAA;;;uBAK9C,mBAqCM,OAAA;IApCJ,OAAM;IACN,sBAAA;IACA,MAAK;IACJ,cAAY,MAAA,EAAC,CAAA,0BAAA,aAAA;;IAEd,mBAMM,OANN,YAMM,CALJ,YAIE,kBAAA;iBAHS,cAAA;gFAAa,QAAA;KACrB,SAAS,gBAAA;KACT,cAAY,MAAA,EAAC,CAAA,0BAAA,YAAA;;;;;;IAIlB,YAEW,kBAAA;KAFD,SAAQ;KAAQ,MAAK;KAAM,UAAU,QAAA,QAAI;KAAQ,SAAO;;4BAC3B,CAAA,gBAAA,gBAAlC,MAAA,EAAC,CAAA,sBAAA,OAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;IAGN,mBAcM,OAdN,YAcM,EAAA,UAAA,KAAA,EAbJ,mBAYS,UAAA,MAAA,WAXc,MAAA,QAAd,eAAU;yBADnB,mBAYS,UAAA;MAVN,KAAK;MACN,MAAK;MACL,2BAAA;MACC,gBAAc,eAAe,QAAA,OAAI,SAAY,KAAA;MAC7C,cAAU,QAAU;MACrB,OAAK,eAAA,CAAC,wJACE,eAAe,QAAA,OAAI,iDAAA,wEAAA,CAAA;MAC1B,UAAK,WAAE,KAAK,WAAU;wBAEpB,WAAU,EAAA,IAAA,WAAA;;IAIjB,YAEW,kBAAA;KAFD,SAAQ;KAAQ,MAAK;KAAM,UAAU,QAAA,QAAQ,UAAA;KAAY,SAAO;;4BACnC,CAAA,gBAAA,gBAAlC,MAAA,EAAC,CAAA,sBAAA,OAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/GrPagination/index.js

@@ -1,3 +1,3 @@
-import { t as GrPagination_default } from "./chunks/GrPagination-BZlH-uEd.js";
+import { t as GrPagination_default } from "./chunks/GrPagination-dMXZz120.js";
 import { t as grPaginationConfig } from "../../chunks/config-DudL02ag.js";
 export { GrPagination_default as GrPagination, GrPagination_default as default, grPaginationConfig };

package/dist/components/GrPromptDialog/chunks/{GrPromptDialog-CUMW6_58.js → GrPromptDialog-CfKf4tPx.js}

@@ -1,5 +1,5 @@
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BmGdp8-4.js";
-import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-gObmaVEl.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CPDKonoB.js";
+import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-Ba3Ojcsq.js";
 import { t as GrFormField_default } from "../../GrFormField/chunks/GrFormField-C1oWTT_0.js";
 import { t as GrInput_default } from "../../GrInput/chunks/GrInput-CfO2RsM-.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, watch, withCtx } from "vue";

package/dist/components/GrPromptDialog/chunks/{GrPromptDialog-CUMW6_58.js.map → GrPromptDialog-CfKf4tPx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrPromptDialog-CUMW6_58.js","names":[],"sources":["../../../../src/components/GrPromptDialog/GrPromptDialog.vue","../../../../src/components/GrPromptDialog/GrPromptDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrPromptDialog — DS-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n */\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n}\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: 'Prompt',\n  description: undefined,\n  label: 'Value',\n  placeholder: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: 'Close',\n  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  requiredErrorText: 'Enter a value.',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (v) touched.value = false\n  },\n)\n\nconst canConfirm = computed(() => {\n  if (!props.required) return true\n  return valueModel.value.trim().length > 0\n})\n\nconst error = computed(() => {\n  if (!props.required) return undefined\n  if (!touched.value) return undefined\n  return valueModel.value.trim().length > 0\n    ? undefined\n    : props.requiredErrorText\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  if (!canConfirm.value) {\n    touched.value = true\n    inputRef.value?.focus()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <GrFormField :label=\"label\" :error=\"error\" for-id=\"ds-prompt-input\">\n        <GrInput\n          id=\"ds-prompt-input\"\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"ds-prompt-input\"\n          :placeholder=\"placeholder\"\n          :invalid=\"!!error\"\n          @blur=\"touched = true\"\n        />\n      </GrFormField>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :disabled=\"required && touched && !canConfirm\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrPromptDialog — DS-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n */\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n}\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: 'Prompt',\n  description: undefined,\n  label: 'Value',\n  placeholder: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: 'Close',\n  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  requiredErrorText: 'Enter a value.',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (v) touched.value = false\n  },\n)\n\nconst canConfirm = computed(() => {\n  if (!props.required) return true\n  return valueModel.value.trim().length > 0\n})\n\nconst error = computed(() => {\n  if (!props.required) return undefined\n  if (!touched.value) return undefined\n  return valueModel.value.trim().length > 0\n    ? undefined\n    : props.requiredErrorText\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  if (!canConfirm.value) {\n    touched.value = true\n    inputRef.value?.focus()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <GrFormField :label=\"label\" :error=\"error\" for-id=\"ds-prompt-input\">\n        <GrInput\n          id=\"ds-prompt-input\"\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"ds-prompt-input\"\n          :placeholder=\"placeholder\"\n          :invalid=\"!!error\"\n          @blur=\"touched = true\"\n        />\n      </GrFormField>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :disabled=\"required && touched && !canConfirm\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EAuBd,MAAM,OAAO;EAOb,MAAM,OAAO,SAAS;GACpB,WAAW,MAAM;GACjB,MAAM,MAAe,KAAK,qBAAqB,EAAE;GAClD,CAAA;EAED,MAAM,aAAa,SAAS;GAC1B,WAAW,MAAM;GACjB,MAAM,MAAc,KAAK,gBAAgB,EAAE;GAC5C,CAAA;EAED,MAAM,UAAU,IAAI,MAAK;EACzB,MAAM,WAAW,IAAyC,KAAI;AAE9D,cACQ,MAAM,aACX,MAAM;AACL,OAAI,EAAG,SAAQ,QAAQ;IAE3B;EAEA,MAAM,aAAa,eAAe;AAChC,OAAI,CAAC,MAAM,SAAU,QAAO;AAC5B,UAAO,WAAW,MAAM,MAAM,CAAC,SAAS;IACzC;EAED,MAAM,QAAQ,eAAe;AAC3B,OAAI,CAAC,MAAM,SAAU,QAAO,KAAA;AAC5B,OAAI,CAAC,QAAQ,MAAO,QAAO,KAAA;AAC3B,UAAO,WAAW,MAAM,MAAM,CAAC,SAAS,IACpC,KAAA,IACA,MAAM;IACX;EAED,SAAS,WAAiB;AACxB,QAAK,SAAQ;AACb,QAAK,qBAAqB,MAAK;;EAGjC,SAAS,YAAkB;AACzB,OAAI,CAAC,WAAW,OAAO;AACrB,YAAQ,QAAQ;AAChB,aAAS,OAAO,OAAM;AACtB;;AAGF,QAAK,WAAW,WAAW,MAAK;AAChC,QAAK,qBAAqB,MAAK;;;uBAK/B,YAoDW,kBAAA;gBAnDA,KAAA;sEAAI,QAAA;IACZ,OAAO,QAAA;IACP,MAAM,QAAA;IACN,qBAAmB,QAAA;IACnB,gBAAc,QAAA;IACd,eAAa,QAAA;IACb,qBAAmB,QAAA;IACnB,iBAAe,QAAA;IACf,iBAAe,QAAA;IACf,eAAa,QAAA;IACb,eAAa,QAAA;;IAsBH,QAAM,cAiBR,CAhBP,WAgBO,KAAA,QAAA,UAAA,EAAA,QAAA,CAfL,mBAcM,OAdN,YAcM,CAbJ,YAEW,kBAAA;KAFD,eAAY;KAAmB,SAAQ;KAAW,MAAM,QAAA;KAAa,SAAO;;4BACpE,CAAA,gBAAA,gBAAb,QAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;qBAEf,YASW,kBAAA;KART,eAAY;KACX,SAAS,QAAA;KACT,MAAM,QAAA;KACN,MAAM,QAAA;KACN,UAAU,QAAA,YAAY,QAAA,SAAO,CAAK,WAAA;KAClC,SAAO;;4BAES,CAAA,gBAAA,gBAAd,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA;;;;;;;;2BAhBhB,CAlBN,mBAkBM,OAlBN,YAkBM,CAjBJ,WAIO,KAAA,QAAA,WAAA,EAAA,QAAA,CAHM,QAAA,eAAA,WAAA,EAAX,mBAEM,OAFN,YAEM,gBADD,QAAA,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,EAIlB,YAUc,qBAAA;KAVA,OAAO,QAAA;KAAQ,OAAO,MAAA;KAAO,UAAO;;4BAS9C,CARF,YAQE,iBAAA;MAPA,IAAG;eACC;MAAJ,KAAI;kBACK,WAAA;8EAAU,QAAA;MACnB,eAAY;MACX,aAAa,QAAA;MACb,SAAO,CAAA,CAAI,MAAA;MACX,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,QAAO"}
+{"version":3,"file":"GrPromptDialog-CfKf4tPx.js","names":[],"sources":["../../../../src/components/GrPromptDialog/GrPromptDialog.vue","../../../../src/components/GrPromptDialog/GrPromptDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrPromptDialog — DS-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n */\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n}\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: 'Prompt',\n  description: undefined,\n  label: 'Value',\n  placeholder: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: 'Close',\n  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  requiredErrorText: 'Enter a value.',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (v) touched.value = false\n  },\n)\n\nconst canConfirm = computed(() => {\n  if (!props.required) return true\n  return valueModel.value.trim().length > 0\n})\n\nconst error = computed(() => {\n  if (!props.required) return undefined\n  if (!touched.value) return undefined\n  return valueModel.value.trim().length > 0\n    ? undefined\n    : props.requiredErrorText\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  if (!canConfirm.value) {\n    touched.value = true\n    inputRef.value?.focus()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <GrFormField :label=\"label\" :error=\"error\" for-id=\"ds-prompt-input\">\n        <GrInput\n          id=\"ds-prompt-input\"\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"ds-prompt-input\"\n          :placeholder=\"placeholder\"\n          :invalid=\"!!error\"\n          @blur=\"touched = true\"\n        />\n      </GrFormField>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :disabled=\"required && touched && !canConfirm\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrPromptDialog — DS-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n */\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n}\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: 'Prompt',\n  description: undefined,\n  label: 'Value',\n  placeholder: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: 'Close',\n  buttonSize: undefined,\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  requiredErrorText: 'Enter a value.',\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}>()\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (v) touched.value = false\n  },\n)\n\nconst canConfirm = computed(() => {\n  if (!props.required) return true\n  return valueModel.value.trim().length > 0\n})\n\nconst error = computed(() => {\n  if (!props.required) return undefined\n  if (!touched.value) return undefined\n  return valueModel.value.trim().length > 0\n    ? undefined\n    : props.requiredErrorText\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  if (!canConfirm.value) {\n    touched.value = true\n    inputRef.value?.focus()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"closeLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <GrFormField :label=\"label\" :error=\"error\" for-id=\"ds-prompt-input\">\n        <GrInput\n          id=\"ds-prompt-input\"\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"ds-prompt-input\"\n          :placeholder=\"placeholder\"\n          :invalid=\"!!error\"\n          @blur=\"touched = true\"\n        />\n      </GrFormField>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"ds-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ cancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"ds-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :disabled=\"required && touched && !canConfirm\"\n            @click=\"onConfirm\"\n          >\n            {{ confirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EAuBd,MAAM,OAAO;EAOb,MAAM,OAAO,SAAS;GACpB,WAAW,MAAM;GACjB,MAAM,MAAe,KAAK,qBAAqB,EAAE;GAClD,CAAA;EAED,MAAM,aAAa,SAAS;GAC1B,WAAW,MAAM;GACjB,MAAM,MAAc,KAAK,gBAAgB,EAAE;GAC5C,CAAA;EAED,MAAM,UAAU,IAAI,MAAK;EACzB,MAAM,WAAW,IAAyC,KAAI;AAE9D,cACQ,MAAM,aACX,MAAM;AACL,OAAI,EAAG,SAAQ,QAAQ;IAE3B;EAEA,MAAM,aAAa,eAAe;AAChC,OAAI,CAAC,MAAM,SAAU,QAAO;AAC5B,UAAO,WAAW,MAAM,MAAM,CAAC,SAAS;IACzC;EAED,MAAM,QAAQ,eAAe;AAC3B,OAAI,CAAC,MAAM,SAAU,QAAO,KAAA;AAC5B,OAAI,CAAC,QAAQ,MAAO,QAAO,KAAA;AAC3B,UAAO,WAAW,MAAM,MAAM,CAAC,SAAS,IACpC,KAAA,IACA,MAAM;IACX;EAED,SAAS,WAAiB;AACxB,QAAK,SAAQ;AACb,QAAK,qBAAqB,MAAK;;EAGjC,SAAS,YAAkB;AACzB,OAAI,CAAC,WAAW,OAAO;AACrB,YAAQ,QAAQ;AAChB,aAAS,OAAO,OAAM;AACtB;;AAGF,QAAK,WAAW,WAAW,MAAK;AAChC,QAAK,qBAAqB,MAAK;;;uBAK/B,YAoDW,kBAAA;gBAnDA,KAAA;sEAAI,QAAA;IACZ,OAAO,QAAA;IACP,MAAM,QAAA;IACN,qBAAmB,QAAA;IACnB,gBAAc,QAAA;IACd,eAAa,QAAA;IACb,qBAAmB,QAAA;IACnB,iBAAe,QAAA;IACf,iBAAe,QAAA;IACf,eAAa,QAAA;IACb,eAAa,QAAA;;IAsBH,QAAM,cAiBR,CAhBP,WAgBO,KAAA,QAAA,UAAA,EAAA,QAAA,CAfL,mBAcM,OAdN,YAcM,CAbJ,YAEW,kBAAA;KAFD,eAAY;KAAmB,SAAQ;KAAW,MAAM,QAAA;KAAa,SAAO;;4BACpE,CAAA,gBAAA,gBAAb,QAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;qBAEf,YASW,kBAAA;KART,eAAY;KACX,SAAS,QAAA;KACT,MAAM,QAAA;KACN,MAAM,QAAA;KACN,UAAU,QAAA,YAAY,QAAA,SAAO,CAAK,WAAA;KAClC,SAAO;;4BAES,CAAA,gBAAA,gBAAd,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA;;;;;;;;2BAhBhB,CAlBN,mBAkBM,OAlBN,YAkBM,CAjBJ,WAIO,KAAA,QAAA,WAAA,EAAA,QAAA,CAHM,QAAA,eAAA,WAAA,EAAX,mBAEM,OAFN,YAEM,gBADD,QAAA,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,EAIlB,YAUc,qBAAA;KAVA,OAAO,QAAA;KAAQ,OAAO,MAAA;KAAO,UAAO;;4BAS9C,CARF,YAQE,iBAAA;MAPA,IAAG;eACC;MAAJ,KAAI;kBACK,WAAA;8EAAU,QAAA;MACnB,eAAY;MACX,aAAa,QAAA;MACb,SAAO,CAAA,CAAI,MAAA;MACX,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,QAAO"}

package/dist/components/GrPromptDialog/index.js

@@ -1,3 +1,3 @@
-import { t as GrPromptDialog_default } from "./chunks/GrPromptDialog-CUMW6_58.js";
+import { t as GrPromptDialog_default } from "./chunks/GrPromptDialog-CfKf4tPx.js";
 import { t as grPromptDialogConfig } from "../../chunks/config-B8rC_K97.js";
 export { GrPromptDialog_default as GrPromptDialog, GrPromptDialog_default as default, grPromptDialogConfig };

package/dist/components/GrRadio/chunks/{GrRadio-B_t_ZNVl.js → GrRadio-CQ3w3Bj6.js}

@@ -1,4 +1,4 @@
-import { a as grRadioDotBaseClass, i as grRadioControlClass, o as grRadioDotClass, r as grRadioButtonClass, s as grRadioRootClass } from "../../../chunks/config-BXffa3ta.js";
+import { a as grRadioDotBaseClass, i as grRadioControlClass, o as grRadioDotClass, r as grRadioButtonClass, s as grRadioRootClass } from "../../../chunks/config-DZAQpfz0.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref, withKeys, withModifiers } from "vue";
 //#region src/components/GrRadio/grRadioGroupContext.ts
 var GR_RADIO_GROUP_CONTEXT = Symbol("GR_RADIO_GROUP_CONTEXT");