@treeui/vue 0.7.0 → 0.10.0

package/dist/components/TSwitch.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,71 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeProps as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderSlot as l, useAttrs as u } from "vue";
+//#region src/components/TSwitch.vue?vue&type=script&setup=true&lang.ts
+var d = [
+	"checked",
+	"disabled",
+	"aria-checked",
+	"aria-invalid"
+], f = {
+	key: 0,
+	class: "t-switch__label"
+}, p = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "TSwitch",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: p }) {
+		let m = i, h = p, g = u(), _ = e(() => [
+			"t-switch",
+			`t-switch--${m.size}`,
+			{
+				"is-checked": m.modelValue,
+				"is-disabled": m.disabled,
+				"is-invalid": m.invalid
+			},
+			g.class
+		]), v = e(() => g.style), y = e(() => {
+			let { class: e, style: t, ...n } = g;
+			return n;
+		}), b = () => {
+			h("update:modelValue", !m.modelValue);
+		};
+		return (e, u) => (c(), n("label", {
+			class: o(_.value),
+			style: s(v.value)
+		}, [
+			r("input", a(y.value, {
+				type: "checkbox",
+				role: "switch",
+				class: "t-switch__input",
+				checked: i.modelValue,
+				disabled: i.disabled,
+				"aria-checked": i.modelValue,
+				"aria-invalid": i.invalid || void 0,
+				onChange: b
+			}), null, 16, d),
+			u[0] ||= r("span", {
+				class: "t-switch__track",
+				"aria-hidden": "true"
+			}, [r("span", { class: "t-switch__thumb" })], -1),
+			e.$slots.default ? (c(), n("span", f, [l(e.$slots, "default")])) : t("", !0)
+		], 6));
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=TSwitch.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSwitch.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TSwitch.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    modelValue?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    invalid?: boolean;\n  }>(),\n  {\n    modelValue: false,\n    size: 'md',\n    disabled: false,\n    invalid: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-switch',\n  `t-switch--${props.size}`,\n  {\n    'is-checked': props.modelValue,\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst onChange = () => {\n  emit('update:modelValue', !props.modelValue);\n};\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <input\n      v-bind=\"inputAttrs\"\n      type=\"checkbox\"\n      role=\"switch\"\n      class=\"t-switch__input\"\n      :checked=\"modelValue\"\n      :disabled=\"disabled\"\n      :aria-checked=\"modelValue\"\n      :aria-invalid=\"invalid || undefined\"\n      @change=\"onChange\"\n    >\n    <span\n      class=\"t-switch__track\"\n      aria-hidden=\"true\"\n    >\n      <span class=\"t-switch__thumb\" />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      class=\"t-switch__label\"\n    >\n      <slot />\n    </span>\n  </label>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAeR,IAAO,GAIP,IAAQ,EAAS,GAEjB,IAAc,QAAe;GACjC;GACA,aAAa,EAAM;GACnB;IACE,cAAc,EAAM;IACpB,eAAe,EAAM;IACrB,cAAc,EAAM;GACtB;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,EAAM,KAAK,GAEtC,IAAa,QAAe;GAChC,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC,GAEK,UAAiB;GACrB,EAAK,qBAAqB,CAAC,EAAM,UAAU;EAC7C;yBAIE,EA2BQ,SAAA;GA1BL,OAAK,EAAE,EAAA,KAAW;GAClB,OAAK,EAAE,EAAA,KAAS;;GAEjB,EAUC,SAVD,EACU,EAST,OATmB;IAClB,MAAK;IACL,MAAK;IACL,OAAM;IACL,SAAS,EAAA;IACT,UAAU,EAAA;IACV,gBAAc,EAAA;IACd,gBAAc,EAAA,WAAW,KAAA;IACjB;;YAEX,EAKO,QAAA;IAJL,OAAM;IACN,eAAY;OAEZ,EAAgC,QAAA,EAA1B,OAAM,kBAAiB,CAAA,CAAA,GAAA,EAAA;GAGvBA,EAAAA,OAAO,WAAA,EAAA,GADf,EAKO,QALP,GAKO,CADL,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/components/TTab.cjs

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

package/dist/components/TTab.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTab.cjs","names":[],"sources":["../../src/components/TTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n  defineProps<{\n    value: string;\n    disabled?: boolean;\n  }>(),\n  {\n    disabled: false,\n  },\n);\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTab must be used inside TTabs');\n}\n\nonMounted(() => {\n  ctx.registerTab(props.value);\n  ctx.setTabDisabled(props.value, props.disabled);\n});\n\nwatch(\n  () => props.disabled,\n  (val) => ctx.setTabDisabled(props.value, val),\n);\n\nonBeforeUnmount(() => {\n  ctx.unregisterTab(props.value);\n});\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst isDisabled = computed(() => ctx.isTabDisabled(props.value));\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\n\nconst onClick = () => {\n  if (isDisabled.value) return;\n  ctx.setActiveValue(props.value);\n};\n\nconst classes = computed(() => [\n  't-tabs__tab',\n  `t-tabs__tab--${ctx.size.value}`,\n  {\n    'is-active': isActive.value,\n    'is-disabled': isDisabled.value,\n  },\n]);\n</script>\n\n<template>\n  <button\n    :id=\"tabId\"\n    role=\"tab\"\n    type=\"button\"\n    :class=\"classes\"\n    :aria-selected=\"isActive\"\n    :aria-controls=\"panelId\"\n    :tabindex=\"isActive ? 0 : -1\"\n    :disabled=\"isDisabled || undefined\"\n    :data-tab-value=\"value\"\n    @click=\"onClick\"\n  >\n    <slot />\n  </button>\n</template>\n"],"mappings":""}

package/dist/components/TTab.js

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

package/dist/components/TTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTab.js","names":[],"sources":["../../src/components/TTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n  defineProps<{\n    value: string;\n    disabled?: boolean;\n  }>(),\n  {\n    disabled: false,\n  },\n);\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTab must be used inside TTabs');\n}\n\nonMounted(() => {\n  ctx.registerTab(props.value);\n  ctx.setTabDisabled(props.value, props.disabled);\n});\n\nwatch(\n  () => props.disabled,\n  (val) => ctx.setTabDisabled(props.value, val),\n);\n\nonBeforeUnmount(() => {\n  ctx.unregisterTab(props.value);\n});\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst isDisabled = computed(() => ctx.isTabDisabled(props.value));\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\n\nconst onClick = () => {\n  if (isDisabled.value) return;\n  ctx.setActiveValue(props.value);\n};\n\nconst classes = computed(() => [\n  't-tabs__tab',\n  `t-tabs__tab--${ctx.size.value}`,\n  {\n    'is-active': isActive.value,\n    'is-disabled': isDisabled.value,\n  },\n]);\n</script>\n\n<template>\n  <button\n    :id=\"tabId\"\n    role=\"tab\"\n    type=\"button\"\n    :class=\"classes\"\n    :aria-selected=\"isActive\"\n    :aria-controls=\"panelId\"\n    :tabindex=\"isActive ? 0 : -1\"\n    :disabled=\"isDisabled || undefined\"\n    :data-tab-value=\"value\"\n    @click=\"onClick\"\n  >\n    <slot />\n  </button>\n</template>\n"],"mappings":""}

package/dist/components/{TreeTab.vue.d.ts → TTab.vue.d.ts}

@@ -21,4 +21,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeTab.vue.d.ts.map
+//# sourceMappingURL=TTab.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTab.vue.d.ts","sourceRoot":"","sources":["../../src/components/TTab.vue"],"names":[],"mappings":"AA0EA,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAmDJ,iBAAS,cAAc;WAgCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cAzGN,OAAO;2FAiHpB,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/TTab.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./tabs-context.cjs");let t=require("vue");var n=[`id`,`aria-selected`,`aria-controls`,`tabindex`,`disabled`,`data-tab-value`],r=(0,t.defineComponent)({__name:`TTab`,props:{value:{},disabled:{type:Boolean,default:!1}},setup(r){let i=r,a=(0,t.inject)(e.TABS_INJECTION_KEY);if(!a)throw Error(`TTab must be used inside TTabs`);(0,t.onMounted)(()=>{a.registerTab(i.value),a.setTabDisabled(i.value,i.disabled)}),(0,t.watch)(()=>i.disabled,e=>a.setTabDisabled(i.value,e)),(0,t.onBeforeUnmount)(()=>{a.unregisterTab(i.value)});let o=(0,t.computed)(()=>a.activeValue.value===i.value),s=(0,t.computed)(()=>a.isTabDisabled(i.value)),c=(0,t.computed)(()=>`${a.baseId}-tab-${i.value}`),l=(0,t.computed)(()=>`${a.baseId}-panel-${i.value}`),u=()=>{s.value||a.setActiveValue(i.value)},d=(0,t.computed)(()=>[`t-tabs__tab`,`t-tabs__tab--${a.size.value}`,{"is-active":o.value,"is-disabled":s.value}]);return(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{id:c.value,role:`tab`,type:`button`,class:(0,t.normalizeClass)(d.value),"aria-selected":o.value,"aria-controls":l.value,tabindex:o.value?0:-1,disabled:s.value||void 0,"data-tab-value":r.value,onClick:u},[(0,t.renderSlot)(e.$slots,`default`)],10,n))}});exports.default=r;
+//# sourceMappingURL=TTab.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTab.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n  defineProps<{\n    value: string;\n    disabled?: boolean;\n  }>(),\n  {\n    disabled: false,\n  },\n);\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTab must be used inside TTabs');\n}\n\nonMounted(() => {\n  ctx.registerTab(props.value);\n  ctx.setTabDisabled(props.value, props.disabled);\n});\n\nwatch(\n  () => props.disabled,\n  (val) => ctx.setTabDisabled(props.value, val),\n);\n\nonBeforeUnmount(() => {\n  ctx.unregisterTab(props.value);\n});\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst isDisabled = computed(() => ctx.isTabDisabled(props.value));\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\n\nconst onClick = () => {\n  if (isDisabled.value) return;\n  ctx.setActiveValue(props.value);\n};\n\nconst classes = computed(() => [\n  't-tabs__tab',\n  `t-tabs__tab--${ctx.size.value}`,\n  {\n    'is-active': isActive.value,\n    'is-disabled': isDisabled.value,\n  },\n]);\n</script>\n\n<template>\n  <button\n    :id=\"tabId\"\n    role=\"tab\"\n    type=\"button\"\n    :class=\"classes\"\n    :aria-selected=\"isActive\"\n    :aria-controls=\"panelId\"\n    :tabindex=\"isActive ? 0 : -1\"\n    :disabled=\"isDisabled || undefined\"\n    :data-tab-value=\"value\"\n    @click=\"onClick\"\n  >\n    <slot />\n  </button>\n</template>\n"],"mappings":"mPAIA,IAAM,EAAQ,EAUR,GAAA,EAAA,EAAA,OAAA,CAAa,EAAA,kBAAkB,EACrC,GAAI,CAAC,EACH,MAAU,MAAM,gCAAgC,GAGlD,EAAA,EAAA,UAAA,KAAgB,CACd,EAAI,YAAY,EAAM,KAAK,EAC3B,EAAI,eAAe,EAAM,MAAO,EAAM,QAAQ,CAChD,CAAC,GAED,EAAA,EAAA,MAAA,KACQ,EAAM,SACX,GAAQ,EAAI,eAAe,EAAM,MAAO,CAAG,CAC9C,GAEA,EAAA,EAAA,gBAAA,KAAsB,CACpB,EAAI,cAAc,EAAM,KAAK,CAC/B,CAAC,EAED,IAAM,GAAA,EAAA,EAAA,SAAA,KAA0B,EAAI,YAAY,QAAU,EAAM,KAAK,EAC/D,GAAA,EAAA,EAAA,SAAA,KAA4B,EAAI,cAAc,EAAM,KAAK,CAAC,EAC1D,GAAA,EAAA,EAAA,SAAA,KAAuB,GAAG,EAAI,OAAO,OAAO,EAAM,OAAO,EACzD,GAAA,EAAA,EAAA,SAAA,KAAyB,GAAG,EAAI,OAAO,SAAS,EAAM,OAAO,EAE7D,MAAgB,CAChB,EAAW,OACf,EAAI,eAAe,EAAM,KAAK,CAChC,EAEM,GAAA,EAAA,EAAA,SAAA,KAAyB,CAC7B,cACA,gBAAgB,EAAI,KAAK,QACzB,CACE,YAAa,EAAS,MACtB,cAAe,EAAW,KAC5B,CACF,CAAC,2DAiBU,SAAA,CAZN,GAAI,EAAA,MACL,KAAK,MACL,KAAK,SACJ,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAO,EACd,gBAAe,EAAA,MACf,gBAAe,EAAA,MACf,SAAU,EAAA,MAAQ,EAAA,GAClB,SAAU,EAAA,OAAc,IAAA,GACxB,iBAAgB,EAAA,MACT,6BAEA,EAAA,OAAA,SAAA,CAAA,EAAA,GAAA,CAAA"}

package/dist/components/TTab.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,55 @@
+import { TABS_INJECTION_KEY as e } from "./tabs-context.js";
+import { computed as t, createElementBlock as n, defineComponent as r, inject as i, normalizeClass as a, onBeforeUnmount as o, onMounted as s, openBlock as c, renderSlot as l, watch as u } from "vue";
+//#region src/components/TTab.vue?vue&type=script&setup=true&lang.ts
+var d = [
+	"id",
+	"aria-selected",
+	"aria-controls",
+	"tabindex",
+	"disabled",
+	"data-tab-value"
+], f = /*@__PURE__*/ r({
+	__name: "TTab",
+	props: {
+		value: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(r) {
+		let f = r, p = i(e);
+		if (!p) throw Error("TTab must be used inside TTabs");
+		s(() => {
+			p.registerTab(f.value), p.setTabDisabled(f.value, f.disabled);
+		}), u(() => f.disabled, (e) => p.setTabDisabled(f.value, e)), o(() => {
+			p.unregisterTab(f.value);
+		});
+		let m = t(() => p.activeValue.value === f.value), h = t(() => p.isTabDisabled(f.value)), g = t(() => `${p.baseId}-tab-${f.value}`), _ = t(() => `${p.baseId}-panel-${f.value}`), v = () => {
+			h.value || p.setActiveValue(f.value);
+		}, y = t(() => [
+			"t-tabs__tab",
+			`t-tabs__tab--${p.size.value}`,
+			{
+				"is-active": m.value,
+				"is-disabled": h.value
+			}
+		]);
+		return (e, t) => (c(), n("button", {
+			id: g.value,
+			role: "tab",
+			type: "button",
+			class: a(y.value),
+			"aria-selected": m.value,
+			"aria-controls": _.value,
+			tabindex: m.value ? 0 : -1,
+			disabled: h.value || void 0,
+			"data-tab-value": r.value,
+			onClick: v
+		}, [l(e.$slots, "default")], 10, d));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=TTab.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTab.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n  defineProps<{\n    value: string;\n    disabled?: boolean;\n  }>(),\n  {\n    disabled: false,\n  },\n);\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTab must be used inside TTabs');\n}\n\nonMounted(() => {\n  ctx.registerTab(props.value);\n  ctx.setTabDisabled(props.value, props.disabled);\n});\n\nwatch(\n  () => props.disabled,\n  (val) => ctx.setTabDisabled(props.value, val),\n);\n\nonBeforeUnmount(() => {\n  ctx.unregisterTab(props.value);\n});\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst isDisabled = computed(() => ctx.isTabDisabled(props.value));\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\n\nconst onClick = () => {\n  if (isDisabled.value) return;\n  ctx.setActiveValue(props.value);\n};\n\nconst classes = computed(() => [\n  't-tabs__tab',\n  `t-tabs__tab--${ctx.size.value}`,\n  {\n    'is-active': isActive.value,\n    'is-disabled': isDisabled.value,\n  },\n]);\n</script>\n\n<template>\n  <button\n    :id=\"tabId\"\n    role=\"tab\"\n    type=\"button\"\n    :class=\"classes\"\n    :aria-selected=\"isActive\"\n    :aria-controls=\"panelId\"\n    :tabindex=\"isActive ? 0 : -1\"\n    :disabled=\"isDisabled || undefined\"\n    :data-tab-value=\"value\"\n    @click=\"onClick\"\n  >\n    <slot />\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAIA,IAAM,IAAQ,GAUR,IAAM,EAAO,CAAkB;EACrC,IAAI,CAAC,GACH,MAAU,MAAM,gCAAgC;EAalD,AAVA,QAAgB;GAEd,AADA,EAAI,YAAY,EAAM,KAAK,GAC3B,EAAI,eAAe,EAAM,OAAO,EAAM,QAAQ;EAChD,CAAC,GAED,QACQ,EAAM,WACX,MAAQ,EAAI,eAAe,EAAM,OAAO,CAAG,CAC9C,GAEA,QAAsB;GACpB,EAAI,cAAc,EAAM,KAAK;EAC/B,CAAC;EAED,IAAM,IAAW,QAAe,EAAI,YAAY,UAAU,EAAM,KAAK,GAC/D,IAAa,QAAe,EAAI,cAAc,EAAM,KAAK,CAAC,GAC1D,IAAQ,QAAe,GAAG,EAAI,OAAO,OAAO,EAAM,OAAO,GACzD,IAAU,QAAe,GAAG,EAAI,OAAO,SAAS,EAAM,OAAO,GAE7D,UAAgB;GAChB,EAAW,SACf,EAAI,eAAe,EAAM,KAAK;EAChC,GAEM,IAAU,QAAe;GAC7B;GACA,gBAAgB,EAAI,KAAK;GACzB;IACE,aAAa,EAAS;IACtB,eAAe,EAAW;GAC5B;EACF,CAAC;yBAIC,EAaS,UAAA;GAZN,IAAI,EAAA;GACL,MAAK;GACL,MAAK;GACJ,OAAK,EAAE,EAAA,KAAO;GACd,iBAAe,EAAA;GACf,iBAAe,EAAA;GACf,UAAU,EAAA,QAAQ,IAAA;GAClB,UAAU,EAAA,SAAc,KAAA;GACxB,kBAAgB,EAAA;GACT;MAER,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,IAAA,CAAA"}

package/dist/components/TTabList.cjs

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

package/dist/components/TTabList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTabList.cjs","names":[],"sources":["../../src/components/TTabList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isActivationKey } from '@treeui/utils';\nimport { computed, inject, ref } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabList must be used inside TTabs');\n}\n\nconst listRef = ref<HTMLElement | null>(null);\n\nconst getAllTabElements = (): HTMLElement[] => {\n  if (!listRef.value) return [];\n  return Array.from(\n    listRef.value.querySelectorAll<HTMLElement>('[role=\"tab\"]'),\n  );\n};\n\nconst getEnabledTabElements = (): HTMLElement[] => {\n  return getAllTabElements().filter((el) => {\n    const value = el.dataset.tabValue;\n    return value ? !ctx.isTabDisabled(value) : false;\n  });\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n\n  const current = document.activeElement as HTMLElement;\n  const currentIndex = tabs.indexOf(current);\n  let nextIndex = currentIndex + direction;\n\n  if (nextIndex < 0) nextIndex = tabs.length - 1;\n  if (nextIndex >= tabs.length) nextIndex = 0;\n\n  const nextTab = tabs[nextIndex];\n  nextTab.focus();\n\n  if (ctx.activationMode.value === 'automatic') {\n    const value = nextTab.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusFirst = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  tabs[0].focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = tabs[0].dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusLast = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  const last = tabs[tabs.length - 1];\n  last.focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = last.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  switch (event.key) {\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(1);\n      break;\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(-1);\n      break;\n    case 'Home':\n      event.preventDefault();\n      focusFirst();\n      break;\n    case 'End':\n      event.preventDefault();\n      focusLast();\n      break;\n    default:\n      if (ctx.activationMode.value === 'manual' && isActivationKey(event)) {\n        event.preventDefault();\n        const target = event.target as HTMLElement;\n        const value = target.dataset?.tabValue;\n        if (value) ctx.setActiveValue(value);\n      }\n      break;\n  }\n};\n\nconst classes = computed(() => [\n  't-tabs__list',\n]);\n</script>\n\n<template>\n  <div\n    ref=\"listRef\"\n    role=\"tablist\"\n    aria-orientation=\"horizontal\"\n    :class=\"classes\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TTabList.js

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

package/dist/components/TTabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTabList.js","names":[],"sources":["../../src/components/TTabList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isActivationKey } from '@treeui/utils';\nimport { computed, inject, ref } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabList must be used inside TTabs');\n}\n\nconst listRef = ref<HTMLElement | null>(null);\n\nconst getAllTabElements = (): HTMLElement[] => {\n  if (!listRef.value) return [];\n  return Array.from(\n    listRef.value.querySelectorAll<HTMLElement>('[role=\"tab\"]'),\n  );\n};\n\nconst getEnabledTabElements = (): HTMLElement[] => {\n  return getAllTabElements().filter((el) => {\n    const value = el.dataset.tabValue;\n    return value ? !ctx.isTabDisabled(value) : false;\n  });\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n\n  const current = document.activeElement as HTMLElement;\n  const currentIndex = tabs.indexOf(current);\n  let nextIndex = currentIndex + direction;\n\n  if (nextIndex < 0) nextIndex = tabs.length - 1;\n  if (nextIndex >= tabs.length) nextIndex = 0;\n\n  const nextTab = tabs[nextIndex];\n  nextTab.focus();\n\n  if (ctx.activationMode.value === 'automatic') {\n    const value = nextTab.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusFirst = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  tabs[0].focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = tabs[0].dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusLast = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  const last = tabs[tabs.length - 1];\n  last.focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = last.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  switch (event.key) {\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(1);\n      break;\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(-1);\n      break;\n    case 'Home':\n      event.preventDefault();\n      focusFirst();\n      break;\n    case 'End':\n      event.preventDefault();\n      focusLast();\n      break;\n    default:\n      if (ctx.activationMode.value === 'manual' && isActivationKey(event)) {\n        event.preventDefault();\n        const target = event.target as HTMLElement;\n        const value = target.dataset?.tabValue;\n        if (value) ctx.setActiveValue(value);\n      }\n      break;\n  }\n};\n\nconst classes = computed(() => [\n  't-tabs__list',\n]);\n</script>\n\n<template>\n  <div\n    ref=\"listRef\"\n    role=\"tablist\"\n    aria-orientation=\"horizontal\"\n    :class=\"classes\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/{TreeTabList.vue.d.ts → TTabList.vue.d.ts}

@@ -19,4 +19,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeTabList.vue.d.ts.map
+//# sourceMappingURL=TTabList.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabList.vue.d.ts","sourceRoot":"","sources":["../../src/components/TTabList.vue"],"names":[],"mappings":"AAuNA,iBAAS,cAAc;WA8BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;kBAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/TTabList.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:`TTabList`,setup(r){let i=(0,t.inject)(e.TABS_INJECTION_KEY);if(!i)throw Error(`TTabList must be used inside TTabs`);let a=(0,t.ref)(null),o=()=>a.value?Array.from(a.value.querySelectorAll(`[role="tab"]`)):[],s=()=>o().filter(e=>{let t=e.dataset.tabValue;return t?!i.isTabDisabled(t):!1}),c=e=>{let t=s();if(!t.length)return;let n=document.activeElement,r=t.indexOf(n)+e;r<0&&(r=t.length-1),r>=t.length&&(r=0);let a=t[r];if(a.focus(),i.activationMode.value===`automatic`){let e=a.dataset.tabValue;e&&i.setActiveValue(e)}},l=()=>{let e=s();if(e.length&&(e[0].focus(),i.activationMode.value===`automatic`)){let t=e[0].dataset.tabValue;t&&i.setActiveValue(t)}},u=()=>{let e=s();if(!e.length)return;let t=e[e.length-1];if(t.focus(),i.activationMode.value===`automatic`){let e=t.dataset.tabValue;e&&i.setActiveValue(e)}},d=e=>{switch(e.key){case`ArrowRight`:e.preventDefault(),c(1);break;case`ArrowLeft`:e.preventDefault(),c(-1);break;case`Home`:e.preventDefault(),l();break;case`End`:e.preventDefault(),u();break;default:if(i.activationMode.value===`manual`&&(0,n.isActivationKey)(e)){e.preventDefault();let t=e.target.dataset?.tabValue;t&&i.setActiveValue(t)}break}},f=(0,t.computed)(()=>[`t-tabs__list`]);return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`listRef`,ref:a,role:`tablist`,"aria-orientation":`horizontal`,class:(0,t.normalizeClass)(f.value),onKeydown:d},[(0,t.renderSlot)(e.$slots,`default`)],34))}});exports.default=r;
+//# sourceMappingURL=TTabList.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabList.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TTabList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isActivationKey } from '@treeui/utils';\nimport { computed, inject, ref } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabList must be used inside TTabs');\n}\n\nconst listRef = ref<HTMLElement | null>(null);\n\nconst getAllTabElements = (): HTMLElement[] => {\n  if (!listRef.value) return [];\n  return Array.from(\n    listRef.value.querySelectorAll<HTMLElement>('[role=\"tab\"]'),\n  );\n};\n\nconst getEnabledTabElements = (): HTMLElement[] => {\n  return getAllTabElements().filter((el) => {\n    const value = el.dataset.tabValue;\n    return value ? !ctx.isTabDisabled(value) : false;\n  });\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n\n  const current = document.activeElement as HTMLElement;\n  const currentIndex = tabs.indexOf(current);\n  let nextIndex = currentIndex + direction;\n\n  if (nextIndex < 0) nextIndex = tabs.length - 1;\n  if (nextIndex >= tabs.length) nextIndex = 0;\n\n  const nextTab = tabs[nextIndex];\n  nextTab.focus();\n\n  if (ctx.activationMode.value === 'automatic') {\n    const value = nextTab.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusFirst = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  tabs[0].focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = tabs[0].dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusLast = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  const last = tabs[tabs.length - 1];\n  last.focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = last.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  switch (event.key) {\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(1);\n      break;\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(-1);\n      break;\n    case 'Home':\n      event.preventDefault();\n      focusFirst();\n      break;\n    case 'End':\n      event.preventDefault();\n      focusLast();\n      break;\n    default:\n      if (ctx.activationMode.value === 'manual' && isActivationKey(event)) {\n        event.preventDefault();\n        const target = event.target as HTMLElement;\n        const value = target.dataset?.tabValue;\n        if (value) ctx.setActiveValue(value);\n      }\n      break;\n  }\n};\n\nconst classes = computed(() => [\n  't-tabs__list',\n]);\n</script>\n\n<template>\n  <div\n    ref=\"listRef\"\n    role=\"tablist\"\n    aria-orientation=\"horizontal\"\n    :class=\"classes\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":"8IAKA,IAAM,GAAA,EAAA,EAAA,OAAA,CAAa,EAAA,kBAAkB,EACrC,GAAI,CAAC,EACH,MAAU,MAAM,oCAAoC,EAGtD,IAAM,GAAA,EAAA,EAAA,IAAA,CAAkC,IAAI,EAEtC,MACC,EAAQ,MACN,MAAM,KACX,EAAQ,MAAM,iBAA8B,cAAc,CAC5D,EAH2B,CAAC,EAMxB,MACG,EAAkB,CAAC,CAAC,OAAQ,GAAO,CACxC,IAAM,EAAQ,EAAG,QAAQ,SACzB,OAAO,EAAQ,CAAC,EAAI,cAAc,CAAK,EAAI,EAC7C,CAAC,EAGG,EAAa,GAAsB,CACvC,IAAM,EAAO,EAAsB,EACnC,GAAI,CAAC,EAAK,OAAQ,OAElB,IAAM,EAAU,SAAS,cAErB,EADiB,EAAK,QAAQ,CAClB,EAAe,EAE3B,EAAY,IAAG,EAAY,EAAK,OAAS,GACzC,GAAa,EAAK,SAAQ,EAAY,GAE1C,IAAM,EAAU,EAAK,GAGrB,GAFA,EAAQ,MAAM,EAEV,EAAI,eAAe,QAAU,YAAa,CAC5C,IAAM,EAAQ,EAAQ,QAAQ,SAC1B,GAAO,EAAI,eAAe,CAAK,CACrC,CACF,EAEM,MAAmB,CACvB,IAAM,EAAO,EAAsB,EAC9B,KAAK,SACV,EAAK,EAAE,CAAC,MAAM,EACV,EAAI,eAAe,QAAU,aAAa,CAC5C,IAAM,EAAQ,EAAK,EAAE,CAAC,QAAQ,SAC1B,GAAO,EAAI,eAAe,CAAK,CACrC,CACF,EAEM,MAAkB,CACtB,IAAM,EAAO,EAAsB,EACnC,GAAI,CAAC,EAAK,OAAQ,OAClB,IAAM,EAAO,EAAK,EAAK,OAAS,GAEhC,GADA,EAAK,MAAM,EACP,EAAI,eAAe,QAAU,YAAa,CAC5C,IAAM,EAAQ,EAAK,QAAQ,SACvB,GAAO,EAAI,eAAe,CAAK,CACrC,CACF,EAEM,EAAa,GAAyB,CAC1C,OAAQ,EAAM,IAAd,CACE,IAAK,aACH,EAAM,eAAe,EACrB,EAAU,CAAC,EACX,MACF,IAAK,YACH,EAAM,eAAe,EACrB,EAAU,EAAE,EACZ,MACF,IAAK,OACH,EAAM,eAAe,EACrB,EAAW,EACX,MACF,IAAK,MACH,EAAM,eAAe,EACrB,EAAU,EACV,MACF,QACE,GAAI,EAAI,eAAe,QAAU,WAAA,EAAA,EAAA,gBAAA,CAA4B,CAAK,EAAG,CACnE,EAAM,eAAe,EAErB,IAAM,EADS,EAAM,OACA,SAAS,SAC1B,GAAO,EAAI,eAAe,CAAK,CACrC,CACA,KACJ,CACF,EAEM,GAAA,EAAA,EAAA,SAAA,KAAyB,CAC7B,cACF,CAAC,2DAYO,MAAA,SAPA,UAAJ,IAAI,EACJ,KAAK,UACL,mBAAiB,aAChB,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAO,EACL,+BAEF,EAAA,OAAA,SAAA,CAAA,EAAA,EAAA"}

package/dist/components/TTabList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import { TABS_INJECTION_KEY as e } from "./tabs-context.js";
+import { computed as t, createElementBlock as n, defineComponent as r, inject as i, normalizeClass as a, openBlock as o, ref as s, renderSlot as c } from "vue";
+import { isActivationKey as l } from "@treeui/utils";
+//#region src/components/TTabList.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ r({
+	__name: "TTabList",
+	setup(r) {
+		let u = i(e);
+		if (!u) throw Error("TTabList must be used inside TTabs");
+		let d = s(null), f = () => d.value ? Array.from(d.value.querySelectorAll("[role=\"tab\"]")) : [], p = () => f().filter((e) => {
+			let t = e.dataset.tabValue;
+			return t ? !u.isTabDisabled(t) : !1;
+		}), m = (e) => {
+			let t = p();
+			if (!t.length) return;
+			let n = document.activeElement, r = t.indexOf(n) + e;
+			r < 0 && (r = t.length - 1), r >= t.length && (r = 0);
+			let i = t[r];
+			if (i.focus(), u.activationMode.value === "automatic") {
+				let e = i.dataset.tabValue;
+				e && u.setActiveValue(e);
+			}
+		}, h = () => {
+			let e = p();
+			if (e.length && (e[0].focus(), u.activationMode.value === "automatic")) {
+				let t = e[0].dataset.tabValue;
+				t && u.setActiveValue(t);
+			}
+		}, g = () => {
+			let e = p();
+			if (!e.length) return;
+			let t = e[e.length - 1];
+			if (t.focus(), u.activationMode.value === "automatic") {
+				let e = t.dataset.tabValue;
+				e && u.setActiveValue(e);
+			}
+		}, _ = (e) => {
+			switch (e.key) {
+				case "ArrowRight":
+					e.preventDefault(), m(1);
+					break;
+				case "ArrowLeft":
+					e.preventDefault(), m(-1);
+					break;
+				case "Home":
+					e.preventDefault(), h();
+					break;
+				case "End":
+					e.preventDefault(), g();
+					break;
+				default:
+					if (u.activationMode.value === "manual" && l(e)) {
+						e.preventDefault();
+						let t = e.target.dataset?.tabValue;
+						t && u.setActiveValue(t);
+					}
+					break;
+			}
+		}, v = t(() => ["t-tabs__list"]);
+		return (e, t) => (o(), n("div", {
+			ref_key: "listRef",
+			ref: d,
+			role: "tablist",
+			"aria-orientation": "horizontal",
+			class: a(v.value),
+			onKeydown: _
+		}, [c(e.$slots, "default")], 34));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=TTabList.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabList.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TTabList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isActivationKey } from '@treeui/utils';\nimport { computed, inject, ref } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabList must be used inside TTabs');\n}\n\nconst listRef = ref<HTMLElement | null>(null);\n\nconst getAllTabElements = (): HTMLElement[] => {\n  if (!listRef.value) return [];\n  return Array.from(\n    listRef.value.querySelectorAll<HTMLElement>('[role=\"tab\"]'),\n  );\n};\n\nconst getEnabledTabElements = (): HTMLElement[] => {\n  return getAllTabElements().filter((el) => {\n    const value = el.dataset.tabValue;\n    return value ? !ctx.isTabDisabled(value) : false;\n  });\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n\n  const current = document.activeElement as HTMLElement;\n  const currentIndex = tabs.indexOf(current);\n  let nextIndex = currentIndex + direction;\n\n  if (nextIndex < 0) nextIndex = tabs.length - 1;\n  if (nextIndex >= tabs.length) nextIndex = 0;\n\n  const nextTab = tabs[nextIndex];\n  nextTab.focus();\n\n  if (ctx.activationMode.value === 'automatic') {\n    const value = nextTab.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusFirst = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  tabs[0].focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = tabs[0].dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusLast = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  const last = tabs[tabs.length - 1];\n  last.focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = last.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  switch (event.key) {\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(1);\n      break;\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(-1);\n      break;\n    case 'Home':\n      event.preventDefault();\n      focusFirst();\n      break;\n    case 'End':\n      event.preventDefault();\n      focusLast();\n      break;\n    default:\n      if (ctx.activationMode.value === 'manual' && isActivationKey(event)) {\n        event.preventDefault();\n        const target = event.target as HTMLElement;\n        const value = target.dataset?.tabValue;\n        if (value) ctx.setActiveValue(value);\n      }\n      break;\n  }\n};\n\nconst classes = computed(() => [\n  't-tabs__list',\n]);\n</script>\n\n<template>\n  <div\n    ref=\"listRef\"\n    role=\"tablist\"\n    aria-orientation=\"horizontal\"\n    :class=\"classes\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;EAKA,IAAM,IAAM,EAAO,CAAkB;EACrC,IAAI,CAAC,GACH,MAAU,MAAM,oCAAoC;EAGtD,IAAM,IAAU,EAAwB,IAAI,GAEtC,UACC,EAAQ,QACN,MAAM,KACX,EAAQ,MAAM,iBAA8B,gBAAc,CAC5D,IAH2B,CAAC,GAMxB,UACG,EAAkB,CAAC,CAAC,QAAQ,MAAO;GACxC,IAAM,IAAQ,EAAG,QAAQ;GACzB,OAAO,IAAQ,CAAC,EAAI,cAAc,CAAK,IAAI;EAC7C,CAAC,GAGG,KAAa,MAAsB;GACvC,IAAM,IAAO,EAAsB;GACnC,IAAI,CAAC,EAAK,QAAQ;GAElB,IAAM,IAAU,SAAS,eAErB,IADiB,EAAK,QAAQ,CAClB,IAAe;GAG/B,AADI,IAAY,MAAG,IAAY,EAAK,SAAS,IACzC,KAAa,EAAK,WAAQ,IAAY;GAE1C,IAAM,IAAU,EAAK;GAGrB,IAFA,EAAQ,MAAM,GAEV,EAAI,eAAe,UAAU,aAAa;IAC5C,IAAM,IAAQ,EAAQ,QAAQ;IAC9B,AAAI,KAAO,EAAI,eAAe,CAAK;GACrC;EACF,GAEM,UAAmB;GACvB,IAAM,IAAO,EAAsB;GAC9B,MAAK,WACV,EAAK,EAAE,CAAC,MAAM,GACV,EAAI,eAAe,UAAU,cAAa;IAC5C,IAAM,IAAQ,EAAK,EAAE,CAAC,QAAQ;IAC9B,AAAI,KAAO,EAAI,eAAe,CAAK;GACrC;EACF,GAEM,UAAkB;GACtB,IAAM,IAAO,EAAsB;GACnC,IAAI,CAAC,EAAK,QAAQ;GAClB,IAAM,IAAO,EAAK,EAAK,SAAS;GAEhC,IADA,EAAK,MAAM,GACP,EAAI,eAAe,UAAU,aAAa;IAC5C,IAAM,IAAQ,EAAK,QAAQ;IAC3B,AAAI,KAAO,EAAI,eAAe,CAAK;GACrC;EACF,GAEM,KAAa,MAAyB;GAC1C,QAAQ,EAAM,KAAd;IACE,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,CAAC;KACX;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,EAAE;KACZ;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAW;KACX;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU;KACV;IACF;KACE,IAAI,EAAI,eAAe,UAAU,YAAY,EAAgB,CAAK,GAAG;MACnE,EAAM,eAAe;MAErB,IAAM,IADS,EAAM,OACA,SAAS;MAC9B,AAAI,KAAO,EAAI,eAAe,CAAK;KACrC;KACA;GACJ;EACF,GAEM,IAAU,QAAe,CAC7B,cACF,CAAC;yBAIC,EAQM,OAAA;YAPA;GAAJ,KAAI;GACJ,MAAK;GACL,oBAAiB;GAChB,OAAK,EAAE,EAAA,KAAO;GACL;MAEV,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

package/dist/components/TTabPanel.cjs

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

package/dist/components/TTabPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTabPanel.cjs","names":[],"sources":["../../src/components/TTabPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = defineProps<{\n  value: string;\n}>();\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabPanel must be used inside TTabs');\n}\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\n</script>\n\n<template>\n  <div\n    v-if=\"isActive\"\n    :id=\"panelId\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId\"\n    tabindex=\"0\"\n    class=\"t-tabs__panel\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TTabPanel.js

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

package/dist/components/TTabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTabPanel.js","names":[],"sources":["../../src/components/TTabPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = defineProps<{\n  value: string;\n}>();\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabPanel must be used inside TTabs');\n}\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\n</script>\n\n<template>\n  <div\n    v-if=\"isActive\"\n    :id=\"panelId\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId\"\n    tabindex=\"0\"\n    class=\"t-tabs__panel\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/{TreeTabPanel.vue.d.ts → TTabPanel.vue.d.ts}

@@ -18,4 +18,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeTabPanel.vue.d.ts.map
+//# sourceMappingURL=TTabPanel.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabPanel.vue.d.ts","sourceRoot":"","sources":["../../src/components/TTabPanel.vue"],"names":[],"mappings":"AAmCA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAcF,iBAAS,cAAc;WA8BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/TTabPanel.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./tabs-context.cjs");let t=require("vue");var n=[`id`,`aria-labelledby`],r=(0,t.defineComponent)({__name:`TTabPanel`,props:{value:{}},setup(r){let i=r,a=(0,t.inject)(e.TABS_INJECTION_KEY);if(!a)throw Error(`TTabPanel must be used inside TTabs`);let o=(0,t.computed)(()=>a.activeValue.value===i.value),s=(0,t.computed)(()=>`${a.baseId}-panel-${i.value}`),c=(0,t.computed)(()=>`${a.baseId}-tab-${i.value}`);return(e,r)=>o.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:s.value,role:`tabpanel`,"aria-labelledby":c.value,tabindex:`0`,class:`t-tabs__panel`},[(0,t.renderSlot)(e.$slots,`default`)],8,n)):(0,t.createCommentVNode)(``,!0)}});exports.default=r;
+//# sourceMappingURL=TTabPanel.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabPanel.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TTabPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = defineProps<{\n  value: string;\n}>();\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabPanel must be used inside TTabs');\n}\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\n</script>\n\n<template>\n  <div\n    v-if=\"isActive\"\n    :id=\"panelId\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId\"\n    tabindex=\"0\"\n    class=\"t-tabs__panel\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":"gKAIA,IAAM,EAAQ,EAIR,GAAA,EAAA,EAAA,OAAA,CAAa,EAAA,kBAAkB,EACrC,GAAI,CAAC,EACH,MAAU,MAAM,qCAAqC,EAGvD,IAAM,GAAA,EAAA,EAAA,SAAA,KAA0B,EAAI,YAAY,QAAU,EAAM,KAAK,EAC/D,GAAA,EAAA,EAAA,SAAA,KAAyB,GAAG,EAAI,OAAO,SAAS,EAAM,OAAO,EAC7D,GAAA,EAAA,EAAA,SAAA,KAAuB,GAAG,EAAI,OAAO,OAAO,EAAM,OAAO,eAKrD,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAQF,MAAA,OAPH,GAAI,EAAA,MACL,KAAK,WACJ,kBAAiB,EAAA,MAClB,SAAS,IACT,MAAM,mCAEE,EAAA,OAAA,SAAA,CAAA,EAAA,EAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA"}

package/dist/components/TTabPanel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { TABS_INJECTION_KEY as e } from "./tabs-context.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, inject as a, openBlock as o, renderSlot as s } from "vue";
+//#region src/components/TTabPanel.vue?vue&type=script&setup=true&lang.ts
+var c = ["id", "aria-labelledby"], l = /*@__PURE__*/ i({
+	__name: "TTabPanel",
+	props: { value: {} },
+	setup(i) {
+		let l = i, u = a(e);
+		if (!u) throw Error("TTabPanel must be used inside TTabs");
+		let d = t(() => u.activeValue.value === l.value), f = t(() => `${u.baseId}-panel-${l.value}`), p = t(() => `${u.baseId}-tab-${l.value}`);
+		return (e, t) => d.value ? (o(), r("div", {
+			key: 0,
+			id: f.value,
+			role: "tabpanel",
+			"aria-labelledby": p.value,
+			tabindex: "0",
+			class: "t-tabs__panel"
+		}, [s(e.$slots, "default")], 8, c)) : n("", !0);
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=TTabPanel.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabPanel.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TTabPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = defineProps<{\n  value: string;\n}>();\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabPanel must be used inside TTabs');\n}\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\n</script>\n\n<template>\n  <div\n    v-if=\"isActive\"\n    :id=\"panelId\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId\"\n    tabindex=\"0\"\n    class=\"t-tabs__panel\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;EAIA,IAAM,IAAQ,GAIR,IAAM,EAAO,CAAkB;EACrC,IAAI,CAAC,GACH,MAAU,MAAM,qCAAqC;EAGvD,IAAM,IAAW,QAAe,EAAI,YAAY,UAAU,EAAM,KAAK,GAC/D,IAAU,QAAe,GAAG,EAAI,OAAO,SAAS,EAAM,OAAO,GAC7D,IAAQ,QAAe,GAAG,EAAI,OAAO,OAAO,EAAM,OAAO;mBAKrD,EAAA,SAAA,EAAA,GADR,EASM,OAAA;;GAPH,IAAI,EAAA;GACL,MAAK;GACJ,mBAAiB,EAAA;GAClB,UAAS;GACT,OAAM;MAEN,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/components/TTable.cjs

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

package/dist/components/TTable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTable.cjs","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":""}

package/dist/components/TTable.js

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

package/dist/components/TTable.js.map

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

package/dist/components/{TreeTable.vue.d.ts → TTable.vue.d.ts}

@@ -1,21 +1,21 @@
-import { TreeSize } from '../types/contracts';
-export type TreeTableColumn = {
+import { TSize } from '../types/contracts';
+export type TTableColumn = {
     key: string;
     label: string;
     sortable?: boolean;
     align?: 'left' | 'center' | 'right';
     width?: string;
 };
-export type TreeTableSortDirection = 'asc' | 'desc' | 'none';
-export type TreeTableSortState = {
+export type TTableSortDirection = 'asc' | 'desc' | 'none';
+export type TTableSortState = {
     key: string;
-    direction: TreeTableSortDirection;
+    direction: TTableSortDirection;
 };
 type __VLS_Props = {
-    columns: TreeTableColumn[];
+    columns: TTableColumn[];
     rows: Record<string, unknown>[];
-    size?: TreeSize;
-    sortBy?: TreeTableSortState;
+    size?: TSize;
+    sortBy?: TTableSortState;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -25,7 +25,7 @@ declare function __VLS_template(): {
             value: unknown;
         }) => void;
         [key: `header-${string}`]: (props: {
-            column: TreeTableColumn;
+            column: TTableColumn;
         }) => void;
         empty: () => void;
     }> & {
@@ -34,7 +34,7 @@ declare function __VLS_template(): {
             value: unknown;
         }) => void;
         [key: `header-${string}`]: (props: {
-            column: TreeTableColumn;
+            column: TTableColumn;
         }) => void;
         empty: () => void;
     };
@@ -43,12 +43,12 @@ 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, {} & {
-    sort: (state: TreeTableSortState) => any;
+    sort: (state: TTableSortState) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSort?: ((state: TreeTableSortState) => any) | undefined;
+    onSort?: ((state: TTableSortState) => any) | undefined;
 }>, {
-    size: TreeSize;
-    sortBy: TreeTableSortState;
+    size: TSize;
+    sortBy: TTableSortState;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
@@ -57,4 +57,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeTable.vue.d.ts.map
+//# sourceMappingURL=TTable.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTable.vue.d.ts","sourceRoot":"","sources":["../../src/components/TTable.vue"],"names":[],"mappings":"AAqOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAEF,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC;AAuFJ,iBAAS,cAAc;WAkJT,OAAO,IAA6B;;yCA1Nf;YAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAE,KAAK,IAAI;2CACvD;YAAE,MAAM,EAAE,YAAY,CAAA;SAAE,KAAK,IAAI;eAC7D,MAAM,IAAI;;yCAFgB;YAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAE,KAAK,IAAI;2CACvD;YAAE,MAAM,EAAE,YAAY,CAAA;SAAE,KAAK,IAAI;eAC7D,MAAM,IAAI;;;;EA6NlB;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UAjQV,KAAK;YACH,eAAe;wFAyQ1B,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/TTable.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t={class:`t-table-wrapper`},n={class:`t-table__head`},r={class:`t-table__row`},i=[`aria-sort`,`tabindex`,`onClick`,`onKeydown`],a={class:`t-table__header-content`},o={key:0,class:`t-table__sort-icon`,"aria-hidden":`true`},s={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`},c={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`},l={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`}},u={class:`t-table__body`},d={key:0,class:`t-table__row t-table__row--empty`},f=[`colspan`],p=(0,e.defineComponent)({__name:`TTable`,props:{columns:{},rows:{},size:{default:`md`},sortBy:{default:void 0}},emits:[`sort`],setup(p,{emit:m}){let h=p,g=m,_=(0,e.ref)(void 0),v=(0,e.computed)(()=>h.sortBy??_.value),y=(0,e.computed)(()=>[`t-table`,`t-table--${h.size}`]),b=(0,e.computed)(()=>{let e=v.value;return!e||e.direction===`none`?h.rows:[...h.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 x(e){if(!e.sortable)return;let t=v.value,n=`asc`;t?.key===e.key&&(n=t.direction===`asc`?`desc`:t.direction===`desc`?`none`:`asc`);let r={key:e.key,direction:n};_.value=r,g(`sort`,r)}function S(e){if(!e.sortable)return;let t=v.value;return t?.key!==e.key||t.direction===`none`?`none`:t.direction===`asc`?`ascending`:`descending`}function C(e,t){t.sortable&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),x(t))}return(m,h)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,t,[(0,e.createElementVNode)(`table`,{class:(0,e.normalizeClass)(y.value),role:`grid`},[(0,e.createElementVNode)(`thead`,n,[(0,e.createElementVNode)(`tr`,r,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(p.columns,t=>((0,e.openBlock)(),(0,e.createElementBlock)(`th`,{key:t.key,class:(0,e.normalizeClass)([`t-table__header`,[t.sortable?`t-table__header--sortable`:``,t.align?`t-table__header--${t.align}`:``]]),style:(0,e.normalizeStyle)(t.width?{width:t.width}:void 0),"aria-sort":S(t),tabindex:t.sortable?0:void 0,scope:`col`,onClick:e=>x(t),onKeydown:e=>C(e,t)},[(0,e.renderSlot)(m.$slots,`header-${t.key}`,{column:t},()=>[(0,e.createElementVNode)(`span`,a,[(0,e.createTextVNode)((0,e.toDisplayString)(t.label)+` `,1),t.sortable?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,o,[v.value?.key===t.key&&v.value.direction===`asc`?((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,s,[...h[0]||=[(0,e.createElementVNode)(`path`,{d:`m18 15-6-6-6 6`},null,-1)]])):v.value?.key===t.key&&v.value.direction===`desc`?((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,c,[...h[1]||=[(0,e.createElementVNode)(`path`,{d:`m6 9 6 6 6-6`},null,-1)]])):((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,l,[...h[2]||=[(0,e.createElementVNode)(`path`,{d:`m7 15 5 5 5-5`},null,-1),(0,e.createElementVNode)(`path`,{d:`m7 9 5-5 5 5`},null,-1)]]))])):(0,e.createCommentVNode)(``,!0)])])],46,i))),128))])]),(0,e.createElementVNode)(`tbody`,u,[b.value.length===0?((0,e.openBlock)(),(0,e.createElementBlock)(`tr`,d,[(0,e.createElementVNode)(`td`,{colspan:p.columns.length,class:`t-table__cell t-table__cell--empty`},[(0,e.renderSlot)(m.$slots,`empty`,{},()=>[h[3]||=(0,e.createTextVNode)(` No data available. `,-1)])],8,f)])):(0,e.createCommentVNode)(``,!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(b.value,(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`tr`,{key:n,class:`t-table__row`},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(p.columns,n=>((0,e.openBlock)(),(0,e.createElementBlock)(`td`,{key:n.key,class:(0,e.normalizeClass)([`t-table__cell`,n.align?`t-table__cell--${n.align}`:``])},[(0,e.renderSlot)(m.$slots,`cell-${n.key}`,{row:t,value:t[n.key]},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t[n.key]??``),1)])],2))),128))]))),128))])],2)]))}});exports.default=p;
+//# sourceMappingURL=TTable.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTable.vue_vue_type_script_setup_true_lang.cjs","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":"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"}