@treeui/vue 0.8.0 → 0.10.0

package/dist/components/TFileUpload.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TFileUpload.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TFileUpload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId, isActivationKey } from '@treeui/utils';\nimport { computed, onBeforeUnmount, onMounted, ref, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport type TFileUploadRejectionReason =\n  | 'file-invalid-type'\n  | 'file-too-large'\n  | 'too-many-files';\n\nexport interface TFileUploadRejection {\n  file: File;\n  reason: TFileUploadRejectionReason;\n  message: string;\n}\n\nconst slots = defineSlots<{\n  icon?: () => unknown;\n  default?: (props: {\n    files: File[];\n    isDragActive: boolean;\n    openFileDialog: () => void;\n    clearFiles: () => void;\n  }) => unknown;\n  file?: (props: {\n    file: File;\n    index: number;\n    removeFile: () => void;\n  }) => unknown;\n  actions?: (props: {\n    files: File[];\n    openFileDialog: () => void;\n    clearFiles: () => void;\n  }) => unknown;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: File[];\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    accept?: string;\n    multiple?: boolean;\n    maxFiles?: number | null;\n    maxFileSize?: number | null;\n    label?: string;\n    description?: string;\n    buttonLabel?: string;\n    filesLabel?: string;\n    paste?: boolean;\n    drop?: boolean;\n    showFileList?: boolean;\n  }>(),\n  {\n    modelValue: () => [],\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    accept: '',\n    multiple: true,\n    label: 'Drop files here',\n    description: 'Click to browse, drag and drop, or paste with Ctrl+V.',\n    buttonLabel: 'Browse files',\n    filesLabel: 'Selected files',\n    maxFiles: null,\n    maxFileSize: null,\n    paste: true,\n    drop: true,\n    showFileList: true,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [files: File[]];\n  'files-accepted': [files: File[]];\n  'files-rejected': [rejections: TFileUploadRejection[]];\n}>();\n\nconst attrs = useAttrs();\nconst rootRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst isDragActive = ref(false);\nconst isFocusedWithin = ref(false);\nconst dragDepth = ref(0);\nconst feedbackMessages = ref<string[]>([]);\n\nconst uploadId = createId('t-file-upload');\nconst descriptionId = `${uploadId}-description`;\nconst feedbackId = `${uploadId}-feedback`;\nconst filesId = `${uploadId}-files`;\n\nconst isUnavailable = computed(() => props.disabled || props.loading);\nconst hasFiles = computed(() => props.modelValue.length > 0);\nconst hasCustomBody = computed(() => Boolean(slots.default));\n\nconst effectiveMaxFiles = computed(() => {\n  if (!props.multiple) {\n    return 1;\n  }\n\n  if (typeof props.maxFiles !== 'number') {\n    return Number.POSITIVE_INFINITY;\n  }\n\n  return Math.max(props.maxFiles, 0);\n});\n\nconst rootClasses = computed(() => [\n  't-file-upload',\n  `t-file-upload--${props.size}`,\n  {\n    'is-disabled': isUnavailable.value,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n    'is-drag-active': isDragActive.value,\n    'has-files': hasFiles.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst describedBy = computed(() => {\n  const ids: string[] = [];\n\n  if (props.description && !hasCustomBody.value) {\n    ids.push(descriptionId);\n  }\n\n  if (feedbackMessages.value.length > 0) {\n    ids.push(feedbackId);\n  }\n\n  if (props.showFileList && hasFiles.value) {\n    ids.push(filesId);\n  }\n\n  return ids.length > 0 ? ids.join(' ') : undefined;\n});\n\nconst selectedFilesLabel = computed(() => `${props.filesLabel} (${props.modelValue.length})`);\n\nconst formatFileSize = (size: number) => {\n  if (size < 1024) {\n    return `${size} B`;\n  }\n\n  const units = ['KB', 'MB', 'GB'];\n  let value = size / 1024;\n  let unitIndex = 0;\n\n  while (value >= 1024 && unitIndex < units.length - 1) {\n    value /= 1024;\n    unitIndex += 1;\n  }\n\n  const roundedValue = value >= 10 || Number.isInteger(value)\n    ? Math.round(value)\n    : Number(value.toFixed(1));\n\n  return `${roundedValue} ${units[unitIndex]}`;\n};\n\nconst fileKey = (file: File, index: number) =>\n  `${file.name}-${file.size}-${file.lastModified}-${index}`;\n\nconst matchesAccept = (file: File) => {\n  if (!props.accept.trim()) {\n    return true;\n  }\n\n  const tokens = props.accept\n    .split(',')\n    .map((token) => token.trim().toLowerCase())\n    .filter(Boolean);\n\n  const fileName = file.name.toLowerCase();\n  const fileType = file.type.toLowerCase();\n\n  return tokens.some((token) => {\n    if (token.startsWith('.')) {\n      return fileName.endsWith(token);\n    }\n\n    if (token.endsWith('/*')) {\n      return fileType.startsWith(token.slice(0, -1));\n    }\n\n    return fileType === token;\n  });\n};\n\nconst buildRejectionMessage = (\n  file: File,\n  reason: TFileUploadRejectionReason,\n) => {\n  switch (reason) {\n    case 'file-invalid-type':\n      return `${file.name} is not an accepted file type.`;\n    case 'file-too-large':\n      return `${file.name} exceeds the ${formatFileSize(props.maxFileSize ?? 0)} limit.`;\n    case 'too-many-files':\n      return `You can only add up to ${effectiveMaxFiles.value} file${effectiveMaxFiles.value === 1 ? '' : 's'}.`;\n    default:\n      return `${file.name} could not be added.`;\n  }\n};\n\nconst resetInputValue = () => {\n  if (inputRef.value) {\n    inputRef.value.value = '';\n  }\n};\n\nconst openFileDialog = () => {\n  if (isUnavailable.value) {\n    return;\n  }\n\n  inputRef.value?.click();\n};\n\nconst emitFiles = (\n  nextFiles: File[],\n  acceptedFiles: File[],\n  rejections: TFileUploadRejection[],\n) => {\n  feedbackMessages.value = rejections.map((rejection) => rejection.message);\n\n  if (rejections.length > 0) {\n    emit('files-rejected', rejections);\n  }\n\n  if (acceptedFiles.length > 0) {\n    emit('update:modelValue', nextFiles);\n    emit('files-accepted', acceptedFiles);\n  }\n};\n\nconst processFiles = (incomingFiles: File[]) => {\n  if (isUnavailable.value || incomingFiles.length === 0) {\n    return;\n  }\n\n  const nextFiles = props.multiple ? [...props.modelValue] : [];\n  const acceptedFiles: File[] = [];\n  const rejections: TFileUploadRejection[] = [];\n  let remainingSlots = Number.isFinite(effectiveMaxFiles.value)\n    ? Math.max(effectiveMaxFiles.value - nextFiles.length, 0)\n    : Number.POSITIVE_INFINITY;\n\n  for (const file of incomingFiles) {\n    if (remainingSlots <= 0) {\n      rejections.push({\n        file,\n        reason: 'too-many-files',\n        message: buildRejectionMessage(file, 'too-many-files'),\n      });\n      continue;\n    }\n\n    if (!matchesAccept(file)) {\n      rejections.push({\n        file,\n        reason: 'file-invalid-type',\n        message: buildRejectionMessage(file, 'file-invalid-type'),\n      });\n      continue;\n    }\n\n    if (\n      typeof props.maxFileSize === 'number' &&\n      props.maxFileSize > 0 &&\n      file.size > props.maxFileSize\n    ) {\n      rejections.push({\n        file,\n        reason: 'file-too-large',\n        message: buildRejectionMessage(file, 'file-too-large'),\n      });\n      continue;\n    }\n\n    acceptedFiles.push(file);\n    nextFiles.push(file);\n\n    if (Number.isFinite(remainingSlots)) {\n      remainingSlots -= 1;\n    }\n  }\n\n  emitFiles(nextFiles, acceptedFiles, rejections);\n};\n\nconst removeFile = (index: number) => {\n  if (isUnavailable.value) {\n    return;\n  }\n\n  feedbackMessages.value = [];\n  emit('update:modelValue', props.modelValue.filter((_, fileIndex) => fileIndex !== index));\n};\n\nconst clearFiles = () => {\n  if (isUnavailable.value || !hasFiles.value) {\n    return;\n  }\n\n  feedbackMessages.value = [];\n  emit('update:modelValue', []);\n};\n\nconst hasTransferFiles = (dataTransfer?: DataTransfer | null) => {\n  if (!dataTransfer) {\n    return false;\n  }\n\n  return dataTransfer.files.length > 0 || Array.from(dataTransfer.types).includes('Files');\n};\n\nconst getClipboardFiles = (\n  clipboardData?: Pick<DataTransfer, 'items'> | null,\n) => {\n  if (!clipboardData?.items) {\n    return [];\n  }\n\n  return Array.from(clipboardData.items)\n    .map((item) => item.getAsFile?.() ?? null)\n    .filter((file): file is File => file instanceof File);\n};\n\nconst onInputChange = (event: Event) => {\n  const target = event.target as HTMLInputElement;\n  processFiles(Array.from(target.files ?? []));\n  resetInputValue();\n};\n\nconst onDropzoneKeydown = (event: KeyboardEvent) => {\n  if (!isActivationKey(event) || isUnavailable.value) {\n    return;\n  }\n\n  event.preventDefault();\n  openFileDialog();\n};\n\nconst onFocusIn = () => {\n  isFocusedWithin.value = true;\n};\n\nconst onFocusOut = (event: FocusEvent) => {\n  const nextTarget = event.relatedTarget as Node | null;\n\n  if (nextTarget && rootRef.value?.contains(nextTarget)) {\n    return;\n  }\n\n  isFocusedWithin.value = false;\n};\n\nconst onPaste = (event: ClipboardEvent) => {\n  if (!props.paste || isUnavailable.value) {\n    return;\n  }\n\n  const clipboardFiles = getClipboardFiles(event.clipboardData);\n\n  if (clipboardFiles.length === 0) {\n    return;\n  }\n\n  event.preventDefault();\n  processFiles(clipboardFiles);\n};\n\nconst onDocumentPaste = (event: Event) => {\n  if (!isFocusedWithin.value || event.defaultPrevented) {\n    return;\n  }\n\n  onPaste(event as ClipboardEvent);\n};\n\nconst onDragEnter = (event: DragEvent) => {\n  if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n    return;\n  }\n\n  event.preventDefault();\n  dragDepth.value += 1;\n  isDragActive.value = true;\n};\n\nconst onDragOver = (event: DragEvent) => {\n  if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n    return;\n  }\n\n  event.preventDefault();\n\n  if (event.dataTransfer) {\n    event.dataTransfer.dropEffect = 'copy';\n  }\n\n  isDragActive.value = true;\n};\n\nconst onDragLeave = (event: DragEvent) => {\n  if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n    return;\n  }\n\n  event.preventDefault();\n  dragDepth.value = Math.max(dragDepth.value - 1, 0);\n\n  if (dragDepth.value === 0) {\n    isDragActive.value = false;\n  }\n};\n\nconst onDrop = (event: DragEvent) => {\n  if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n    return;\n  }\n\n  event.preventDefault();\n  dragDepth.value = 0;\n  isDragActive.value = false;\n  processFiles(Array.from(event.dataTransfer?.files ?? []));\n};\n\nonMounted(() => {\n  document.addEventListener('paste', onDocumentPaste);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('paste', onDocumentPaste);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n    @paste=\"onPaste\"\n  >\n    <input\n      :id=\"uploadId\"\n      ref=\"inputRef\"\n      class=\"t-visually-hidden\"\n      type=\"file\"\n      :accept=\"accept || undefined\"\n      :multiple=\"multiple\"\n      :disabled=\"isUnavailable\"\n      @change=\"onInputChange\"\n    >\n\n    <div\n      class=\"t-file-upload__dropzone\"\n      :aria-busy=\"loading || undefined\"\n      :aria-controls=\"showFileList && hasFiles ? filesId : undefined\"\n      :aria-describedby=\"describedBy\"\n      :aria-disabled=\"isUnavailable || undefined\"\n      :aria-invalid=\"invalid || undefined\"\n      role=\"button\"\n      :tabindex=\"isUnavailable ? -1 : 0\"\n      @click=\"openFileDialog\"\n      @keydown=\"onDropzoneKeydown\"\n      @dragenter=\"onDragEnter\"\n      @dragover=\"onDragOver\"\n      @dragleave=\"onDragLeave\"\n      @drop=\"onDrop\"\n    >\n      <div\n        v-if=\"$slots.icon || !$slots.default\"\n        class=\"t-file-upload__icon\"\n        aria-hidden=\"true\"\n      >\n        <slot name=\"icon\">\n          <span class=\"t-file-upload__icon-mark\">+</span>\n        </slot>\n      </div>\n\n      <div class=\"t-file-upload__content\">\n        <slot\n          :files=\"modelValue\"\n          :is-drag-active=\"isDragActive\"\n          :open-file-dialog=\"openFileDialog\"\n          :clear-files=\"clearFiles\"\n        >\n          <p class=\"t-file-upload__label\">\n            {{ label }}\n          </p>\n          <p\n            v-if=\"description\"\n            :id=\"descriptionId\"\n            class=\"t-file-upload__description\"\n          >\n            {{ description }}\n          </p>\n          <span class=\"t-file-upload__browse\">\n            {{ buttonLabel }}\n          </span>\n        </slot>\n      </div>\n\n      <TSpinner\n        v-if=\"loading\"\n        class=\"t-file-upload__spinner\"\n        size=\"sm\"\n        label=\"Uploading files\"\n      />\n    </div>\n\n    <ul\n      v-if=\"feedbackMessages.length > 0\"\n      :id=\"feedbackId\"\n      class=\"t-file-upload__feedback\"\n      aria-live=\"polite\"\n    >\n      <li\n        v-for=\"message in feedbackMessages\"\n        :key=\"message\"\n      >\n        {{ message }}\n      </li>\n    </ul>\n\n    <div\n      v-if=\"showFileList && hasFiles\"\n      class=\"t-file-upload__files\"\n    >\n      <div class=\"t-file-upload__files-header\">\n        <p\n          :id=\"filesId\"\n          class=\"t-file-upload__files-label\"\n        >\n          {{ selectedFilesLabel }}\n        </p>\n\n        <button\n          class=\"t-file-upload__clear\"\n          type=\"button\"\n          :disabled=\"isUnavailable\"\n          @click=\"clearFiles\"\n        >\n          Clear all\n        </button>\n      </div>\n\n      <ul class=\"t-file-upload__list\">\n        <li\n          v-for=\"(file, index) in modelValue\"\n          :key=\"fileKey(file, index)\"\n          class=\"t-file-upload__file\"\n        >\n          <slot\n            name=\"file\"\n            :file=\"file\"\n            :index=\"index\"\n            :remove-file=\"() => removeFile(index)\"\n          >\n            <div class=\"t-file-upload__file-copy\">\n              <p class=\"t-file-upload__file-name\">\n                {{ file.name }}\n              </p>\n              <p class=\"t-file-upload__file-meta\">\n                {{ formatFileSize(file.size) }}\n              </p>\n            </div>\n\n            <button\n              class=\"t-file-upload__remove\"\n              type=\"button\"\n              :disabled=\"isUnavailable\"\n              :aria-label=\"`Remove ${file.name}`\"\n              @click=\"removeFile(index)\"\n            >\n              Remove\n            </button>\n          </slot>\n        </li>\n      </ul>\n    </div>\n\n    <div\n      v-if=\"$slots.actions\"\n      class=\"t-file-upload__actions\"\n    >\n      <slot\n        name=\"actions\"\n        :files=\"modelValue\"\n        :open-file-dialog=\"openFileDialog\"\n        :clear-files=\"clearFiles\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/TFormField.cjs

@@ -0,0 +1,2 @@
+var e=require("./TFormField.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;
+//# sourceMappingURL=TFormField.cjs.map

package/dist/components/TFormField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TFormField.cjs","names":[],"sources":["../../src/components/TFormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string;\n    htmlFor?: string;\n    error?: string;\n    hint?: string;\n    required?: boolean;\n    disabled?: boolean;\n    size?: TSize;\n  }>(),\n  {\n    label: undefined,\n    htmlFor: undefined,\n    error: undefined,\n    hint: undefined,\n    required: false,\n    disabled: false,\n    size: 'md',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst hasError = computed(() => !!props.error || !!slots.error);\n\nconst slots = defineSlots<{\n  default?: (props: Record<string, never>) => unknown;\n  label?: (props: Record<string, never>) => unknown;\n  error?: (props: Record<string, never>) => unknown;\n  hint?: (props: Record<string, never>) => unknown;\n}>();\n\nconst rootClasses = computed(() => [\n  't-form-field',\n  `t-form-field--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': hasError.value,\n    'is-required': props.required,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst fieldAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <div\n    v-bind=\"fieldAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <label\n      v-if=\"label || $slots.label\"\n      class=\"t-form-field__label\"\n      :for=\"htmlFor\"\n    >\n      <slot name=\"label\">{{ label }}</slot>\n      <span\n        v-if=\"required\"\n        class=\"t-form-field__required\"\n        aria-hidden=\"true\"\n      >*</span>\n    </label>\n\n    <div class=\"t-form-field__control\">\n      <slot />\n    </div>\n\n    <p\n      v-if=\"hasError\"\n      class=\"t-form-field__error\"\n      role=\"alert\"\n    >\n      <slot name=\"error\">\n        {{ error }}\n      </slot>\n    </p>\n\n    <p\n      v-else-if=\"hint || $slots.hint\"\n      class=\"t-form-field__hint\"\n    >\n      <slot name=\"hint\">\n        {{ hint }}\n      </slot>\n    </p>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TFormField.js

@@ -0,0 +1,7 @@
+import e from "./TFormField.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/TFormField.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TFormField.js.map

package/dist/components/TFormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TFormField.js","names":[],"sources":["../../src/components/TFormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string;\n    htmlFor?: string;\n    error?: string;\n    hint?: string;\n    required?: boolean;\n    disabled?: boolean;\n    size?: TSize;\n  }>(),\n  {\n    label: undefined,\n    htmlFor: undefined,\n    error: undefined,\n    hint: undefined,\n    required: false,\n    disabled: false,\n    size: 'md',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst hasError = computed(() => !!props.error || !!slots.error);\n\nconst slots = defineSlots<{\n  default?: (props: Record<string, never>) => unknown;\n  label?: (props: Record<string, never>) => unknown;\n  error?: (props: Record<string, never>) => unknown;\n  hint?: (props: Record<string, never>) => unknown;\n}>();\n\nconst rootClasses = computed(() => [\n  't-form-field',\n  `t-form-field--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': hasError.value,\n    'is-required': props.required,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst fieldAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <div\n    v-bind=\"fieldAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <label\n      v-if=\"label || $slots.label\"\n      class=\"t-form-field__label\"\n      :for=\"htmlFor\"\n    >\n      <slot name=\"label\">{{ label }}</slot>\n      <span\n        v-if=\"required\"\n        class=\"t-form-field__required\"\n        aria-hidden=\"true\"\n      >*</span>\n    </label>\n\n    <div class=\"t-form-field__control\">\n      <slot />\n    </div>\n\n    <p\n      v-if=\"hasError\"\n      class=\"t-form-field__error\"\n      role=\"alert\"\n    >\n      <slot name=\"error\">\n        {{ error }}\n      </slot>\n    </p>\n\n    <p\n      v-else-if=\"hint || $slots.hint\"\n      class=\"t-form-field__hint\"\n    >\n      <slot name=\"hint\">\n        {{ hint }}\n      </slot>\n    </p>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TFormField.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=[`for`],n={key:0,class:`t-form-field__required`,"aria-hidden":`true`},r={class:`t-form-field__control`},i={key:1,class:`t-form-field__error`,role:`alert`},a={key:2,class:`t-form-field__hint`},o=(0,e.defineComponent)({inheritAttrs:!1,__name:`TFormField`,props:{label:{default:void 0},htmlFor:{default:void 0},error:{default:void 0},hint:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:`md`}},setup(o){let s=o,c=(0,e.useAttrs)(),l=(0,e.computed)(()=>!!s.error||!!u.error),u=(0,e.useSlots)(),d=(0,e.computed)(()=>[`t-form-field`,`t-form-field--${s.size}`,{"is-disabled":s.disabled,"is-invalid":l.value,"is-required":s.required},c.class]),f=(0,e.computed)(()=>c.style),p=(0,e.computed)(()=>{let{class:e,style:t,...n}=c;return n});return(s,c)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,(0,e.mergeProps)(p.value,{class:d.value,style:f.value}),[o.label||s.$slots.label?((0,e.openBlock)(),(0,e.createElementBlock)(`label`,{key:0,class:`t-form-field__label`,for:o.htmlFor},[(0,e.renderSlot)(s.$slots,`label`,{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.label),1)]),o.required?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,n,`*`)):(0,e.createCommentVNode)(``,!0)],8,t)):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,r,[(0,e.renderSlot)(s.$slots,`default`)]),l.value?((0,e.openBlock)(),(0,e.createElementBlock)(`p`,i,[(0,e.renderSlot)(s.$slots,`error`,{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.error),1)])])):o.hint||s.$slots.hint?((0,e.openBlock)(),(0,e.createElementBlock)(`p`,a,[(0,e.renderSlot)(s.$slots,`hint`,{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.hint),1)])])):(0,e.createCommentVNode)(``,!0)],16))}});exports.default=o;
+//# sourceMappingURL=TFormField.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/components/TFormField.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TFormField.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TFormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string;\n    htmlFor?: string;\n    error?: string;\n    hint?: string;\n    required?: boolean;\n    disabled?: boolean;\n    size?: TSize;\n  }>(),\n  {\n    label: undefined,\n    htmlFor: undefined,\n    error: undefined,\n    hint: undefined,\n    required: false,\n    disabled: false,\n    size: 'md',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst hasError = computed(() => !!props.error || !!slots.error);\n\nconst slots = defineSlots<{\n  default?: (props: Record<string, never>) => unknown;\n  label?: (props: Record<string, never>) => unknown;\n  error?: (props: Record<string, never>) => unknown;\n  hint?: (props: Record<string, never>) => unknown;\n}>();\n\nconst rootClasses = computed(() => [\n  't-form-field',\n  `t-form-field--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': hasError.value,\n    'is-required': props.required,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst fieldAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <div\n    v-bind=\"fieldAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <label\n      v-if=\"label || $slots.label\"\n      class=\"t-form-field__label\"\n      :for=\"htmlFor\"\n    >\n      <slot name=\"label\">{{ label }}</slot>\n      <span\n        v-if=\"required\"\n        class=\"t-form-field__required\"\n        aria-hidden=\"true\"\n      >*</span>\n    </label>\n\n    <div class=\"t-form-field__control\">\n      <slot />\n    </div>\n\n    <p\n      v-if=\"hasError\"\n      class=\"t-form-field__error\"\n      role=\"alert\"\n    >\n      <slot name=\"error\">\n        {{ error }}\n      </slot>\n    </p>\n\n    <p\n      v-else-if=\"hint || $slots.hint\"\n      class=\"t-form-field__hint\"\n    >\n      <slot name=\"hint\">\n        {{ hint }}\n      </slot>\n    </p>\n  </div>\n</template>\n"],"mappings":"geAQA,IAAM,EAAQ,EAqBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAA0B,CAAC,CAAC,EAAM,OAAS,CAAC,CAAC,EAAM,KAAK,EAExD,GAAA,EAAA,EAAA,SAAA,CAAQ,EAOR,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,eACA,iBAAiB,EAAM,OACvB,CACE,cAAe,EAAM,SACrB,aAAc,EAAS,MACvB,cAAe,EAAM,QACvB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,EAAM,KAAK,EAEtC,GAAA,EAAA,EAAA,SAAA,KAA4B,CAChC,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,2DA4CO,OAAA,EAAA,EAAA,WAAA,CAvCI,EAuCJ,MAvCc,CACjB,MAAO,EAAA,MACP,MAAO,EAAA,SAGA,EAAA,OAASA,EAAAA,OAAO,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAUhB,QAAA,OATN,MAAM,sBACL,IAAK,EAAA,2BAE+B,EAAA,OAAA,QAAA,CAAA,MAAA,EAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,gBAAA,CAAf,EAAA,KAAK,EAAA,CAAA,CAAA,CAAA,EAEnB,EAAA,WAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAGC,OAJT,EAIC,GAAC,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,CAAA,EAAA,EAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,2BAKE,MAFN,EAEM,EAAA,EAAA,EAAA,WAAA,CADI,EAAA,OAAA,SAAA,CAAA,CAAA,EAIF,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAOJ,IARJ,EAQI,EAAA,EAAA,EAAA,WAAA,CADK,EAAA,OAAA,QAAA,CAAA,MAAA,EAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,gBAAA,CADF,EAAA,KAAK,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAKC,EAAA,MAAQA,EAAAA,OAAO,OAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAMxB,IAPJ,EAOI,EAAA,EAAA,EAAA,WAAA,CADK,EAAA,OAAA,OAAA,CAAA,MAAA,EAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,gBAAA,CADF,EAAA,IAAI,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA"}

package/dist/components/TFormField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, toDisplayString as l, useAttrs as u, useSlots as d } from "vue";
+//#region src/components/TFormField.vue?vue&type=script&setup=true&lang.ts
+var f = ["for"], p = {
+	key: 0,
+	class: "t-form-field__required",
+	"aria-hidden": "true"
+}, m = { class: "t-form-field__control" }, h = {
+	key: 1,
+	class: "t-form-field__error",
+	role: "alert"
+}, g = {
+	key: 2,
+	class: "t-form-field__hint"
+}, _ = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "TFormField",
+	props: {
+		label: { default: void 0 },
+		htmlFor: { default: void 0 },
+		error: { default: void 0 },
+		hint: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" }
+	},
+	setup(a) {
+		let _ = a, v = u(), y = e(() => !!_.error || !!b.error), b = d(), x = e(() => [
+			"t-form-field",
+			`t-form-field--${_.size}`,
+			{
+				"is-disabled": _.disabled,
+				"is-invalid": y.value,
+				"is-required": _.required
+			},
+			v.class
+		]), S = e(() => v.style), C = e(() => {
+			let { class: e, style: t, ...n } = v;
+			return n;
+		});
+		return (e, u) => (s(), n("div", o(C.value, {
+			class: x.value,
+			style: S.value
+		}), [
+			a.label || e.$slots.label ? (s(), n("label", {
+				key: 0,
+				class: "t-form-field__label",
+				for: a.htmlFor
+			}, [c(e.$slots, "label", {}, () => [i(l(a.label), 1)]), a.required ? (s(), n("span", p, "*")) : t("", !0)], 8, f)) : t("", !0),
+			r("div", m, [c(e.$slots, "default")]),
+			y.value ? (s(), n("p", h, [c(e.$slots, "error", {}, () => [i(l(a.error), 1)])])) : a.hint || e.$slots.hint ? (s(), n("p", g, [c(e.$slots, "hint", {}, () => [i(l(a.hint), 1)])])) : t("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=TFormField.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/TFormField.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TFormField.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TFormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string;\n    htmlFor?: string;\n    error?: string;\n    hint?: string;\n    required?: boolean;\n    disabled?: boolean;\n    size?: TSize;\n  }>(),\n  {\n    label: undefined,\n    htmlFor: undefined,\n    error: undefined,\n    hint: undefined,\n    required: false,\n    disabled: false,\n    size: 'md',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst hasError = computed(() => !!props.error || !!slots.error);\n\nconst slots = defineSlots<{\n  default?: (props: Record<string, never>) => unknown;\n  label?: (props: Record<string, never>) => unknown;\n  error?: (props: Record<string, never>) => unknown;\n  hint?: (props: Record<string, never>) => unknown;\n}>();\n\nconst rootClasses = computed(() => [\n  't-form-field',\n  `t-form-field--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': hasError.value,\n    'is-required': props.required,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst fieldAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <div\n    v-bind=\"fieldAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <label\n      v-if=\"label || $slots.label\"\n      class=\"t-form-field__label\"\n      :for=\"htmlFor\"\n    >\n      <slot name=\"label\">{{ label }}</slot>\n      <span\n        v-if=\"required\"\n        class=\"t-form-field__required\"\n        aria-hidden=\"true\"\n      >*</span>\n    </label>\n\n    <div class=\"t-form-field__control\">\n      <slot />\n    </div>\n\n    <p\n      v-if=\"hasError\"\n      class=\"t-form-field__error\"\n      role=\"alert\"\n    >\n      <slot name=\"error\">\n        {{ error }}\n      </slot>\n    </p>\n\n    <p\n      v-else-if=\"hint || $slots.hint\"\n      class=\"t-form-field__hint\"\n    >\n      <slot name=\"hint\">\n        {{ hint }}\n      </slot>\n    </p>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAqBR,IAAQ,EAAS,GAEjB,IAAW,QAAe,CAAC,CAAC,EAAM,SAAS,CAAC,CAAC,EAAM,KAAK,GAExD,IAAQ,EAAA,GAOR,IAAc,QAAe;GACjC;GACA,iBAAiB,EAAM;GACvB;IACE,eAAe,EAAM;IACrB,cAAc,EAAS;IACvB,eAAe,EAAM;GACvB;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,EAAM,KAAK,GAEtC,IAAa,QAAe;GAChC,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC;yBAIC,EAwCM,OAxCN,EACU,EAuCJ,OAvCc;GACjB,OAAO,EAAA;GACP,OAAO,EAAA;;GAGA,EAAA,SAASA,EAAAA,OAAO,SAAA,EAAA,GADxB,EAWQ,SAAA;;IATN,OAAM;IACL,KAAK,EAAA;OAEN,EAAqC,EAAA,QAAA,SAAA,CAAA,SAAA,CAAA,EAAA,EAAf,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA,GAEnB,EAAA,YAAA,EAAA,GADR,EAIS,QAJT,GAIC,GAAC,KAAA,EAAA,IAAA,EAAA,CAAA,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAGJ,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA;GAIF,EAAA,SAAA,EAAA,GADR,EAQI,KARJ,GAQI,CAHF,EAEO,EAAA,QAAA,SAAA,CAAA,SAAA,CAAA,EAAA,EADF,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAKC,EAAA,QAAQA,EAAAA,OAAO,QAAA,EAAA,GAD5B,EAOI,KAPJ,GAOI,CAHF,EAEO,EAAA,QAAA,QAAA,CAAA,SAAA,CAAA,EAAA,EADF,EAAA,IAAI,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/components/TGrid.cjs

@@ -0,0 +1,2 @@
+var e=require("./TGrid.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;
+//# sourceMappingURL=TGrid.cjs.map

package/dist/components/TGrid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TGrid.cjs","names":[],"sources":["../../src/components/TGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    columns?: number;\n    minItemWidth?: string;\n    gap?: string;\n    rowGap?: string;\n    align?: string;\n    justify?: string;\n    dense?: boolean;\n  }>(),\n  {\n    as: 'div',\n    columns: undefined,\n    minItemWidth: '16rem',\n    gap: 'var(--tree-space-4)',\n    rowGap: undefined,\n    align: 'stretch',\n    justify: 'stretch',\n    dense: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-grid',\n  {\n    'is-dense': props.dense,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    rowGap: props.rowGap ?? props.gap,\n    alignItems: props.align,\n    justifyItems: props.justify,\n    gridTemplateColumns:\n      typeof props.columns === 'number' && props.columns > 0\n        ? `repeat(${props.columns}, minmax(0, 1fr))`\n        : `repeat(auto-fit, minmax(min(${props.minItemWidth}, 100%), 1fr))`,\n    gridAutoFlow: props.dense ? 'dense' : 'row',\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TGrid.js

@@ -0,0 +1,7 @@
+import e from "./TGrid.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/TGrid.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TGrid.js.map

package/dist/components/TGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TGrid.js","names":[],"sources":["../../src/components/TGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    columns?: number;\n    minItemWidth?: string;\n    gap?: string;\n    rowGap?: string;\n    align?: string;\n    justify?: string;\n    dense?: boolean;\n  }>(),\n  {\n    as: 'div',\n    columns: undefined,\n    minItemWidth: '16rem',\n    gap: 'var(--tree-space-4)',\n    rowGap: undefined,\n    align: 'stretch',\n    justify: 'stretch',\n    dense: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-grid',\n  {\n    'is-dense': props.dense,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    rowGap: props.rowGap ?? props.gap,\n    alignItems: props.align,\n    justifyItems: props.justify,\n    gridTemplateColumns:\n      typeof props.columns === 'number' && props.columns > 0\n        ? `repeat(${props.columns}, minmax(0, 1fr))`\n        : `repeat(auto-fit, minmax(min(${props.minItemWidth}, 100%), 1fr))`,\n    gridAutoFlow: props.dense ? 'dense' : 'row',\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TGrid.vue.d.ts

@@ -19,11 +19,11 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     as: string;
+    align: string;
     columns: number;
     minItemWidth: string;
     gap: string;
     rowGap: string;
-    align: string;
     justify: string;
     dense: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/TGrid.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TGrid.vue.d.ts","sourceRoot":"","sources":["../../src/components/TGrid.vue"],"names":[],"mappings":"AA+EA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAyDJ,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;QArHZ,MAAM;aACD,MAAM;kBACD,MAAM;SACf,MAAM;YACH,MAAM;WACP,MAAM;aACJ,MAAM;WACR,OAAO;6EAqHjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TGrid.vue.d.ts","sourceRoot":"","sources":["../../src/components/TGrid.vue"],"names":[],"mappings":"AA+EA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAyDJ,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;QArHZ,MAAM;WAKH,MAAM;aAJJ,MAAM;kBACD,MAAM;SACf,MAAM;YACH,MAAM;aAEL,MAAM;WACR,OAAO;6EAqHjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/TGrid.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=(0,e.defineComponent)({inheritAttrs:!1,__name:`TGrid`,props:{as:{default:`div`},columns:{default:void 0},minItemWidth:{default:`16rem`},gap:{default:`var(--tree-space-4)`},rowGap:{default:void 0},align:{default:`stretch`},justify:{default:`stretch`},dense:{type:Boolean,default:!1}},setup(t){let n=t,r=(0,e.useAttrs)(),i=(0,e.computed)(()=>[`t-grid`,{"is-dense":n.dense},r.class]),a=(0,e.computed)(()=>[{gap:n.gap,rowGap:n.rowGap??n.gap,alignItems:n.align,justifyItems:n.justify,gridTemplateColumns:typeof n.columns==`number`&&n.columns>0?`repeat(${n.columns}, minmax(0, 1fr))`:`repeat(auto-fit, minmax(min(${n.minItemWidth}, 100%), 1fr))`,gridAutoFlow:n.dense?`dense`:`row`},r.style]),o=(0,e.computed)(()=>{let{class:e,style:t,...n}=r;return n});return(n,r)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.as),(0,e.mergeProps)(o.value,{class:i.value,style:a.value}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,`default`)]),_:3},16,[`class`,`style`]))}});exports.default=t;
+//# sourceMappingURL=TGrid.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/components/TGrid.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TGrid.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    columns?: number;\n    minItemWidth?: string;\n    gap?: string;\n    rowGap?: string;\n    align?: string;\n    justify?: string;\n    dense?: boolean;\n  }>(),\n  {\n    as: 'div',\n    columns: undefined,\n    minItemWidth: '16rem',\n    gap: 'var(--tree-space-4)',\n    rowGap: undefined,\n    align: 'stretch',\n    justify: 'stretch',\n    dense: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-grid',\n  {\n    'is-dense': props.dense,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    rowGap: props.rowGap ?? props.gap,\n    alignItems: props.align,\n    justifyItems: props.justify,\n    gridTemplateColumns:\n      typeof props.columns === 'number' && props.columns > 0\n        ? `repeat(${props.columns}, minmax(0, 1fr))`\n        : `repeat(auto-fit, minmax(min(${props.minItemWidth}, 100%), 1fr))`,\n    gridAutoFlow: props.dense ? 'dense' : 'row',\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":"+TAOA,IAAM,EAAQ,EAuBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,SACA,CACE,WAAY,EAAM,KACpB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,CACE,IAAK,EAAM,IACX,OAAQ,EAAM,QAAU,EAAM,IAC9B,WAAY,EAAM,MAClB,aAAc,EAAM,QACpB,oBACE,OAAO,EAAM,SAAY,UAAY,EAAM,QAAU,EACjD,UAAU,EAAM,QAAQ,mBACxB,+BAA+B,EAAM,aAAa,gBACxD,aAAc,EAAM,MAAQ,QAAU,KACxC,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,kFAKQ,EAAA,EAAE,GAAA,EAAA,EAAA,WAAA,CACC,EAKE,MALO,CAChB,MAAO,EAAA,MACP,MAAO,EAAA,mCAEA,EAAA,EAAA,EAAA,WAAA,CAAA,EAAA,OAAA,SAAA,CAAA,CAAA"}

package/dist/components/TGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { computed as e, createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, resolveDynamicComponent as o, useAttrs as s, withCtx as c } from "vue";
+//#region src/components/TGrid.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "TGrid",
+	props: {
+		as: { default: "div" },
+		columns: { default: void 0 },
+		minItemWidth: { default: "16rem" },
+		gap: { default: "var(--tree-space-4)" },
+		rowGap: { default: void 0 },
+		align: { default: "stretch" },
+		justify: { default: "stretch" },
+		dense: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n) {
+		let l = n, u = s(), d = e(() => [
+			"t-grid",
+			{ "is-dense": l.dense },
+			u.class
+		]), f = e(() => [{
+			gap: l.gap,
+			rowGap: l.rowGap ?? l.gap,
+			alignItems: l.align,
+			justifyItems: l.justify,
+			gridTemplateColumns: typeof l.columns == "number" && l.columns > 0 ? `repeat(${l.columns}, minmax(0, 1fr))` : `repeat(auto-fit, minmax(min(${l.minItemWidth}, 100%), 1fr))`,
+			gridAutoFlow: l.dense ? "dense" : "row"
+		}, u.style]), p = e(() => {
+			let { class: e, style: t, ...n } = u;
+			return n;
+		});
+		return (e, s) => (i(), t(o(n.as), r(p.value, {
+			class: d.value,
+			style: f.value
+		}), {
+			default: c(() => [a(e.$slots, "default")]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=TGrid.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/TGrid.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TGrid.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    columns?: number;\n    minItemWidth?: string;\n    gap?: string;\n    rowGap?: string;\n    align?: string;\n    justify?: string;\n    dense?: boolean;\n  }>(),\n  {\n    as: 'div',\n    columns: undefined,\n    minItemWidth: '16rem',\n    gap: 'var(--tree-space-4)',\n    rowGap: undefined,\n    align: 'stretch',\n    justify: 'stretch',\n    dense: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-grid',\n  {\n    'is-dense': props.dense,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    rowGap: props.rowGap ?? props.gap,\n    alignItems: props.align,\n    justifyItems: props.justify,\n    gridTemplateColumns:\n      typeof props.columns === 'number' && props.columns > 0\n        ? `repeat(${props.columns}, minmax(0, 1fr))`\n        : `repeat(auto-fit, minmax(min(${props.minItemWidth}, 100%), 1fr))`,\n    gridAutoFlow: props.dense ? 'dense' : 'row',\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAuBR,IAAQ,EAAS,GAEjB,IAAc,QAAe;GACjC;GACA,EACE,YAAY,EAAM,MACpB;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,CAC/B;GACE,KAAK,EAAM;GACX,QAAQ,EAAM,UAAU,EAAM;GAC9B,YAAY,EAAM;GAClB,cAAc,EAAM;GACpB,qBACE,OAAO,EAAM,WAAY,YAAY,EAAM,UAAU,IACjD,UAAU,EAAM,QAAQ,qBACxB,+BAA+B,EAAM,aAAa;GACxD,cAAc,EAAM,QAAQ,UAAU;EACxC,GACA,EAAM,KACR,CAAC,GAEK,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC;yBAIC,EAOY,EANL,EAAA,EAAE,GADT,EAEU,EAKE,OALO;GAChB,OAAO,EAAA;GACP,OAAO,EAAA;;oBAEA,CAAR,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/TIcon.cjs

@@ -0,0 +1,2 @@
+var e=require("./TIcon.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;
+//# sourceMappingURL=TIcon.cjs.map

package/dist/components/TIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TIcon.cjs","names":[],"sources":["../../src/components/TIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue';\nimport { getTreeIcon, treeIconDefaults, type TIconName } from '@treeui/icons';\n\nconst props = withDefaults(\n  defineProps<{\n    name: TIconName;\n    size?: number | string;\n    strokeWidth?: number | string;\n    absoluteStrokeWidth?: boolean;\n    label?: string;\n  }>(),\n  {\n    size: treeIconDefaults.size,\n    strokeWidth: treeIconDefaults.strokeWidth,\n    absoluteStrokeWidth: treeIconDefaults.absoluteStrokeWidth,\n    label: undefined,\n  },\n);\n\nconst iconComponent = computed(() => getTreeIcon(props.name) as Component);\n</script>\n\n<template>\n  <component\n    :is=\"iconComponent\"\n    class=\"t-icon\"\n    :size=\"size\"\n    :stroke-width=\"strokeWidth\"\n    :absolute-stroke-width=\"absoluteStrokeWidth\"\n    :role=\"label ? 'img' : undefined\"\n    :aria-label=\"label || undefined\"\n    :aria-hidden=\"label ? undefined : 'true'\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/TIcon.js

@@ -0,0 +1,7 @@
+import e from "./TIcon.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/TIcon.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TIcon.js.map

package/dist/components/TIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TIcon.js","names":[],"sources":["../../src/components/TIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue';\nimport { getTreeIcon, treeIconDefaults, type TIconName } from '@treeui/icons';\n\nconst props = withDefaults(\n  defineProps<{\n    name: TIconName;\n    size?: number | string;\n    strokeWidth?: number | string;\n    absoluteStrokeWidth?: boolean;\n    label?: string;\n  }>(),\n  {\n    size: treeIconDefaults.size,\n    strokeWidth: treeIconDefaults.strokeWidth,\n    absoluteStrokeWidth: treeIconDefaults.absoluteStrokeWidth,\n    label: undefined,\n  },\n);\n\nconst iconComponent = computed(() => getTreeIcon(props.name) as Component);\n</script>\n\n<template>\n  <component\n    :is=\"iconComponent\"\n    class=\"t-icon\"\n    :size=\"size\"\n    :stroke-width=\"strokeWidth\"\n    :absolute-stroke-width=\"absoluteStrokeWidth\"\n    :role=\"label ? 'img' : undefined\"\n    :aria-label=\"label || undefined\"\n    :aria-hidden=\"label ? undefined : 'true'\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/TIcon.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue"),t=require("@treeui/icons");var n=(0,e.defineComponent)({__name:`TIcon`,props:{name:{},size:{default:t.treeIconDefaults.size},strokeWidth:{default:t.treeIconDefaults.strokeWidth},absoluteStrokeWidth:{type:Boolean,default:t.treeIconDefaults.absoluteStrokeWidth},label:{default:void 0}},setup(n){let r=n,i=(0,e.computed)(()=>(0,t.getTreeIcon)(r.name));return(t,r)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(i.value),{class:`t-icon`,size:n.size,"stroke-width":n.strokeWidth,"absolute-stroke-width":n.absoluteStrokeWidth,role:n.label?`img`:void 0,"aria-label":n.label||void 0,"aria-hidden":n.label?void 0:`true`},null,8,[`size`,`stroke-width`,`absolute-stroke-width`,`role`,`aria-label`,`aria-hidden`]))}});exports.default=n;
+//# sourceMappingURL=TIcon.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/components/TIcon.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TIcon.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue';\nimport { getTreeIcon, treeIconDefaults, type TIconName } from '@treeui/icons';\n\nconst props = withDefaults(\n  defineProps<{\n    name: TIconName;\n    size?: number | string;\n    strokeWidth?: number | string;\n    absoluteStrokeWidth?: boolean;\n    label?: string;\n  }>(),\n  {\n    size: treeIconDefaults.size,\n    strokeWidth: treeIconDefaults.strokeWidth,\n    absoluteStrokeWidth: treeIconDefaults.absoluteStrokeWidth,\n    label: undefined,\n  },\n);\n\nconst iconComponent = computed(() => getTreeIcon(props.name) as Component);\n</script>\n\n<template>\n  <component\n    :is=\"iconComponent\"\n    class=\"t-icon\"\n    :size=\"size\"\n    :stroke-width=\"strokeWidth\"\n    :absolute-stroke-width=\"absoluteStrokeWidth\"\n    :role=\"label ? 'img' : undefined\"\n    :aria-label=\"label || undefined\"\n    :aria-hidden=\"label ? undefined : 'true'\"\n  />\n</template>\n"],"mappings":"0TAIA,IAAM,EAAQ,EAgBR,GAAA,EAAA,EAAA,SAAA,MAAA,EAAA,EAAA,YAAA,CAA2C,EAAM,IAAI,CAAc,kFAKhE,EAAA,KAAa,EAAA,CAClB,MAAM,SACL,KAAM,EAAA,KACN,eAAc,EAAA,YACd,wBAAuB,EAAA,oBACvB,KAAM,EAAA,MAAK,MAAW,IAAA,GACtB,aAAY,EAAA,OAAS,IAAA,GACrB,cAAa,EAAA,MAAQ,IAAA,GAAS"}

package/dist/components/TIcon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,39 @@
+import { computed as e, createBlock as t, defineComponent as n, openBlock as r, resolveDynamicComponent as i } from "vue";
+import { getTreeIcon as a, treeIconDefaults as o } from "@treeui/icons";
+//#region src/components/TIcon.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ n({
+	__name: "TIcon",
+	props: {
+		name: {},
+		size: { default: o.size },
+		strokeWidth: { default: o.strokeWidth },
+		absoluteStrokeWidth: {
+			type: Boolean,
+			default: o.absoluteStrokeWidth
+		},
+		label: { default: void 0 }
+	},
+	setup(n) {
+		let o = n, s = e(() => a(o.name));
+		return (e, a) => (r(), t(i(s.value), {
+			class: "t-icon",
+			size: n.size,
+			"stroke-width": n.strokeWidth,
+			"absolute-stroke-width": n.absoluteStrokeWidth,
+			role: n.label ? "img" : void 0,
+			"aria-label": n.label || void 0,
+			"aria-hidden": n.label ? void 0 : "true"
+		}, null, 8, [
+			"size",
+			"stroke-width",
+			"absolute-stroke-width",
+			"role",
+			"aria-label",
+			"aria-hidden"
+		]));
+	}
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=TIcon.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/TIcon.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TIcon.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue';\nimport { getTreeIcon, treeIconDefaults, type TIconName } from '@treeui/icons';\n\nconst props = withDefaults(\n  defineProps<{\n    name: TIconName;\n    size?: number | string;\n    strokeWidth?: number | string;\n    absoluteStrokeWidth?: boolean;\n    label?: string;\n  }>(),\n  {\n    size: treeIconDefaults.size,\n    strokeWidth: treeIconDefaults.strokeWidth,\n    absoluteStrokeWidth: treeIconDefaults.absoluteStrokeWidth,\n    label: undefined,\n  },\n);\n\nconst iconComponent = computed(() => getTreeIcon(props.name) as Component);\n</script>\n\n<template>\n  <component\n    :is=\"iconComponent\"\n    class=\"t-icon\"\n    :size=\"size\"\n    :stroke-width=\"strokeWidth\"\n    :absolute-stroke-width=\"absoluteStrokeWidth\"\n    :role=\"label ? 'img' : undefined\"\n    :aria-label=\"label || undefined\"\n    :aria-hidden=\"label ? undefined : 'true'\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAIA,IAAM,IAAQ,GAgBR,IAAgB,QAAe,EAAY,EAAM,IAAI,CAAc;yBAIvE,EASE,EARK,EAAA,KAAa,GAAA;GAClB,OAAM;GACL,MAAM,EAAA;GACN,gBAAc,EAAA;GACd,yBAAuB,EAAA;GACvB,MAAM,EAAA,QAAK,QAAW,KAAA;GACtB,cAAY,EAAA,SAAS,KAAA;GACrB,eAAa,EAAA,QAAQ,KAAA,IAAS"}

package/dist/components/TInput.cjs

@@ -0,0 +1,2 @@
+var e=require("./TInput.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;
+//# sourceMappingURL=TInput.cjs.map

package/dist/components/TInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TInput.cjs","names":[],"sources":["../../src/components/TInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string | number;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    type?: string;\n    placeholder?: string;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    type: 'text',\n    placeholder: '',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-input',\n  `t-input--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n  emit('update:modelValue', (event.target as HTMLInputElement).value);\n};\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <span\n      v-if=\"$slots.prefix\"\n      class=\"t-input__slot t-input__slot--prefix\"\n    >\n      <slot name=\"prefix\" />\n    </span>\n    <input\n      v-bind=\"inputAttrs\"\n      class=\"t-input__field\"\n      :type=\"type\"\n      :value=\"stringValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n    >\n    <TSpinner\n      v-if=\"loading\"\n      size=\"sm\"\n      label=\"Loading\"\n    />\n    <span\n      v-if=\"$slots.suffix\"\n      class=\"t-input__slot t-input__slot--suffix\"\n    >\n      <slot name=\"suffix\" />\n    </span>\n  </label>\n</template>\n"],"mappings":""}

package/dist/components/TInput.js

@@ -0,0 +1,7 @@
+import e from "./TInput.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/TInput.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TInput.js.map

package/dist/components/TInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TInput.js","names":[],"sources":["../../src/components/TInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string | number;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    type?: string;\n    placeholder?: string;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    type: 'text',\n    placeholder: '',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-input',\n  `t-input--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n  emit('update:modelValue', (event.target as HTMLInputElement).value);\n};\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <span\n      v-if=\"$slots.prefix\"\n      class=\"t-input__slot t-input__slot--prefix\"\n    >\n      <slot name=\"prefix\" />\n    </span>\n    <input\n      v-bind=\"inputAttrs\"\n      class=\"t-input__field\"\n      :type=\"type\"\n      :value=\"stringValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n    >\n    <TSpinner\n      v-if=\"loading\"\n      size=\"sm\"\n      label=\"Loading\"\n    />\n    <span\n      v-if=\"$slots.suffix\"\n      class=\"t-input__slot t-input__slot--suffix\"\n    >\n      <slot name=\"suffix\" />\n    </span>\n  </label>\n</template>\n"],"mappings":""}

package/dist/components/TInput.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./TSpinner.cjs");let t=require("vue");var n={key:0,class:`t-input__slot t-input__slot--prefix`},r=[`type`,`value`,`placeholder`,`disabled`,`aria-invalid`],i={key:2,class:`t-input__slot t-input__slot--suffix`},a=(0,t.defineComponent)({inheritAttrs:!1,__name:`TInput`,props:{modelValue:{default:``},size:{default:`md`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},type:{default:`text`},placeholder:{default:``}},emits:[`update:modelValue`],setup(a,{emit:o}){let s=a,c=o,l=(0,t.useAttrs)(),u=(0,t.computed)(()=>[`t-input`,`t-input--${s.size}`,{"is-disabled":s.disabled,"is-invalid":s.invalid,"is-loading":s.loading},l.class]),d=(0,t.computed)(()=>l.style),f=(0,t.computed)(()=>{let{class:e,style:t,...n}=l;return n}),p=(0,t.computed)(()=>`${s.modelValue??``}`),m=e=>{c(`update:modelValue`,e.target.value)};return(o,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{class:(0,t.normalizeClass)(u.value),style:(0,t.normalizeStyle)(d.value)},[o.$slots.prefix?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,n,[(0,t.renderSlot)(o.$slots,`prefix`)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`input`,(0,t.mergeProps)(f.value,{class:`t-input__field`,type:a.type,value:p.value,placeholder:a.placeholder,disabled:a.disabled,"aria-invalid":a.invalid||void 0,onInput:m}),null,16,r),a.loading?((0,t.openBlock)(),(0,t.createBlock)(e.default,{key:1,size:`sm`,label:`Loading`})):(0,t.createCommentVNode)(``,!0),o.$slots.suffix?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,i,[(0,t.renderSlot)(o.$slots,`suffix`)])):(0,t.createCommentVNode)(``,!0)],6))}});exports.default=a;
+//# sourceMappingURL=TInput.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/components/TInput.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TInput.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string | number;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    type?: string;\n    placeholder?: string;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    type: 'text',\n    placeholder: '',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-input',\n  `t-input--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n  emit('update:modelValue', (event.target as HTMLInputElement).value);\n};\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <span\n      v-if=\"$slots.prefix\"\n      class=\"t-input__slot t-input__slot--prefix\"\n    >\n      <slot name=\"prefix\" />\n    </span>\n    <input\n      v-bind=\"inputAttrs\"\n      class=\"t-input__field\"\n      :type=\"type\"\n      :value=\"stringValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n    >\n    <TSpinner\n      v-if=\"loading\"\n      size=\"sm\"\n      label=\"Loading\"\n    />\n    <span\n      v-if=\"$slots.suffix\"\n      class=\"t-input__slot t-input__slot--suffix\"\n    >\n      <slot name=\"suffix\" />\n    </span>\n  </label>\n</template>\n"],"mappings":"mhBASA,IAAM,EAAQ,EAqBR,EAAO,EAIP,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,UACA,YAAY,EAAM,OAClB,CACE,cAAe,EAAM,SACrB,aAAc,EAAM,QACpB,aAAc,EAAM,OACtB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,EAAM,KAAK,EAEtC,GAAA,EAAA,EAAA,SAAA,KAA4B,CAChC,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA6B,GAAG,EAAM,YAAc,IAAI,EAExD,EAAW,GAAiB,CAChC,EAAK,oBAAsB,EAAM,OAA4B,KAAK,CACpE,2DAmCU,QAAA,CA9BL,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAW,EAClB,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAS,IAGTA,EAAAA,OAAO,SAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIR,OALP,EAKO,EAAA,EAAA,EAAA,WAAA,CADiB,EAAA,OAAA,QAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,2BAWvB,SAAA,EAAA,EAAA,WAAA,CARS,EAQT,MARmB,CAClB,MAAM,iBACL,KAAM,EAAA,KACN,MAAO,EAAA,MACP,YAAa,EAAA,YACb,SAAU,EAAA,SACV,eAAc,EAAA,SAAW,IAAA,GAClB,uBAGF,EAAA,UAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,YAAA,CAGN,EAAA,QAAA,OAFA,KAAK,KACL,MAAM,6CAGAA,EAAAA,OAAO,SAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIR,OALP,EAKO,EAAA,EAAA,EAAA,WAAA,CADiB,EAAA,OAAA,QAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA"}

package/dist/components/TInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,80 @@
+import e from "./TSpinner.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderSlot as d, useAttrs as f } from "vue";
+//#region src/components/TInput.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	key: 0,
+	class: "t-input__slot t-input__slot--prefix"
+}, m = [
+	"type",
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-invalid"
+], h = {
+	key: 2,
+	class: "t-input__slot t-input__slot--suffix"
+}, g = /*@__PURE__*/ o({
+	inheritAttrs: !1,
+	__name: "TInput",
+	props: {
+		modelValue: { default: "" },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "text" },
+		placeholder: { default: "" }
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: g }) {
+		let _ = o, v = g, y = f(), b = t(() => [
+			"t-input",
+			`t-input--${_.size}`,
+			{
+				"is-disabled": _.disabled,
+				"is-invalid": _.invalid,
+				"is-loading": _.loading
+			},
+			y.class
+		]), x = t(() => y.style), S = t(() => {
+			let { class: e, style: t, ...n } = y;
+			return n;
+		}), C = t(() => `${_.modelValue ?? ""}`), w = (e) => {
+			v("update:modelValue", e.target.value);
+		};
+		return (t, f) => (u(), i("label", {
+			class: c(b.value),
+			style: l(x.value)
+		}, [
+			t.$slots.prefix ? (u(), i("span", p, [d(t.$slots, "prefix")])) : r("", !0),
+			a("input", s(S.value, {
+				class: "t-input__field",
+				type: o.type,
+				value: C.value,
+				placeholder: o.placeholder,
+				disabled: o.disabled,
+				"aria-invalid": o.invalid || void 0,
+				onInput: w
+			}), null, 16, m),
+			o.loading ? (u(), n(e, {
+				key: 1,
+				size: "sm",
+				label: "Loading"
+			})) : r("", !0),
+			t.$slots.suffix ? (u(), i("span", h, [d(t.$slots, "suffix")])) : r("", !0)
+		], 6));
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=TInput.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/TInput.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TInput.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string | number;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    type?: string;\n    placeholder?: string;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    type: 'text',\n    placeholder: '',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-input',\n  `t-input--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n  emit('update:modelValue', (event.target as HTMLInputElement).value);\n};\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <span\n      v-if=\"$slots.prefix\"\n      class=\"t-input__slot t-input__slot--prefix\"\n    >\n      <slot name=\"prefix\" />\n    </span>\n    <input\n      v-bind=\"inputAttrs\"\n      class=\"t-input__field\"\n      :type=\"type\"\n      :value=\"stringValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n    >\n    <TSpinner\n      v-if=\"loading\"\n      size=\"sm\"\n      label=\"Loading\"\n    />\n    <span\n      v-if=\"$slots.suffix\"\n      class=\"t-input__slot t-input__slot--suffix\"\n    >\n      <slot name=\"suffix\" />\n    </span>\n  </label>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASA,IAAM,IAAQ,GAqBR,IAAO,GAIP,IAAQ,EAAS,GAEjB,IAAc,QAAe;GACjC;GACA,YAAY,EAAM;GAClB;IACE,eAAe,EAAM;IACrB,cAAc,EAAM;IACpB,cAAc,EAAM;GACtB;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,EAAM,KAAK,GAEtC,IAAa,QAAe;GAChC,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC,GAEK,IAAc,QAAe,GAAG,EAAM,cAAc,IAAI,GAExD,KAAW,MAAiB;GAChC,EAAK,qBAAsB,EAAM,OAA4B,KAAK;EACpE;yBAIE,EA+BQ,SAAA;GA9BL,OAAK,EAAE,EAAA,KAAW;GAClB,OAAK,EAAE,EAAA,KAAS;;GAGTA,EAAAA,OAAO,UAAA,EAAA,GADf,EAKO,QALP,GAKO,CADL,EAAsB,EAAA,QAAA,QAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAExB,EASC,SATD,EACU,EAQT,OARmB;IAClB,OAAM;IACL,MAAM,EAAA;IACN,OAAO,EAAA;IACP,aAAa,EAAA;IACb,UAAU,EAAA;IACV,gBAAc,EAAA,WAAW,KAAA;IAClB;;GAGF,EAAA,WAAA,EAAA,GADR,EAIE,GAAA;;IAFA,MAAK;IACL,OAAM;;GAGAA,EAAAA,OAAO,UAAA,EAAA,GADf,EAKO,QALP,GAKO,CADL,EAAsB,EAAA,QAAA,QAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/components/TLink.cjs

@@ -0,0 +1,2 @@
+var e=require("./TLink.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;
+//# sourceMappingURL=TLink.cjs.map

package/dist/components/TLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TLink.cjs","names":[],"sources":["../../src/components/TLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, type Component } from 'vue';\n\nexport type TLinkVariant = 'default' | 'muted' | 'danger';\n\nconst props = withDefaults(\n  defineProps<{\n    to?: string | Record<string, unknown>;\n    href?: string;\n    external?: boolean;\n    disabled?: boolean;\n    variant?: TLinkVariant;\n  }>(),\n  {\n    to: undefined,\n    href: undefined,\n    external: false,\n    disabled: false,\n    variant: 'default',\n  },\n);\n\nconst instance = getCurrentInstance();\n\nconst routerLinkComponent = computed<Component | null>(() => {\n  if (!props.to) return null;\n\n  return (instance?.appContext.components.RouterLink as Component | undefined) ?? null;\n});\n\nconst hasRouterLink = computed(() => {\n  return Boolean(routerLinkComponent.value);\n});\n\nconst tag = computed<string | Component>(() => {\n  if (props.disabled) return 'span';\n  if (props.to && routerLinkComponent.value) return routerLinkComponent.value;\n  return 'a';\n});\n\nconst linkProps = computed(() => {\n  if (props.disabled) return {};\n  if (props.to && hasRouterLink.value) return { to: props.to };\n  const href = props.href ?? (typeof props.to === 'string' ? props.to : undefined);\n  return {\n    href,\n    ...(props.external ? { target: '_blank', rel: 'noopener noreferrer' } : {}),\n  };\n});\n\nconst classes = computed(() => [\n  't-link',\n  `t-link--${props.variant}`,\n  {\n    'is-disabled': props.disabled,\n  },\n]);\n</script>\n\n<template>\n  <component\n    :is=\"tag\"\n    v-bind=\"linkProps\"\n    :class=\"classes\"\n    :aria-disabled=\"disabled || undefined\"\n    :tabindex=\"disabled ? -1 : undefined\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TLink.js

@@ -0,0 +1,7 @@
+import e from "./TLink.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/TLink.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TLink.js.map

package/dist/components/TLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TLink.js","names":[],"sources":["../../src/components/TLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, type Component } from 'vue';\n\nexport type TLinkVariant = 'default' | 'muted' | 'danger';\n\nconst props = withDefaults(\n  defineProps<{\n    to?: string | Record<string, unknown>;\n    href?: string;\n    external?: boolean;\n    disabled?: boolean;\n    variant?: TLinkVariant;\n  }>(),\n  {\n    to: undefined,\n    href: undefined,\n    external: false,\n    disabled: false,\n    variant: 'default',\n  },\n);\n\nconst instance = getCurrentInstance();\n\nconst routerLinkComponent = computed<Component | null>(() => {\n  if (!props.to) return null;\n\n  return (instance?.appContext.components.RouterLink as Component | undefined) ?? null;\n});\n\nconst hasRouterLink = computed(() => {\n  return Boolean(routerLinkComponent.value);\n});\n\nconst tag = computed<string | Component>(() => {\n  if (props.disabled) return 'span';\n  if (props.to && routerLinkComponent.value) return routerLinkComponent.value;\n  return 'a';\n});\n\nconst linkProps = computed(() => {\n  if (props.disabled) return {};\n  if (props.to && hasRouterLink.value) return { to: props.to };\n  const href = props.href ?? (typeof props.to === 'string' ? props.to : undefined);\n  return {\n    href,\n    ...(props.external ? { target: '_blank', rel: 'noopener noreferrer' } : {}),\n  };\n});\n\nconst classes = computed(() => [\n  't-link',\n  `t-link--${props.variant}`,\n  {\n    'is-disabled': props.disabled,\n  },\n]);\n</script>\n\n<template>\n  <component\n    :is=\"tag\"\n    v-bind=\"linkProps\"\n    :class=\"classes\"\n    :aria-disabled=\"disabled || undefined\"\n    :tabindex=\"disabled ? -1 : undefined\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TLink.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=(0,e.defineComponent)({__name:`TLink`,props:{to:{default:void 0},href:{default:void 0},external:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},variant:{default:`default`}},setup(t){let n=t,r=(0,e.getCurrentInstance)(),i=(0,e.computed)(()=>n.to?r?.appContext.components.RouterLink??null:null),a=(0,e.computed)(()=>!!i.value),o=(0,e.computed)(()=>n.disabled?`span`:n.to&&i.value?i.value:`a`),s=(0,e.computed)(()=>n.disabled?{}:n.to&&a.value?{to:n.to}:{href:n.href??(typeof n.to==`string`?n.to:void 0),...n.external?{target:`_blank`,rel:`noopener noreferrer`}:{}}),c=(0,e.computed)(()=>[`t-link`,`t-link--${n.variant}`,{"is-disabled":n.disabled}]);return(n,r)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(o.value),(0,e.mergeProps)(s.value,{class:c.value,"aria-disabled":t.disabled||void 0,tabindex:t.disabled?-1:void 0}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,`default`)]),_:3},16,[`class`,`aria-disabled`,`tabindex`]))}});exports.default=t;
+//# sourceMappingURL=TLink.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/components/TLink.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TLink.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, type Component } from 'vue';\n\nexport type TLinkVariant = 'default' | 'muted' | 'danger';\n\nconst props = withDefaults(\n  defineProps<{\n    to?: string | Record<string, unknown>;\n    href?: string;\n    external?: boolean;\n    disabled?: boolean;\n    variant?: TLinkVariant;\n  }>(),\n  {\n    to: undefined,\n    href: undefined,\n    external: false,\n    disabled: false,\n    variant: 'default',\n  },\n);\n\nconst instance = getCurrentInstance();\n\nconst routerLinkComponent = computed<Component | null>(() => {\n  if (!props.to) return null;\n\n  return (instance?.appContext.components.RouterLink as Component | undefined) ?? null;\n});\n\nconst hasRouterLink = computed(() => {\n  return Boolean(routerLinkComponent.value);\n});\n\nconst tag = computed<string | Component>(() => {\n  if (props.disabled) return 'span';\n  if (props.to && routerLinkComponent.value) return routerLinkComponent.value;\n  return 'a';\n});\n\nconst linkProps = computed(() => {\n  if (props.disabled) return {};\n  if (props.to && hasRouterLink.value) return { to: props.to };\n  const href = props.href ?? (typeof props.to === 'string' ? props.to : undefined);\n  return {\n    href,\n    ...(props.external ? { target: '_blank', rel: 'noopener noreferrer' } : {}),\n  };\n});\n\nconst classes = computed(() => [\n  't-link',\n  `t-link--${props.variant}`,\n  {\n    'is-disabled': props.disabled,\n  },\n]);\n</script>\n\n<template>\n  <component\n    :is=\"tag\"\n    v-bind=\"linkProps\"\n    :class=\"classes\"\n    :aria-disabled=\"disabled || undefined\"\n    :tabindex=\"disabled ? -1 : undefined\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":"8NAKA,IAAM,EAAQ,EAiBR,GAAA,EAAA,EAAA,mBAAA,CAA8B,EAE9B,GAAA,EAAA,EAAA,SAAA,KACC,EAAM,GAEH,GAAU,WAAW,WAAW,YAAwC,KAF1D,IAGvB,EAEK,GAAA,EAAA,EAAA,SAAA,KACG,EAAQ,EAAoB,KACpC,EAEK,GAAA,EAAA,EAAA,SAAA,KACA,EAAM,SAAiB,OACvB,EAAM,IAAM,EAAoB,MAAc,EAAoB,MAC/D,GACR,EAEK,GAAA,EAAA,EAAA,SAAA,KACA,EAAM,SAAiB,CAAC,EACxB,EAAM,IAAM,EAAc,MAAc,CAAE,GAAI,EAAM,EAAG,EAEpD,CACL,KAFW,EAAM,OAAS,OAAO,EAAM,IAAO,SAAW,EAAM,GAAK,IAAA,IAGpE,GAAI,EAAM,SAAW,CAAE,OAAQ,SAAU,IAAK,qBAAsB,EAAI,CAAC,CAC3E,CACD,EAEK,GAAA,EAAA,EAAA,SAAA,KAAyB,CAC7B,SACA,WAAW,EAAM,UACjB,CACE,cAAe,EAAM,QACvB,CACF,CAAC,kFAKQ,EAAA,KAAG,GAAA,EAAA,EAAA,WAAA,CACA,EAME,MANO,CAChB,MAAO,EAAA,MACP,gBAAe,EAAA,UAAY,IAAA,GAC3B,SAAU,EAAA,SAAQ,GAAQ,IAAA,gCAEnB,EAAA,EAAA,EAAA,WAAA,CAAA,EAAA,OAAA,SAAA,CAAA,CAAA"}