@treeui/vue 0.7.0 → 0.10.0

package/dist/components/TTable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,118 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, ref as u, renderList as d, renderSlot as f, toDisplayString as p } from "vue";
+//#region src/components/TTable.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "t-table-wrapper" }, h = { class: "t-table__head" }, g = { class: "t-table__row" }, _ = [
+	"aria-sort",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], v = { class: "t-table__header-content" }, y = {
+	key: 0,
+	class: "t-table__sort-icon",
+	"aria-hidden": "true"
+}, b = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, x = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, S = {
+	key: 2,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	style: { opacity: "0.4" }
+}, C = { class: "t-table__body" }, w = {
+	key: 0,
+	class: "t-table__row t-table__row--empty"
+}, T = ["colspan"], E = /*@__PURE__*/ o({
+	__name: "TTable",
+	props: {
+		columns: {},
+		rows: {},
+		size: { default: "md" },
+		sortBy: { default: void 0 }
+	},
+	emits: ["sort"],
+	setup(o, { emit: E }) {
+		let D = o, O = E, k = u(void 0), A = t(() => D.sortBy ?? k.value), j = t(() => ["t-table", `t-table--${D.size}`]), M = t(() => {
+			let e = A.value;
+			return !e || e.direction === "none" ? D.rows : [...D.rows].sort((t, n) => {
+				let r = t[e.key], i = n[e.key];
+				if (r == null && i == null) return 0;
+				if (r == null) return 1;
+				if (i == null) return -1;
+				let a = typeof r == "number" && typeof i == "number" ? r - i : String(r).localeCompare(String(i));
+				return e.direction === "desc" ? -a : a;
+			});
+		});
+		function N(e) {
+			if (!e.sortable) return;
+			let t = A.value, n = "asc";
+			t?.key === e.key && (n = t.direction === "asc" ? "desc" : t.direction === "desc" ? "none" : "asc");
+			let r = {
+				key: e.key,
+				direction: n
+			};
+			k.value = r, O("sort", r);
+		}
+		function P(e) {
+			if (!e.sortable) return;
+			let t = A.value;
+			return t?.key !== e.key || t.direction === "none" ? "none" : t.direction === "asc" ? "ascending" : "descending";
+		}
+		function F(e, t) {
+			t.sortable && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), N(t));
+		}
+		return (t, u) => (l(), r("div", m, [i("table", {
+			class: s(j.value),
+			role: "grid"
+		}, [i("thead", h, [i("tr", g, [(l(!0), r(e, null, d(o.columns, (e) => (l(), r("th", {
+			key: e.key,
+			class: s(["t-table__header", [e.sortable ? "t-table__header--sortable" : "", e.align ? `t-table__header--${e.align}` : ""]]),
+			style: c(e.width ? { width: e.width } : void 0),
+			"aria-sort": P(e),
+			tabindex: e.sortable ? 0 : void 0,
+			scope: "col",
+			onClick: (t) => N(e),
+			onKeydown: (t) => F(t, e)
+		}, [f(t.$slots, `header-${e.key}`, { column: e }, () => [i("span", v, [a(p(e.label) + " ", 1), e.sortable ? (l(), r("span", y, [A.value?.key === e.key && A.value.direction === "asc" ? (l(), r("svg", b, [...u[0] ||= [i("path", { d: "m18 15-6-6-6 6" }, null, -1)]])) : A.value?.key === e.key && A.value.direction === "desc" ? (l(), r("svg", x, [...u[1] ||= [i("path", { d: "m6 9 6 6 6-6" }, null, -1)]])) : (l(), r("svg", S, [...u[2] ||= [i("path", { d: "m7 15 5 5 5-5" }, null, -1), i("path", { d: "m7 9 5-5 5 5" }, null, -1)]]))])) : n("", !0)])])], 46, _))), 128))])]), i("tbody", C, [M.value.length === 0 ? (l(), r("tr", w, [i("td", {
+			colspan: o.columns.length,
+			class: "t-table__cell t-table__cell--empty"
+		}, [f(t.$slots, "empty", {}, () => [u[3] ||= a(" No data available. ", -1)])], 8, T)])) : n("", !0), (l(!0), r(e, null, d(M.value, (n, i) => (l(), r("tr", {
+			key: i,
+			class: "t-table__row"
+		}, [(l(!0), r(e, null, d(o.columns, (e) => (l(), r("td", {
+			key: e.key,
+			class: s(["t-table__cell", e.align ? `t-table__cell--${e.align}` : ""])
+		}, [f(t.$slots, `cell-${e.key}`, {
+			row: n,
+			value: n[e.key]
+		}, () => [a(p(n[e.key] ?? ""), 1)])], 2))), 128))]))), 128))])], 2)]));
+	}
+});
+//#endregion
+export { E as default };
+
+//# sourceMappingURL=TTable.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTable.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nexport type TTableColumn = {\n  key: string;\n  label: string;\n  sortable?: boolean;\n  align?: 'left' | 'center' | 'right';\n  width?: string;\n};\n\nexport type TTableSortDirection = 'asc' | 'desc' | 'none';\n\nexport type TTableSortState = {\n  key: string;\n  direction: TTableSortDirection;\n};\n\nconst props = withDefaults(\n  defineProps<{\n    columns: TTableColumn[];\n    rows: Record<string, unknown>[];\n    size?: TSize;\n    sortBy?: TTableSortState;\n  }>(),\n  {\n    size: 'md',\n    sortBy: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'sort', state: TTableSortState): void;\n}>();\n\ndefineSlots<{\n  [key: `cell-${string}`]: (props: { row: Record<string, unknown>; value: unknown }) => void;\n  [key: `header-${string}`]: (props: { column: TTableColumn }) => void;\n  empty: () => void;\n}>();\n\nconst internalSort = ref<TTableSortState | undefined>(undefined);\n\nconst currentSort = computed(() => props.sortBy ?? internalSort.value);\n\nconst classes = computed(() => [\n  't-table',\n  `t-table--${props.size}`,\n]);\n\nconst sortedRows = computed(() => {\n  const sort = currentSort.value;\n  if (!sort || sort.direction === 'none') return props.rows;\n\n  return [...props.rows].sort((a, b) => {\n    const aVal = a[sort.key];\n    const bVal = b[sort.key];\n\n    if (aVal == null && bVal == null) return 0;\n    if (aVal == null) return 1;\n    if (bVal == null) return -1;\n\n    const cmp =\n      typeof aVal === 'number' && typeof bVal === 'number'\n        ? aVal - bVal\n        : String(aVal).localeCompare(String(bVal));\n\n    return sort.direction === 'desc' ? -cmp : cmp;\n  });\n});\n\nfunction handleSort(column: TTableColumn) {\n  if (!column.sortable) return;\n\n  const cur = currentSort.value;\n  let direction: TTableSortDirection = 'asc';\n\n  if (cur?.key === column.key) {\n    if (cur.direction === 'asc') direction = 'desc';\n    else if (cur.direction === 'desc') direction = 'none';\n    else direction = 'asc';\n  }\n\n  const state: TTableSortState = { key: column.key, direction };\n  internalSort.value = state;\n  emit('sort', state);\n}\n\nfunction sortAriaSort(column: TTableColumn): 'none' | 'ascending' | 'descending' | undefined {\n  if (!column.sortable) return undefined;\n  const cur = currentSort.value;\n  if (cur?.key !== column.key || cur.direction === 'none') return 'none';\n  return cur.direction === 'asc' ? 'ascending' : 'descending';\n}\n\nfunction handleHeaderKeydown(event: KeyboardEvent, column: TTableColumn) {\n  if (column.sortable && (event.key === 'Enter' || event.key === ' ')) {\n    event.preventDefault();\n    handleSort(column);\n  }\n}\n</script>\n\n<template>\n  <div class=\"t-table-wrapper\">\n    <table\n      :class=\"classes\"\n      role=\"grid\"\n    >\n      <thead class=\"t-table__head\">\n        <tr class=\"t-table__row\">\n          <th\n            v-for=\"column in columns\"\n            :key=\"column.key\"\n            class=\"t-table__header\"\n            :class=\"[\n              column.sortable ? 't-table__header--sortable' : '',\n              column.align ? `t-table__header--${column.align}` : '',\n            ]\"\n            :style=\"column.width ? { width: column.width } : undefined\"\n            :aria-sort=\"sortAriaSort(column)\"\n            :tabindex=\"column.sortable ? 0 : undefined\"\n            scope=\"col\"\n            @click=\"handleSort(column)\"\n            @keydown=\"handleHeaderKeydown($event, column)\"\n          >\n            <slot\n              :name=\"`header-${column.key}`\"\n              :column=\"column\"\n            >\n              <span class=\"t-table__header-content\">\n                {{ column.label }}\n                <span\n                  v-if=\"column.sortable\"\n                  class=\"t-table__sort-icon\"\n                  aria-hidden=\"true\"\n                >\n                  <svg\n                    v-if=\"currentSort?.key === column.key && currentSort.direction === 'asc'\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m18 15-6-6-6 6\" />\n                  </svg>\n                  <svg\n                    v-else-if=\"currentSort?.key === column.key && currentSort.direction === 'desc'\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m6 9 6 6 6-6\" />\n                  </svg>\n                  <svg\n                    v-else\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    style=\"opacity: 0.4\"\n                  >\n                    <path d=\"m7 15 5 5 5-5\" />\n                    <path d=\"m7 9 5-5 5 5\" />\n                  </svg>\n                </span>\n              </span>\n            </slot>\n          </th>\n        </tr>\n      </thead>\n      <tbody class=\"t-table__body\">\n        <tr\n          v-if=\"sortedRows.length === 0\"\n          class=\"t-table__row t-table__row--empty\"\n        >\n          <td\n            :colspan=\"columns.length\"\n            class=\"t-table__cell t-table__cell--empty\"\n          >\n            <slot name=\"empty\">\n              No data available.\n            </slot>\n          </td>\n        </tr>\n        <tr\n          v-for=\"(row, index) in sortedRows\"\n          :key=\"index\"\n          class=\"t-table__row\"\n        >\n          <td\n            v-for=\"column in columns\"\n            :key=\"column.key\"\n            class=\"t-table__cell\"\n            :class=\"column.align ? `t-table__cell--${column.align}` : ''\"\n          >\n            <slot\n              :name=\"`cell-${column.key}`\"\n              :row=\"row\"\n              :value=\"row[column.key]\"\n            >\n              {{ row[column.key] ?? '' }}\n            </slot>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,IAAM,IAAQ,GAaR,IAAO,GAUP,IAAe,EAAiC,KAAA,CAAS,GAEzD,IAAc,QAAe,EAAM,UAAU,EAAa,KAAK,GAE/D,IAAU,QAAe,CAC7B,WACA,YAAY,EAAM,MACpB,CAAC,GAEK,IAAa,QAAe;GAChC,IAAM,IAAO,EAAY;GAGzB,OAFI,CAAC,KAAQ,EAAK,cAAc,SAAe,EAAM,OAE9C,CAAC,GAAG,EAAM,IAAI,CAAC,CAAC,MAAM,GAAG,MAAM;IACpC,IAAM,IAAO,EAAE,EAAK,MACd,IAAO,EAAE,EAAK;IAEpB,IAAI,KAAQ,QAAQ,KAAQ,MAAM,OAAO;IACzC,IAAI,KAAQ,MAAM,OAAO;IACzB,IAAI,KAAQ,MAAM,OAAO;IAEzB,IAAM,IACJ,OAAO,KAAS,YAAY,OAAO,KAAS,WACxC,IAAO,IACP,OAAO,CAAI,CAAC,CAAC,cAAc,OAAO,CAAI,CAAC;IAE7C,OAAO,EAAK,cAAc,SAAS,CAAC,IAAM;GAC5C,CAAC;EACH,CAAC;EAED,SAAS,EAAW,GAAsB;GACxC,IAAI,CAAC,EAAO,UAAU;GAEtB,IAAM,IAAM,EAAY,OACpB,IAAiC;GAErC,AAAI,GAAK,QAAQ,EAAO,QACtB,AAEK,IAFD,EAAI,cAAc,QAAmB,SAChC,EAAI,cAAc,SAAoB,SAC9B;GAGnB,IAAM,IAAyB;IAAE,KAAK,EAAO;IAAK;GAAU;GAE5D,AADA,EAAa,QAAQ,GACrB,EAAK,QAAQ,CAAK;EACpB;EAEA,SAAS,EAAa,GAAuE;GAC3F,IAAI,CAAC,EAAO,UAAU;GACtB,IAAM,IAAM,EAAY;GAExB,OADI,GAAK,QAAQ,EAAO,OAAO,EAAI,cAAc,SAAe,SACzD,EAAI,cAAc,QAAQ,cAAc;EACjD;EAEA,SAAS,EAAoB,GAAsB,GAAsB;GACvE,AAAI,EAAO,aAAa,EAAM,QAAQ,WAAW,EAAM,QAAQ,SAC7D,EAAM,eAAe,GACrB,EAAW,CAAM;EAErB;yBAIE,EAuHM,OAvHN,GAuHM,CAtHJ,EAqHQ,SAAA;GApHL,OAAK,EAAE,EAAA,KAAO;GACf,MAAK;MAEL,EA6EQ,SA7ER,GA6EQ,CA5EN,EA2EK,MA3EL,GA2EK,EAAA,EAAA,EAAA,GA1EH,EAyEK,GAAA,MAAA,EAxEc,EAAA,UAAV,YADT,EAyEK,MAAA;GAvEF,KAAK,EAAO;GACb,OAAK,EAAA,CAAC,mBAAiB,CACC,EAAO,WAAQ,8BAAA,IAAmD,EAAO,QAAK,oBAAuB,EAAO,UAAK,EAAA,CAAA,CAAA;GAIxI,OAAK,EAAE,EAAO,QAAK,EAAA,OAAY,EAAO,MAAK,IAAK,KAAA,CAAS;GACzD,aAAW,EAAa,CAAM;GAC9B,UAAU,EAAO,WAAQ,IAAO,KAAA;GACjC,OAAM;GACL,UAAK,MAAE,EAAW,CAAM;GACxB,YAAO,MAAE,EAAoB,GAAQ,CAAM;MAE5C,EAyDO,EAAA,QAAA,UAxDY,EAAO,OAAG,EAClB,UAAM,SAuDV,CArDL,EAoDO,QApDP,GAoDO,CAAA,EAAA,EAnDF,EAAO,KAAK,IAAG,KAClB,CAAA,GACQ,EAAO,YAAA,EAAA,GADf,EAiDO,QAjDP,GAiDO,CA3CG,EAAA,OAAa,QAAQ,EAAO,OAAO,EAAA,MAAY,cAAS,SAAA,EAAA,GADhE,EAaM,OAbN,GAaM,CAAA,GAAA,AAAA,EAAA,OAAA,CADJ,EAA2B,QAAA,EAArB,GAAE,iBAAgB,GAAA,MAAA,EAAA,CAAA,CAAA,CAAA,KAGb,EAAA,OAAa,QAAQ,EAAO,OAAO,EAAA,MAAY,cAAS,UAAA,EAAA,GADrE,EAaM,OAbN,GAaM,CAAA,GAAA,AAAA,EAAA,OAAA,CADJ,EAAyB,QAAA,EAAnB,GAAE,eAAc,GAAA,MAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAAA,GAExB,EAeM,OAfN,GAeM,CAAA,GAAA,AAAA,EAAA,OAAA,CAFJ,EAA0B,QAAA,EAApB,GAAE,gBAAe,GAAA,MAAA,EAAA,GACvB,EAAyB,QAAA,EAAnB,GAAE,eAAc,GAAA,MAAA,EAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAA,CAAA,gBAQpC,EAkCQ,SAlCR,GAkCQ,CAhCE,EAAA,MAAW,WAAM,KAAA,EAAA,GADzB,EAYK,MAZL,GAYK,CARH,EAOK,MAAA;GANF,SAAS,EAAA,QAAQ;GAClB,OAAM;MAEN,EAEO,EAAA,QAAA,SAAA,CAAA,SAAA,CAAA,AAAA,EAAA,OAAA,EAFY,wBAEnB,EAAA,CAAA,CAAA,CAAA,GAAA,GAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,GAGJ,EAmBK,GAAA,MAAA,EAlBoB,EAAA,QAAf,GAAK,YADf,EAmBK,MAAA;GAjBF,KAAK;GACN,OAAM;cAEN,EAaK,GAAA,MAAA,EAZc,EAAA,UAAV,YADT,EAaK,MAAA;GAXF,KAAK,EAAO;GACb,OAAK,EAAA,CAAC,iBACE,EAAO,QAAK,kBAAqB,EAAO,UAAK,EAAA,CAAA;MAErD,EAMO,EAAA,QAAA,QALU,EAAO,OAAG;GACnB;GACL,OAAO,EAAI,EAAO;WAGd,CAAA,EAAA,EADF,EAAI,EAAO,QAAG,EAAA,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/components/TTabs.cjs

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

package/dist/components/TTabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTabs.cjs","names":[],"sources":["../../src/components/TTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, provide, reactive, ref, toRef, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport type { TabsActivationMode } from './tabs-context';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    size?: TSize;\n    activationMode?: TabsActivationMode;\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    size: 'md',\n    activationMode: 'automatic',\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst baseId = createId('t-tabs');\nconst internalValue = ref(props.defaultValue);\nconst tabOrder = ref<string[]>([]);\nconst disabledTabs: Record<string, boolean> = reactive({});\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst setActiveValue = (value: string) => {\n  if (value === activeValue.value) return;\n  if (props.modelValue === undefined) {\n    internalValue.value = value;\n  }\n  emit('update:modelValue', value);\n};\n\nconst registerTab = (value: string) => {\n  if (!tabOrder.value.includes(value)) {\n    tabOrder.value.push(value);\n  }\n};\n\nconst unregisterTab = (value: string) => {\n  const idx = tabOrder.value.indexOf(value);\n  if (idx >= 0) tabOrder.value.splice(idx, 1);\n  delete disabledTabs[value];\n};\n\nconst getTabValues = () => tabOrder.value;\n\nconst isTabDisabled = (value: string) => props.disabled || !!disabledTabs[value];\n\nconst setTabDisabled = (value: string, disabled: boolean) => {\n  if (disabled) {\n    disabledTabs[value] = true;\n  } else {\n    delete disabledTabs[value];\n  }\n};\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val !== undefined) {\n      internalValue.value = val;\n    }\n  },\n);\n\nprovide(TABS_INJECTION_KEY, {\n  activeValue,\n  setActiveValue,\n  size: toRef(props, 'size'),\n  activationMode: toRef(props, 'activationMode'),\n  disabled: toRef(props, 'disabled'),\n  baseId,\n  registerTab,\n  unregisterTab,\n  getTabValues,\n  isTabDisabled,\n  setTabDisabled,\n});\n\nconst rootClasses = computed(() => [\n  't-tabs',\n  `t-tabs--${props.size}`,\n]);\n</script>\n\n<template>\n  <div :class=\"rootClasses\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TTabs.js

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

package/dist/components/TTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTabs.js","names":[],"sources":["../../src/components/TTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, provide, reactive, ref, toRef, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport type { TabsActivationMode } from './tabs-context';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    size?: TSize;\n    activationMode?: TabsActivationMode;\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    size: 'md',\n    activationMode: 'automatic',\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst baseId = createId('t-tabs');\nconst internalValue = ref(props.defaultValue);\nconst tabOrder = ref<string[]>([]);\nconst disabledTabs: Record<string, boolean> = reactive({});\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst setActiveValue = (value: string) => {\n  if (value === activeValue.value) return;\n  if (props.modelValue === undefined) {\n    internalValue.value = value;\n  }\n  emit('update:modelValue', value);\n};\n\nconst registerTab = (value: string) => {\n  if (!tabOrder.value.includes(value)) {\n    tabOrder.value.push(value);\n  }\n};\n\nconst unregisterTab = (value: string) => {\n  const idx = tabOrder.value.indexOf(value);\n  if (idx >= 0) tabOrder.value.splice(idx, 1);\n  delete disabledTabs[value];\n};\n\nconst getTabValues = () => tabOrder.value;\n\nconst isTabDisabled = (value: string) => props.disabled || !!disabledTabs[value];\n\nconst setTabDisabled = (value: string, disabled: boolean) => {\n  if (disabled) {\n    disabledTabs[value] = true;\n  } else {\n    delete disabledTabs[value];\n  }\n};\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val !== undefined) {\n      internalValue.value = val;\n    }\n  },\n);\n\nprovide(TABS_INJECTION_KEY, {\n  activeValue,\n  setActiveValue,\n  size: toRef(props, 'size'),\n  activationMode: toRef(props, 'activationMode'),\n  disabled: toRef(props, 'disabled'),\n  baseId,\n  registerTab,\n  unregisterTab,\n  getTabValues,\n  isTabDisabled,\n  setTabDisabled,\n});\n\nconst rootClasses = computed(() => [\n  't-tabs',\n  `t-tabs--${props.size}`,\n]);\n</script>\n\n<template>\n  <div :class=\"rootClasses\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/{TreeTabs.vue.d.ts → TTabs.vue.d.ts}

@@ -1,9 +1,9 @@
-import { TreeSize } from '../types/contracts';
+import { TSize } from '../types/contracts';
 import { TabsActivationMode } from './tabs-context';
 type __VLS_Props = {
     modelValue?: string;
     defaultValue?: string;
-    size?: TreeSize;
+    size?: TSize;
     activationMode?: TabsActivationMode;
     disabled?: boolean;
 };
@@ -24,7 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     modelValue: string;
     defaultValue: string;
     disabled: boolean;
-    size: TreeSize;
+    size: TSize;
     activationMode: TabsActivationMode;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -34,4 +34,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeTabs.vue.d.ts.map
+//# sourceMappingURL=TTabs.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabs.vue.d.ts","sourceRoot":"","sources":["../../src/components/TTabs.vue"],"names":[],"mappings":"AAyGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGzD,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA6FJ,iBAAS,cAAc;WAuBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;gBA1IJ,MAAM;kBACJ,MAAM;cAGV,OAAO;UAFX,KAAK;oBACK,kBAAkB;wFAgJrC,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/TTabs.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./tabs-context.cjs");let t=require("vue"),n=require("@treeui/utils");var r=(0,t.defineComponent)({__name:`TTabs`,props:{modelValue:{default:void 0},defaultValue:{default:``},size:{default:`md`},activationMode:{default:`automatic`},disabled:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(r,{emit:i}){let a=r,o=i,s=(0,n.createId)(`t-tabs`),c=(0,t.ref)(a.defaultValue),l=(0,t.ref)([]),u=(0,t.reactive)({}),d=(0,t.computed)(()=>a.modelValue??c.value);(0,t.watch)(()=>a.modelValue,e=>{e!==void 0&&(c.value=e)}),(0,t.provide)(e.TABS_INJECTION_KEY,{activeValue:d,setActiveValue:e=>{e!==d.value&&(a.modelValue===void 0&&(c.value=e),o(`update:modelValue`,e))},size:(0,t.toRef)(a,`size`),activationMode:(0,t.toRef)(a,`activationMode`),disabled:(0,t.toRef)(a,`disabled`),baseId:s,registerTab:e=>{l.value.includes(e)||l.value.push(e)},unregisterTab:e=>{let t=l.value.indexOf(e);t>=0&&l.value.splice(t,1),delete u[e]},getTabValues:()=>l.value,isTabDisabled:e=>a.disabled||!!u[e],setTabDisabled:(e,t)=>{t?u[e]=!0:delete u[e]}});let f=(0,t.computed)(()=>[`t-tabs`,`t-tabs--${a.size}`]);return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(f.value)},[(0,t.renderSlot)(e.$slots,`default`)],2))}});exports.default=r;
+//# sourceMappingURL=TTabs.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabs.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, provide, reactive, ref, toRef, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport type { TabsActivationMode } from './tabs-context';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    size?: TSize;\n    activationMode?: TabsActivationMode;\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    size: 'md',\n    activationMode: 'automatic',\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst baseId = createId('t-tabs');\nconst internalValue = ref(props.defaultValue);\nconst tabOrder = ref<string[]>([]);\nconst disabledTabs: Record<string, boolean> = reactive({});\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst setActiveValue = (value: string) => {\n  if (value === activeValue.value) return;\n  if (props.modelValue === undefined) {\n    internalValue.value = value;\n  }\n  emit('update:modelValue', value);\n};\n\nconst registerTab = (value: string) => {\n  if (!tabOrder.value.includes(value)) {\n    tabOrder.value.push(value);\n  }\n};\n\nconst unregisterTab = (value: string) => {\n  const idx = tabOrder.value.indexOf(value);\n  if (idx >= 0) tabOrder.value.splice(idx, 1);\n  delete disabledTabs[value];\n};\n\nconst getTabValues = () => tabOrder.value;\n\nconst isTabDisabled = (value: string) => props.disabled || !!disabledTabs[value];\n\nconst setTabDisabled = (value: string, disabled: boolean) => {\n  if (disabled) {\n    disabledTabs[value] = true;\n  } else {\n    delete disabledTabs[value];\n  }\n};\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val !== undefined) {\n      internalValue.value = val;\n    }\n  },\n);\n\nprovide(TABS_INJECTION_KEY, {\n  activeValue,\n  setActiveValue,\n  size: toRef(props, 'size'),\n  activationMode: toRef(props, 'activationMode'),\n  disabled: toRef(props, 'disabled'),\n  baseId,\n  registerTab,\n  unregisterTab,\n  getTabValues,\n  isTabDisabled,\n  setTabDisabled,\n});\n\nconst rootClasses = computed(() => [\n  't-tabs',\n  `t-tabs--${props.size}`,\n]);\n</script>\n\n<template>\n  <div :class=\"rootClasses\">\n    <slot />\n  </div>\n</template>\n"],"mappings":"0UAOA,IAAM,EAAQ,EAiBR,EAAO,EAIP,GAAA,EAAA,EAAA,SAAA,CAAkB,QAAQ,EAC1B,GAAA,EAAA,EAAA,IAAA,CAAoB,EAAM,YAAY,EACtC,GAAA,EAAA,EAAA,IAAA,CAAyB,CAAC,CAAC,EAC3B,GAAA,EAAA,EAAA,SAAA,CAAiD,CAAC,CAAC,EAEnD,GAAA,EAAA,EAAA,SAAA,KAA6B,EAAM,YAAc,EAAc,KAAK,GAkC1E,EAAA,EAAA,MAAA,KACQ,EAAM,WACX,GAAQ,CACH,IAAQ,IAAA,KACV,EAAc,MAAQ,EAE1B,CACF,GAEA,EAAA,EAAA,QAAA,CAAQ,EAAA,mBAAoB,CAC1B,cACA,eA3CsB,GAAkB,CACpC,IAAU,EAAY,QACtB,EAAM,aAAe,IAAA,KACvB,EAAc,MAAQ,GAExB,EAAK,oBAAqB,CAAK,EACjC,EAsCE,MAAA,EAAA,EAAA,MAAA,CAAY,EAAO,MAAM,EACzB,gBAAA,EAAA,EAAA,MAAA,CAAsB,EAAO,gBAAgB,EAC7C,UAAA,EAAA,EAAA,MAAA,CAAgB,EAAO,UAAU,EACjC,SACA,YAxCmB,GAAkB,CAChC,EAAS,MAAM,SAAS,CAAK,GAChC,EAAS,MAAM,KAAK,CAAK,CAE7B,EAqCE,cAnCqB,GAAkB,CACvC,IAAM,EAAM,EAAS,MAAM,QAAQ,CAAK,EACpC,GAAO,GAAG,EAAS,MAAM,OAAO,EAAK,CAAC,EAC1C,OAAO,EAAa,EACtB,EAgCE,iBA9ByB,EAAS,MA+BlC,cA7BqB,GAAkB,EAAM,UAAY,CAAC,CAAC,EAAa,GA8BxE,gBA5BsB,EAAe,IAAsB,CACvD,EACF,EAAa,GAAS,GAEtB,OAAO,EAAa,EAExB,CAuBA,CAAC,EAED,IAAM,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,SACA,WAAW,EAAM,MACnB,CAAC,2DAMO,MAAA,CAFA,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAW,CAAA,EAAA,EAAA,EAAA,EAAA,WAAA,CACd,EAAA,OAAA,SAAA,CAAA,EAAA,CAAA"}

package/dist/components/TTabs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,51 @@
+import { TABS_INJECTION_KEY as e } from "./tabs-context.js";
+import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, provide as o, reactive as s, ref as c, renderSlot as l, toRef as u, watch as d } from "vue";
+import { createId as f } from "@treeui/utils";
+//#region src/components/TTabs.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ r({
+	__name: "TTabs",
+	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: "" },
+		size: { default: "md" },
+		activationMode: { default: "automatic" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(r, { emit: p }) {
+		let m = r, h = p, g = f("t-tabs"), _ = c(m.defaultValue), v = c([]), y = s({}), b = t(() => m.modelValue ?? _.value);
+		d(() => m.modelValue, (e) => {
+			e !== void 0 && (_.value = e);
+		}), o(e, {
+			activeValue: b,
+			setActiveValue: (e) => {
+				e !== b.value && (m.modelValue === void 0 && (_.value = e), h("update:modelValue", e));
+			},
+			size: u(m, "size"),
+			activationMode: u(m, "activationMode"),
+			disabled: u(m, "disabled"),
+			baseId: g,
+			registerTab: (e) => {
+				v.value.includes(e) || v.value.push(e);
+			},
+			unregisterTab: (e) => {
+				let t = v.value.indexOf(e);
+				t >= 0 && v.value.splice(t, 1), delete y[e];
+			},
+			getTabValues: () => v.value,
+			isTabDisabled: (e) => m.disabled || !!y[e],
+			setTabDisabled: (e, t) => {
+				t ? y[e] = !0 : delete y[e];
+			}
+		});
+		let x = t(() => ["t-tabs", `t-tabs--${m.size}`]);
+		return (e, t) => (a(), n("div", { class: i(x.value) }, [l(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=TTabs.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabs.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, provide, reactive, ref, toRef, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport type { TabsActivationMode } from './tabs-context';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    size?: TSize;\n    activationMode?: TabsActivationMode;\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    size: 'md',\n    activationMode: 'automatic',\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst baseId = createId('t-tabs');\nconst internalValue = ref(props.defaultValue);\nconst tabOrder = ref<string[]>([]);\nconst disabledTabs: Record<string, boolean> = reactive({});\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst setActiveValue = (value: string) => {\n  if (value === activeValue.value) return;\n  if (props.modelValue === undefined) {\n    internalValue.value = value;\n  }\n  emit('update:modelValue', value);\n};\n\nconst registerTab = (value: string) => {\n  if (!tabOrder.value.includes(value)) {\n    tabOrder.value.push(value);\n  }\n};\n\nconst unregisterTab = (value: string) => {\n  const idx = tabOrder.value.indexOf(value);\n  if (idx >= 0) tabOrder.value.splice(idx, 1);\n  delete disabledTabs[value];\n};\n\nconst getTabValues = () => tabOrder.value;\n\nconst isTabDisabled = (value: string) => props.disabled || !!disabledTabs[value];\n\nconst setTabDisabled = (value: string, disabled: boolean) => {\n  if (disabled) {\n    disabledTabs[value] = true;\n  } else {\n    delete disabledTabs[value];\n  }\n};\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val !== undefined) {\n      internalValue.value = val;\n    }\n  },\n);\n\nprovide(TABS_INJECTION_KEY, {\n  activeValue,\n  setActiveValue,\n  size: toRef(props, 'size'),\n  activationMode: toRef(props, 'activationMode'),\n  disabled: toRef(props, 'disabled'),\n  baseId,\n  registerTab,\n  unregisterTab,\n  getTabValues,\n  isTabDisabled,\n  setTabDisabled,\n});\n\nconst rootClasses = computed(() => [\n  't-tabs',\n  `t-tabs--${props.size}`,\n]);\n</script>\n\n<template>\n  <div :class=\"rootClasses\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAiBR,IAAO,GAIP,IAAS,EAAS,QAAQ,GAC1B,IAAgB,EAAI,EAAM,YAAY,GACtC,IAAW,EAAc,CAAC,CAAC,GAC3B,IAAwC,EAAS,CAAC,CAAC,GAEnD,IAAc,QAAe,EAAM,cAAc,EAAc,KAAK;EA2C1E,AATA,QACQ,EAAM,aACX,MAAQ;GACP,AAAI,MAAQ,KAAA,MACV,EAAc,QAAQ;EAE1B,CACF,GAEA,EAAQ,GAAoB;GAC1B;GACA,iBA3CsB,MAAkB;IACpC,MAAU,EAAY,UACtB,EAAM,eAAe,KAAA,MACvB,EAAc,QAAQ,IAExB,EAAK,qBAAqB,CAAK;GACjC;GAsCE,MAAM,EAAM,GAAO,MAAM;GACzB,gBAAgB,EAAM,GAAO,gBAAgB;GAC7C,UAAU,EAAM,GAAO,UAAU;GACjC;GACA,cAxCmB,MAAkB;IACrC,AAAK,EAAS,MAAM,SAAS,CAAK,KAChC,EAAS,MAAM,KAAK,CAAK;GAE7B;GAqCE,gBAnCqB,MAAkB;IACvC,IAAM,IAAM,EAAS,MAAM,QAAQ,CAAK;IAExC,AADI,KAAO,KAAG,EAAS,MAAM,OAAO,GAAK,CAAC,GAC1C,OAAO,EAAa;GACtB;GAgCE,oBA9ByB,EAAS;GA+BlC,gBA7BqB,MAAkB,EAAM,YAAY,CAAC,CAAC,EAAa;GA8BxE,iBA5BsB,GAAe,MAAsB;IAC3D,AAAI,IACF,EAAa,KAAS,KAEtB,OAAO,EAAa;GAExB;EAuBA,CAAC;EAED,IAAM,IAAc,QAAe,CACjC,UACA,WAAW,EAAM,MACnB,CAAC;yBAIC,EAEM,OAAA,EAFA,OAAK,EAAE,EAAA,KAAW,EAAA,GAAA,CACtB,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/components/TTag.cjs

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

package/dist/components/TTag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTag.cjs","names":[],"sources":["../../src/components/TTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nexport type TTagVariant = 'solid' | 'outline' | 'soft';\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: TTagVariant;\n    size?: TSize;\n    removable?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    variant: 'soft',\n    size: 'md',\n    removable: false,\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'remove'): void;\n}>();\n\nconst classes = computed(() => [\n  't-tag',\n  `t-tag--${props.variant}`,\n  `t-tag--${props.size}`,\n  props.disabled ? 'is-disabled' : '',\n]);\n\nfunction handleRemove() {\n  if (props.disabled) return;\n  emit('remove');\n}\n</script>\n\n<template>\n  <span :class=\"classes\">\n    <span\n      v-if=\"$slots.icon\"\n      class=\"t-tag__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span class=\"t-tag__label\">\n      <slot />\n    </span>\n    <button\n      v-if=\"removable\"\n      type=\"button\"\n      class=\"t-tag__remove\"\n      :disabled=\"disabled\"\n      aria-label=\"Remove\"\n      @click=\"handleRemove\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"14\"\n        height=\"14\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":""}

package/dist/components/TTag.js

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

package/dist/components/TTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTag.js","names":[],"sources":["../../src/components/TTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nexport type TTagVariant = 'solid' | 'outline' | 'soft';\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: TTagVariant;\n    size?: TSize;\n    removable?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    variant: 'soft',\n    size: 'md',\n    removable: false,\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'remove'): void;\n}>();\n\nconst classes = computed(() => [\n  't-tag',\n  `t-tag--${props.variant}`,\n  `t-tag--${props.size}`,\n  props.disabled ? 'is-disabled' : '',\n]);\n\nfunction handleRemove() {\n  if (props.disabled) return;\n  emit('remove');\n}\n</script>\n\n<template>\n  <span :class=\"classes\">\n    <span\n      v-if=\"$slots.icon\"\n      class=\"t-tag__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span class=\"t-tag__label\">\n      <slot />\n    </span>\n    <button\n      v-if=\"removable\"\n      type=\"button\"\n      class=\"t-tag__remove\"\n      :disabled=\"disabled\"\n      aria-label=\"Remove\"\n      @click=\"handleRemove\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"14\"\n        height=\"14\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":""}

package/dist/components/{TreeTag.vue.d.ts → TTag.vue.d.ts}

@@ -1,8 +1,8 @@
-import { TreeSize } from '../types/contracts';
-export type TreeTagVariant = 'solid' | 'outline' | 'soft';
+import { TSize } from '../types/contracts';
+export type TTagVariant = 'solid' | 'outline' | 'soft';
 type __VLS_Props = {
-    variant?: TreeTagVariant;
-    size?: TreeSize;
+    variant?: TTagVariant;
+    size?: TSize;
     removable?: boolean;
     disabled?: boolean;
 };
@@ -22,8 +22,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onRemove?: (() => any) | undefined;
 }>, {
     disabled: boolean;
-    size: TreeSize;
-    variant: TreeTagVariant;
+    size: TSize;
+    variant: TTagVariant;
     removable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -33,4 +33,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeTag.vue.d.ts.map
+//# sourceMappingURL=TTag.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTag.vue.d.ts","sourceRoot":"","sources":["../../src/components/TTag.vue"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD,KAAK,WAAW,GAAG;IACf,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAoCJ,iBAAS,cAAc;WA+DT,OAAO,IAA6B;;sBAXxB,GAAG;yBACA,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;cAtHN,OAAO;UAFX,KAAK;aADF,WAAW;eAET,OAAO;yFAgIrB,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/TTag.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t={key:0,class:`t-tag__icon`,"aria-hidden":`true`},n={class:`t-tag__label`},r=[`disabled`],i=(0,e.defineComponent)({__name:`TTag`,props:{variant:{default:`soft`},size:{default:`md`},removable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:[`remove`],setup(i,{emit:a}){let o=i,s=a,c=(0,e.computed)(()=>[`t-tag`,`t-tag--${o.variant}`,`t-tag--${o.size}`,o.disabled?`is-disabled`:``]);function l(){o.disabled||s(`remove`)}return(a,o)=>((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{class:(0,e.normalizeClass)(c.value)},[a.$slots.icon?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,t,[(0,e.renderSlot)(a.$slots,`icon`)])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`span`,n,[(0,e.renderSlot)(a.$slots,`default`)]),i.removable?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,type:`button`,class:`t-tag__remove`,disabled:i.disabled,"aria-label":`Remove`,onClick:l},[...o[0]||=[(0,e.createElementVNode)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"aria-hidden":`true`},[(0,e.createElementVNode)(`path`,{d:`M18 6 6 18`}),(0,e.createElementVNode)(`path`,{d:`m6 6 12 12`})],-1)]],8,r)):(0,e.createCommentVNode)(``,!0)],2))}});exports.default=i;
+//# sourceMappingURL=TTag.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTag.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nexport type TTagVariant = 'solid' | 'outline' | 'soft';\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: TTagVariant;\n    size?: TSize;\n    removable?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    variant: 'soft',\n    size: 'md',\n    removable: false,\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'remove'): void;\n}>();\n\nconst classes = computed(() => [\n  't-tag',\n  `t-tag--${props.variant}`,\n  `t-tag--${props.size}`,\n  props.disabled ? 'is-disabled' : '',\n]);\n\nfunction handleRemove() {\n  if (props.disabled) return;\n  emit('remove');\n}\n</script>\n\n<template>\n  <span :class=\"classes\">\n    <span\n      v-if=\"$slots.icon\"\n      class=\"t-tag__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span class=\"t-tag__label\">\n      <slot />\n    </span>\n    <button\n      v-if=\"removable\"\n      type=\"button\"\n      class=\"t-tag__remove\"\n      :disabled=\"disabled\"\n      aria-label=\"Remove\"\n      @click=\"handleRemove\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"14\"\n        height=\"14\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":"0TAMA,IAAM,EAAQ,EAeR,EAAO,EAIP,GAAA,EAAA,EAAA,SAAA,KAAyB,CAC7B,QACA,UAAU,EAAM,UAChB,UAAU,EAAM,OAChB,EAAM,SAAW,cAAgB,EACnC,CAAC,EAED,SAAS,GAAe,CAClB,EAAM,UACV,EAAK,QAAQ,CACf,0DAuCS,OAAA,CAnCA,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAO,CAAA,EAAA,CAEXA,EAAAA,OAAO,OAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAKR,OANP,EAMO,EAAA,EAAA,EAAA,WAAA,CADe,EAAA,OAAA,MAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,2BAIf,OAFP,EAEO,EAAA,EAAA,EAAA,WAAA,CADG,EAAA,OAAA,SAAA,CAAA,CAAA,EAGF,EAAA,YAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAsBC,SAAA,OArBP,KAAK,SACL,MAAM,gBACL,SAAU,EAAA,SACX,aAAW,SACV,QAAO,wCAgBF,MAAA,CAbJ,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,OAAO,eACP,eAAa,IACb,iBAAe,QACf,kBAAgB,QAChB,cAAY,kCAEW,OAAA,CAAjB,EAAE,YAAY,CAAA,GAAA,EAAA,EAAA,mBAAA,CACG,OAAA,CAAjB,EAAE,YAAY,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA,EAAA,EAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA"}

package/dist/components/TTag.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s } from "vue";
+//#region src/components/TTag.vue?vue&type=script&setup=true&lang.ts
+var c = {
+	key: 0,
+	class: "t-tag__icon",
+	"aria-hidden": "true"
+}, l = { class: "t-tag__label" }, u = ["disabled"], d = /*@__PURE__*/ i({
+	__name: "TTag",
+	props: {
+		variant: { default: "soft" },
+		size: { default: "md" },
+		removable: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["remove"],
+	setup(i, { emit: d }) {
+		let f = i, p = d, m = e(() => [
+			"t-tag",
+			`t-tag--${f.variant}`,
+			`t-tag--${f.size}`,
+			f.disabled ? "is-disabled" : ""
+		]);
+		function h() {
+			f.disabled || p("remove");
+		}
+		return (e, d) => (o(), n("span", { class: a(m.value) }, [
+			e.$slots.icon ? (o(), n("span", c, [s(e.$slots, "icon")])) : t("", !0),
+			r("span", l, [s(e.$slots, "default")]),
+			i.removable ? (o(), n("button", {
+				key: 1,
+				type: "button",
+				class: "t-tag__remove",
+				disabled: i.disabled,
+				"aria-label": "Remove",
+				onClick: h
+			}, [...d[0] ||= [r("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "14",
+				height: "14",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				"aria-hidden": "true"
+			}, [r("path", { d: "M18 6 6 18" }), r("path", { d: "m6 6 12 12" })], -1)]], 8, u)) : t("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=TTag.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTag.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nexport type TTagVariant = 'solid' | 'outline' | 'soft';\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: TTagVariant;\n    size?: TSize;\n    removable?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    variant: 'soft',\n    size: 'md',\n    removable: false,\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'remove'): void;\n}>();\n\nconst classes = computed(() => [\n  't-tag',\n  `t-tag--${props.variant}`,\n  `t-tag--${props.size}`,\n  props.disabled ? 'is-disabled' : '',\n]);\n\nfunction handleRemove() {\n  if (props.disabled) return;\n  emit('remove');\n}\n</script>\n\n<template>\n  <span :class=\"classes\">\n    <span\n      v-if=\"$slots.icon\"\n      class=\"t-tag__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span class=\"t-tag__label\">\n      <slot />\n    </span>\n    <button\n      v-if=\"removable\"\n      type=\"button\"\n      class=\"t-tag__remove\"\n      :disabled=\"disabled\"\n      aria-label=\"Remove\"\n      @click=\"handleRemove\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"14\"\n        height=\"14\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAMA,IAAM,IAAQ,GAeR,IAAO,GAIP,IAAU,QAAe;GAC7B;GACA,UAAU,EAAM;GAChB,UAAU,EAAM;GAChB,EAAM,WAAW,gBAAgB;EACnC,CAAC;EAED,SAAS,IAAe;GAClB,EAAM,YACV,EAAK,QAAQ;EACf;yBAIE,EAmCO,QAAA,EAnCA,OAAK,EAAE,EAAA,KAAO,EAAA,GAAA;GAEXA,EAAAA,OAAO,QAAA,EAAA,GADf,EAMO,QANP,GAMO,CADL,EAAoB,EAAA,QAAA,MAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAEtB,EAEO,QAFP,GAEO,CADL,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA;GAGF,EAAA,aAAA,EAAA,GADR,EAuBS,UAAA;;IArBP,MAAK;IACL,OAAM;IACL,UAAU,EAAA;IACX,cAAW;IACV,SAAO;oBAER,EAcM,OAAA;IAbJ,OAAM;IACN,OAAM;IACN,QAAO;IACP,SAAQ;IACR,MAAK;IACL,QAAO;IACP,gBAAa;IACb,kBAAe;IACf,mBAAgB;IAChB,eAAY;OAEZ,EAAuB,QAAA,EAAjB,GAAE,aAAY,CAAA,GACpB,EAAuB,QAAA,EAAjB,GAAE,aAAY,CAAA,CAAA,GAAA,EAAA,CAAA,CAAA,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/components/TTextarea.cjs

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

package/dist/components/TTextarea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTextarea.cjs","names":[],"sources":["../../src/components/TTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, ref, watch, nextTick } 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;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    rows?: number;\n    autoGrow?: boolean;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: '',\n    rows: 3,\n    autoGrow: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst rootClasses = computed(() => [\n  't-textarea',\n  `t-textarea--${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 textareaAttrs = 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 HTMLTextAreaElement).value);\n};\n\nconst adjustHeight = () => {\n  const el = textareaRef.value;\n  if (!el || !props.autoGrow) return;\n  el.style.height = 'auto';\n  el.style.height = `${el.scrollHeight}px`;\n};\n\nwatch(\n  () => props.modelValue,\n  async () => {\n    if (!props.autoGrow) return;\n    await nextTick();\n    adjustHeight();\n  },\n);\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <textarea\n      ref=\"textareaRef\"\n      v-bind=\"textareaAttrs\"\n      class=\"t-textarea__field\"\n      :value=\"stringValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :rows=\"rows\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n    />\n    <TSpinner\n      v-if=\"loading\"\n      size=\"sm\"\n      label=\"Loading\"\n    />\n  </label>\n</template>\n"],"mappings":""}

package/dist/components/TTextarea.js

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

package/dist/components/TTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTextarea.js","names":[],"sources":["../../src/components/TTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, ref, watch, nextTick } 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;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    rows?: number;\n    autoGrow?: boolean;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: '',\n    rows: 3,\n    autoGrow: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst rootClasses = computed(() => [\n  't-textarea',\n  `t-textarea--${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 textareaAttrs = 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 HTMLTextAreaElement).value);\n};\n\nconst adjustHeight = () => {\n  const el = textareaRef.value;\n  if (!el || !props.autoGrow) return;\n  el.style.height = 'auto';\n  el.style.height = `${el.scrollHeight}px`;\n};\n\nwatch(\n  () => props.modelValue,\n  async () => {\n    if (!props.autoGrow) return;\n    await nextTick();\n    adjustHeight();\n  },\n);\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <textarea\n      ref=\"textareaRef\"\n      v-bind=\"textareaAttrs\"\n      class=\"t-textarea__field\"\n      :value=\"stringValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :rows=\"rows\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n    />\n    <TSpinner\n      v-if=\"loading\"\n      size=\"sm\"\n      label=\"Loading\"\n    />\n  </label>\n</template>\n"],"mappings":""}

package/dist/components/{TreeTextarea.vue.d.ts → TTextarea.vue.d.ts}

@@ -1,7 +1,7 @@
-import { TreeSize } from '../types/contracts';
+import { TSize } from '../types/contracts';
 type __VLS_Props = {
     modelValue?: string;
-    size?: TreeSize;
+    size?: TSize;
     disabled?: boolean;
     loading?: boolean;
     invalid?: boolean;
@@ -16,7 +16,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
 }>, {
     modelValue: string;
     disabled: boolean;
-    size: TreeSize;
+    size: TSize;
     loading: boolean;
     invalid: boolean;
     placeholder: string;
@@ -26,4 +26,4 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     textareaRef: HTMLTextAreaElement;
 }, any>;
 export default _default;
-//# sourceMappingURL=TreeTextarea.vue.d.ts.map
+//# sourceMappingURL=TTextarea.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTextarea.vue.d.ts","sourceRoot":"","sources":["../../src/components/TTextarea.vue"],"names":[],"mappings":"AA0GA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAOhD,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;gBARa,MAAM;cAER,OAAO;UADX,KAAK;aAEF,OAAO;aACP,OAAO;iBACH,MAAM;UACb,MAAM;cACF,OAAO;;;;AAoJtB,wBASG"}

package/dist/components/TTextarea.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./TSpinner.cjs");let t=require("vue");var n=[`value`,`placeholder`,`disabled`,`rows`,`aria-invalid`],r=(0,t.defineComponent)({inheritAttrs:!1,__name:`TTextarea`,props:{modelValue:{default:``},size:{default:`md`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},placeholder:{default:``},rows:{default:3},autoGrow:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(r,{emit:i}){let a=r,o=i,s=(0,t.useAttrs)(),c=(0,t.ref)(null),l=(0,t.computed)(()=>[`t-textarea`,`t-textarea--${a.size}`,{"is-disabled":a.disabled,"is-invalid":a.invalid,"is-loading":a.loading},s.class]),u=(0,t.computed)(()=>s.style),d=(0,t.computed)(()=>{let{class:e,style:t,...n}=s;return n}),f=(0,t.computed)(()=>`${a.modelValue??``}`),p=e=>{o(`update:modelValue`,e.target.value)},m=()=>{let e=c.value;!e||!a.autoGrow||(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`)};return(0,t.watch)(()=>a.modelValue,async()=>{a.autoGrow&&(await(0,t.nextTick)(),m())}),(i,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{class:(0,t.normalizeClass)(l.value),style:(0,t.normalizeStyle)(u.value)},[(0,t.createElementVNode)(`textarea`,(0,t.mergeProps)({ref_key:`textareaRef`,ref:c},d.value,{class:`t-textarea__field`,value:f.value,placeholder:r.placeholder,disabled:r.disabled,rows:r.rows,"aria-invalid":r.invalid||void 0,onInput:p}),null,16,n),r.loading?((0,t.openBlock)(),(0,t.createBlock)(e.default,{key:0,size:`sm`,label:`Loading`})):(0,t.createCommentVNode)(``,!0)],6))}});exports.default=r;
+//# sourceMappingURL=TTextarea.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTextarea.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, ref, watch, nextTick } 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;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    rows?: number;\n    autoGrow?: boolean;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: '',\n    rows: 3,\n    autoGrow: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst rootClasses = computed(() => [\n  't-textarea',\n  `t-textarea--${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 textareaAttrs = 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 HTMLTextAreaElement).value);\n};\n\nconst adjustHeight = () => {\n  const el = textareaRef.value;\n  if (!el || !props.autoGrow) return;\n  el.style.height = 'auto';\n  el.style.height = `${el.scrollHeight}px`;\n};\n\nwatch(\n  () => props.modelValue,\n  async () => {\n    if (!props.autoGrow) return;\n    await nextTick();\n    adjustHeight();\n  },\n);\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <textarea\n      ref=\"textareaRef\"\n      v-bind=\"textareaAttrs\"\n      class=\"t-textarea__field\"\n      :value=\"stringValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :rows=\"rows\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n    />\n    <TSpinner\n      v-if=\"loading\"\n      size=\"sm\"\n      label=\"Loading\"\n    />\n  </label>\n</template>\n"],"mappings":"wcASA,IAAM,EAAQ,EAuBR,EAAO,EAIP,GAAA,EAAA,EAAA,SAAA,CAAiB,EACjB,GAAA,EAAA,EAAA,IAAA,CAA8C,IAAI,EAElD,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,aACA,eAAe,EAAM,OACrB,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,KAA+B,CACnC,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,OAA+B,KAAK,CACvE,EAEM,MAAqB,CACzB,IAAM,EAAK,EAAY,MACnB,CAAC,GAAM,CAAC,EAAM,WAClB,EAAG,MAAM,OAAS,OAClB,EAAG,MAAM,OAAS,GAAG,EAAG,aAAa,IACvC,SAEA,EAAA,EAAA,MAAA,KACQ,EAAM,WACZ,SAAY,CACL,EAAM,WACX,MAAA,EAAA,EAAA,SAAA,CAAe,EACf,EAAa,EACf,CACF,qDAwBU,QAAA,CAnBL,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAW,EAClB,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAS,6BAYf,YAAA,EAAA,EAAA,WAAA,CAAA,SATI,cAAJ,IAAI,GACI,EAAA,MAAa,CACrB,MAAM,oBACL,MAAO,EAAA,MACP,YAAa,EAAA,YACb,SAAU,EAAA,SACV,KAAM,EAAA,KACN,eAAc,EAAA,SAAW,IAAA,GAClB,uBAGF,EAAA,UAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,YAAA,CAGN,EAAA,QAAA,OAFA,KAAK,KACL,MAAM"}

package/dist/components/TTextarea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,81 @@
+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, nextTick as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, useAttrs as p, watch as m } from "vue";
+//#region src/components/TTextarea.vue?vue&type=script&setup=true&lang.ts
+var h = [
+	"value",
+	"placeholder",
+	"disabled",
+	"rows",
+	"aria-invalid"
+], g = /*@__PURE__*/ o({
+	inheritAttrs: !1,
+	__name: "TTextarea",
+	props: {
+		modelValue: { default: "" },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "" },
+		rows: { default: 3 },
+		autoGrow: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: g }) {
+		let _ = o, v = g, y = p(), b = f(null), x = t(() => [
+			"t-textarea",
+			`t-textarea--${_.size}`,
+			{
+				"is-disabled": _.disabled,
+				"is-invalid": _.invalid,
+				"is-loading": _.loading
+			},
+			y.class
+		]), S = t(() => y.style), C = t(() => {
+			let { class: e, style: t, ...n } = y;
+			return n;
+		}), w = t(() => `${_.modelValue ?? ""}`), T = (e) => {
+			v("update:modelValue", e.target.value);
+		}, E = () => {
+			let e = b.value;
+			!e || !_.autoGrow || (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
+		};
+		return m(() => _.modelValue, async () => {
+			_.autoGrow && (await c(), E());
+		}), (t, c) => (d(), i("label", {
+			class: l(x.value),
+			style: u(S.value)
+		}, [a("textarea", s({
+			ref_key: "textareaRef",
+			ref: b
+		}, C.value, {
+			class: "t-textarea__field",
+			value: w.value,
+			placeholder: o.placeholder,
+			disabled: o.disabled,
+			rows: o.rows,
+			"aria-invalid": o.invalid || void 0,
+			onInput: T
+		}), null, 16, h), o.loading ? (d(), n(e, {
+			key: 0,
+			size: "sm",
+			label: "Loading"
+		})) : r("", !0)], 6));
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=TTextarea.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTextarea.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, ref, watch, nextTick } 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;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    rows?: number;\n    autoGrow?: boolean;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: '',\n    rows: 3,\n    autoGrow: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst rootClasses = computed(() => [\n  't-textarea',\n  `t-textarea--${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 textareaAttrs = 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 HTMLTextAreaElement).value);\n};\n\nconst adjustHeight = () => {\n  const el = textareaRef.value;\n  if (!el || !props.autoGrow) return;\n  el.style.height = 'auto';\n  el.style.height = `${el.scrollHeight}px`;\n};\n\nwatch(\n  () => props.modelValue,\n  async () => {\n    if (!props.autoGrow) return;\n    await nextTick();\n    adjustHeight();\n  },\n);\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <textarea\n      ref=\"textareaRef\"\n      v-bind=\"textareaAttrs\"\n      class=\"t-textarea__field\"\n      :value=\"stringValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :rows=\"rows\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n    />\n    <TSpinner\n      v-if=\"loading\"\n      size=\"sm\"\n      label=\"Loading\"\n    />\n  </label>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASA,IAAM,IAAQ,GAuBR,IAAO,GAIP,IAAQ,EAAS,GACjB,IAAc,EAAgC,IAAI,GAElD,IAAc,QAAe;GACjC;GACA,eAAe,EAAM;GACrB;IACE,eAAe,EAAM;IACrB,cAAc,EAAM;IACpB,cAAc,EAAM;GACtB;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,EAAM,KAAK,GAEtC,IAAgB,QAAe;GACnC,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,OAA+B,KAAK;EACvE,GAEM,UAAqB;GACzB,IAAM,IAAK,EAAY;GACnB,CAAC,KAAM,CAAC,EAAM,aAClB,EAAG,MAAM,SAAS,QAClB,EAAG,MAAM,SAAS,GAAG,EAAG,aAAa;EACvC;SAEA,QACQ,EAAM,YACZ,YAAY;GACL,EAAM,aACX,MAAM,EAAS,GACf,EAAa;EACf,CACF,mBAIE,EAoBQ,SAAA;GAnBL,OAAK,EAAE,EAAA,KAAW;GAClB,OAAK,EAAE,EAAA,KAAS;MAEjB,EAUE,YAVF,EAUE;YATI;GAAJ,KAAI;KACI,EAAA,OAAa;GACrB,OAAM;GACL,OAAO,EAAA;GACP,aAAa,EAAA;GACb,UAAU,EAAA;GACV,MAAM,EAAA;GACN,gBAAc,EAAA,WAAW,KAAA;GAClB;oBAGF,EAAA,WAAA,EAAA,GADR,EAIE,GAAA;;GAFA,MAAK;GACL,OAAM"}

package/dist/components/TTimeline.cjs

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