@treeui/vue 0.7.0 → 0.10.0

package/dist/components/TFileUpload.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,284 @@
+import e from "./TSpinner.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeProps as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _, useSlots as v } from "vue";
+import { createId as y, isActivationKey as b } from "@treeui/utils";
+//#region src/components/TFileUpload.vue?vue&type=script&setup=true&lang.ts
+var x = [
+	"id",
+	"accept",
+	"multiple",
+	"disabled"
+], S = [
+	"aria-busy",
+	"aria-controls",
+	"aria-describedby",
+	"aria-disabled",
+	"aria-invalid",
+	"tabindex"
+], ee = {
+	key: 0,
+	class: "t-file-upload__icon",
+	"aria-hidden": "true"
+}, te = { class: "t-file-upload__content" }, C = { class: "t-file-upload__label" }, ne = { class: "t-file-upload__browse" }, re = {
+	key: 1,
+	class: "t-file-upload__files"
+}, ie = { class: "t-file-upload__files-header" }, ae = ["disabled"], oe = { class: "t-file-upload__list" }, se = { class: "t-file-upload__file-copy" }, w = { class: "t-file-upload__file-name" }, T = { class: "t-file-upload__file-meta" }, E = [
+	"disabled",
+	"aria-label",
+	"onClick"
+], ce = {
+	key: 2,
+	class: "t-file-upload__actions"
+}, D = /*@__PURE__*/ s({
+	inheritAttrs: !1,
+	__name: "TFileUpload",
+	props: {
+		modelValue: { default: () => [] },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		accept: { default: "" },
+		multiple: {
+			type: Boolean,
+			default: !0
+		},
+		maxFiles: { default: null },
+		maxFileSize: { default: null },
+		label: { default: "Drop files here" },
+		description: { default: "Click to browse, drag and drop, or paste with Ctrl+V." },
+		buttonLabel: { default: "Browse files" },
+		filesLabel: { default: "Selected files" },
+		paste: {
+			type: Boolean,
+			default: !0
+		},
+		drop: {
+			type: Boolean,
+			default: !0
+		},
+		showFileList: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"files-accepted",
+		"files-rejected"
+	],
+	setup(s, { emit: D }) {
+		let le = v(), O = s, k = D, A = _(), j = f(null), M = f(null), N = f(!1), P = f(!1), F = f(0), I = f([]), L = y("t-file-upload"), R = `${L}-description`, z = `${L}-feedback`, B = `${L}-files`, V = n(() => O.disabled || O.loading), H = n(() => O.modelValue.length > 0), U = n(() => !!le.default), W = n(() => O.multiple ? typeof O.maxFiles == "number" ? Math.max(O.maxFiles, 0) : Infinity : 1), ue = n(() => [
+			"t-file-upload",
+			`t-file-upload--${O.size}`,
+			{
+				"is-disabled": V.value,
+				"is-invalid": O.invalid,
+				"is-loading": O.loading,
+				"is-drag-active": N.value,
+				"has-files": H.value
+			},
+			A.class
+		]), de = n(() => A.style), fe = n(() => {
+			let { class: e, style: t, ...n } = A;
+			return n;
+		}), pe = n(() => {
+			let e = [];
+			return O.description && !U.value && e.push(R), I.value.length > 0 && e.push(z), O.showFileList && H.value && e.push(B), e.length > 0 ? e.join(" ") : void 0;
+		}), me = n(() => `${O.filesLabel} (${O.modelValue.length})`), G = (e) => {
+			if (e < 1024) return `${e} B`;
+			let t = [
+				"KB",
+				"MB",
+				"GB"
+			], n = e / 1024, r = 0;
+			for (; n >= 1024 && r < t.length - 1;) n /= 1024, r += 1;
+			return `${n >= 10 || Number.isInteger(n) ? Math.round(n) : Number(n.toFixed(1))} ${t[r]}`;
+		}, he = (e, t) => `${e.name}-${e.size}-${e.lastModified}-${t}`, ge = (e) => {
+			if (!O.accept.trim()) return !0;
+			let t = O.accept.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), n = e.name.toLowerCase(), r = e.type.toLowerCase();
+			return t.some((e) => e.startsWith(".") ? n.endsWith(e) : e.endsWith("/*") ? r.startsWith(e.slice(0, -1)) : r === e);
+		}, K = (e, t) => {
+			switch (t) {
+				case "file-invalid-type": return `${e.name} is not an accepted file type.`;
+				case "file-too-large": return `${e.name} exceeds the ${G(O.maxFileSize ?? 0)} limit.`;
+				case "too-many-files": return `You can only add up to ${W.value} file${W.value === 1 ? "" : "s"}.`;
+				default: return `${e.name} could not be added.`;
+			}
+		}, _e = () => {
+			M.value && (M.value.value = "");
+		}, q = () => {
+			V.value || M.value?.click();
+		}, ve = (e, t, n) => {
+			I.value = n.map((e) => e.message), n.length > 0 && k("files-rejected", n), t.length > 0 && (k("update:modelValue", e), k("files-accepted", t));
+		}, J = (e) => {
+			if (V.value || e.length === 0) return;
+			let t = O.multiple ? [...O.modelValue] : [], n = [], r = [], i = Number.isFinite(W.value) ? Math.max(W.value - t.length, 0) : Infinity;
+			for (let a of e) {
+				if (i <= 0) {
+					r.push({
+						file: a,
+						reason: "too-many-files",
+						message: K(a, "too-many-files")
+					});
+					continue;
+				}
+				if (!ge(a)) {
+					r.push({
+						file: a,
+						reason: "file-invalid-type",
+						message: K(a, "file-invalid-type")
+					});
+					continue;
+				}
+				if (typeof O.maxFileSize == "number" && O.maxFileSize > 0 && a.size > O.maxFileSize) {
+					r.push({
+						file: a,
+						reason: "file-too-large",
+						message: K(a, "file-too-large")
+					});
+					continue;
+				}
+				n.push(a), t.push(a), Number.isFinite(i) && --i;
+			}
+			ve(t, n, r);
+		}, Y = (e) => {
+			V.value || (I.value = [], k("update:modelValue", O.modelValue.filter((t, n) => n !== e)));
+		}, X = () => {
+			V.value || !H.value || (I.value = [], k("update:modelValue", []));
+		}, Z = (e) => e ? e.files.length > 0 || Array.from(e.types).includes("Files") : !1, ye = (e) => e?.items ? Array.from(e.items).map((e) => e.getAsFile?.() ?? null).filter((e) => e instanceof File) : [], be = (e) => {
+			let t = e.target;
+			J(Array.from(t.files ?? [])), _e();
+		}, xe = (e) => {
+			!b(e) || V.value || (e.preventDefault(), q());
+		}, Se = () => {
+			P.value = !0;
+		}, Ce = (e) => {
+			let t = e.relatedTarget;
+			t && j.value?.contains(t) || (P.value = !1);
+		}, Q = (e) => {
+			if (!O.paste || V.value) return;
+			let t = ye(e.clipboardData);
+			t.length !== 0 && (e.preventDefault(), J(t));
+		}, $ = (e) => {
+			!P.value || e.defaultPrevented || Q(e);
+		}, we = (e) => {
+			!O.drop || V.value || !Z(e.dataTransfer) || (e.preventDefault(), F.value += 1, N.value = !0);
+		}, Te = (e) => {
+			!O.drop || V.value || !Z(e.dataTransfer) || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"), N.value = !0);
+		}, Ee = (e) => {
+			!O.drop || V.value || !Z(e.dataTransfer) || (e.preventDefault(), F.value = Math.max(F.value - 1, 0), F.value === 0 && (N.value = !1));
+		}, De = (e) => {
+			!O.drop || V.value || !Z(e.dataTransfer) || (e.preventDefault(), F.value = 0, N.value = !1, J(Array.from(e.dataTransfer?.files ?? [])));
+		};
+		return u(() => {
+			document.addEventListener("paste", $);
+		}), l(() => {
+			document.removeEventListener("paste", $);
+		}), (n, l) => (d(), a("div", c({
+			ref_key: "rootRef",
+			ref: j
+		}, fe.value, {
+			class: ue.value,
+			style: de.value,
+			onFocusin: Se,
+			onFocusout: Ce,
+			onPaste: Q
+		}), [
+			o("input", {
+				id: g(L),
+				ref_key: "inputRef",
+				ref: M,
+				class: "t-visually-hidden",
+				type: "file",
+				accept: s.accept || void 0,
+				multiple: s.multiple,
+				disabled: V.value,
+				onChange: be
+			}, null, 40, x),
+			o("div", {
+				class: "t-file-upload__dropzone",
+				"aria-busy": s.loading || void 0,
+				"aria-controls": s.showFileList && H.value ? B : void 0,
+				"aria-describedby": pe.value,
+				"aria-disabled": V.value || void 0,
+				"aria-invalid": s.invalid || void 0,
+				role: "button",
+				tabindex: V.value ? -1 : 0,
+				onClick: q,
+				onKeydown: xe,
+				onDragenter: we,
+				onDragover: Te,
+				onDragleave: Ee,
+				onDrop: De
+			}, [
+				n.$slots.icon || !n.$slots.default ? (d(), a("div", ee, [m(n.$slots, "icon", {}, () => [l[0] ||= o("span", { class: "t-file-upload__icon-mark" }, "+", -1)])])) : i("", !0),
+				o("div", te, [m(n.$slots, "default", {
+					files: s.modelValue,
+					isDragActive: N.value,
+					openFileDialog: q,
+					clearFiles: X
+				}, () => [
+					o("p", C, h(s.label), 1),
+					s.description ? (d(), a("p", {
+						key: 0,
+						id: R,
+						class: "t-file-upload__description"
+					}, h(s.description), 1)) : i("", !0),
+					o("span", ne, h(s.buttonLabel), 1)
+				])]),
+				s.loading ? (d(), r(e, {
+					key: 1,
+					class: "t-file-upload__spinner",
+					size: "sm",
+					label: "Uploading files"
+				})) : i("", !0)
+			], 40, S),
+			I.value.length > 0 ? (d(), a("ul", {
+				key: 0,
+				id: z,
+				class: "t-file-upload__feedback",
+				"aria-live": "polite"
+			}, [(d(!0), a(t, null, p(I.value, (e) => (d(), a("li", { key: e }, h(e), 1))), 128))])) : i("", !0),
+			s.showFileList && H.value ? (d(), a("div", re, [o("div", ie, [o("p", {
+				id: B,
+				class: "t-file-upload__files-label"
+			}, h(me.value), 1), o("button", {
+				class: "t-file-upload__clear",
+				type: "button",
+				disabled: V.value,
+				onClick: X
+			}, " Clear all ", 8, ae)]), o("ul", oe, [(d(!0), a(t, null, p(s.modelValue, (e, t) => (d(), a("li", {
+				key: he(e, t),
+				class: "t-file-upload__file"
+			}, [m(n.$slots, "file", {
+				file: e,
+				index: t,
+				removeFile: () => Y(t)
+			}, () => [o("div", se, [o("p", w, h(e.name), 1), o("p", T, h(G(e.size)), 1)]), o("button", {
+				class: "t-file-upload__remove",
+				type: "button",
+				disabled: V.value,
+				"aria-label": `Remove ${e.name}`,
+				onClick: (e) => Y(t)
+			}, " Remove ", 8, E)])]))), 128))])])) : i("", !0),
+			n.$slots.actions ? (d(), a("div", ce, [m(n.$slots, "actions", {
+				files: s.modelValue,
+				openFileDialog: q,
+				clearFiles: X
+			})])) : i("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=TFileUpload.vue_vue_type_script_setup_true_lang.js.map

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/{TreeFormField.vue.d.ts → TFormField.vue.d.ts}

@@ -1,4 +1,4 @@
-import { TreeSize } from '../types/contracts';
+import { TSize } from '../types/contracts';
 type __VLS_Props = {
     label?: string;
     htmlFor?: string;
@@ -6,7 +6,7 @@ type __VLS_Props = {
     hint?: string;
     required?: boolean;
     disabled?: boolean;
-    size?: TreeSize;
+    size?: TSize;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -27,7 +27,7 @@ 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<{}>, {
     disabled: boolean;
-    size: TreeSize;
+    size: TSize;
     label: string;
     required: boolean;
     error: string;
@@ -41,4 +41,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeFormField.vue.d.ts.map
+//# sourceMappingURL=TFormField.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TFormField.vue.d.ts","sourceRoot":"","sources":["../../src/components/TFormField.vue"],"names":[],"mappings":"AAyGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAMhD,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAsDJ,iBAAS,cAAc;WA0DT,OAAO,IAA6B;;kBA7FtC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,OAAO;gBAC3C,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,OAAO;gBACzC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,OAAO;eAC1C,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,OAAO;;kBAHtC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,OAAO;gBAC3C,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,OAAO;gBACzC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,OAAO;eAC1C,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,OAAO;;;;EA+FjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cArIN,OAAO;UACX,KAAK;WANJ,MAAM;cAIH,OAAO;WAFV,MAAM;aADJ,MAAM;UAET,MAAM;6EA8If,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/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/{TreeGrid.vue.d.ts → 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>;
@@ -34,4 +34,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeGrid.vue.d.ts.map
+//# sourceMappingURL=TGrid.vue.d.ts.map

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

@@ -0,0 +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;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