@treeui/vue 0.8.0 → 0.11.0

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/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

package/dist/components/TTimeline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTimeline.cjs","names":[],"sources":["../../src/components/TTimeline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport type TTimelineTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';\n\nexport interface TTimelineItem {\n  id?: string | number;\n  title: string;\n  description?: string;\n  meta?: string;\n  timestamp?: string;\n  datetime?: string;\n  tone?: TTimelineTone;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    items?: TTimelineItem[];\n    size?: TSize;\n  }>(),\n  {\n    items: () => [],\n    size: 'md',\n  },\n);\n\ndefineSlots<{\n  marker?: (props: { item: TTimelineItem; index: number }) => unknown;\n  item?: (props: { item: TTimelineItem; index: number }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst classes = computed(() => [\n  't-timeline',\n  `t-timeline--${props.size}`,\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst normalizeTone = (tone?: TTimelineTone) => tone ?? 'neutral';\nconst itemKey = (item: TTimelineItem, index: number) => item.id ?? `${item.title}-${index}`;\n</script>\n\n<template>\n  <ol\n    v-bind=\"rootAttrs\"\n    :class=\"classes\"\n    :style=\"rootStyle\"\n  >\n    <li\n      v-for=\"(item, index) in items\"\n      :key=\"itemKey(item, index)\"\n      class=\"t-timeline__item\"\n    >\n      <div class=\"t-timeline__rail\">\n        <span\n          v-if=\"index < items.length - 1\"\n          class=\"t-timeline__line\"\n          aria-hidden=\"true\"\n        />\n        <div\n          class=\"t-timeline__marker\"\n          :class=\"`t-timeline__marker--${normalizeTone(item.tone)}`\"\n          aria-hidden=\"true\"\n        >\n          <slot\n            name=\"marker\"\n            :item=\"item\"\n            :index=\"index\"\n          />\n        </div>\n      </div>\n\n      <div class=\"t-timeline__content\">\n        <slot\n          name=\"item\"\n          :item=\"item\"\n          :index=\"index\"\n        >\n          <div\n            v-if=\"item.meta\"\n            class=\"t-timeline__meta\"\n          >\n            {{ item.meta }}\n          </div>\n\n          <div class=\"t-timeline__header\">\n            <p class=\"t-timeline__title\">\n              {{ item.title }}\n            </p>\n            <time\n              v-if=\"item.timestamp\"\n              class=\"t-timeline__timestamp\"\n              :datetime=\"item.datetime || undefined\"\n            >\n              {{ item.timestamp }}\n            </time>\n          </div>\n\n          <p\n            v-if=\"item.description\"\n            class=\"t-timeline__description\"\n          >\n            {{ item.description }}\n          </p>\n        </slot>\n      </div>\n    </li>\n  </ol>\n</template>\n"],"mappings":""}

package/dist/components/TTimeline.js

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

package/dist/components/TTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTimeline.js","names":[],"sources":["../../src/components/TTimeline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport type TTimelineTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';\n\nexport interface TTimelineItem {\n  id?: string | number;\n  title: string;\n  description?: string;\n  meta?: string;\n  timestamp?: string;\n  datetime?: string;\n  tone?: TTimelineTone;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    items?: TTimelineItem[];\n    size?: TSize;\n  }>(),\n  {\n    items: () => [],\n    size: 'md',\n  },\n);\n\ndefineSlots<{\n  marker?: (props: { item: TTimelineItem; index: number }) => unknown;\n  item?: (props: { item: TTimelineItem; index: number }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst classes = computed(() => [\n  't-timeline',\n  `t-timeline--${props.size}`,\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst normalizeTone = (tone?: TTimelineTone) => tone ?? 'neutral';\nconst itemKey = (item: TTimelineItem, index: number) => item.id ?? `${item.title}-${index}`;\n</script>\n\n<template>\n  <ol\n    v-bind=\"rootAttrs\"\n    :class=\"classes\"\n    :style=\"rootStyle\"\n  >\n    <li\n      v-for=\"(item, index) in items\"\n      :key=\"itemKey(item, index)\"\n      class=\"t-timeline__item\"\n    >\n      <div class=\"t-timeline__rail\">\n        <span\n          v-if=\"index < items.length - 1\"\n          class=\"t-timeline__line\"\n          aria-hidden=\"true\"\n        />\n        <div\n          class=\"t-timeline__marker\"\n          :class=\"`t-timeline__marker--${normalizeTone(item.tone)}`\"\n          aria-hidden=\"true\"\n        >\n          <slot\n            name=\"marker\"\n            :item=\"item\"\n            :index=\"index\"\n          />\n        </div>\n      </div>\n\n      <div class=\"t-timeline__content\">\n        <slot\n          name=\"item\"\n          :item=\"item\"\n          :index=\"index\"\n        >\n          <div\n            v-if=\"item.meta\"\n            class=\"t-timeline__meta\"\n          >\n            {{ item.meta }}\n          </div>\n\n          <div class=\"t-timeline__header\">\n            <p class=\"t-timeline__title\">\n              {{ item.title }}\n            </p>\n            <time\n              v-if=\"item.timestamp\"\n              class=\"t-timeline__timestamp\"\n              :datetime=\"item.datetime || undefined\"\n            >\n              {{ item.timestamp }}\n            </time>\n          </div>\n\n          <p\n            v-if=\"item.description\"\n            class=\"t-timeline__description\"\n          >\n            {{ item.description }}\n          </p>\n        </slot>\n      </div>\n    </li>\n  </ol>\n</template>\n"],"mappings":""}

package/dist/components/TTimeline.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t={class:`t-timeline__rail`},n={key:0,class:`t-timeline__line`,"aria-hidden":`true`},r={class:`t-timeline__content`},i={key:0,class:`t-timeline__meta`},a={class:`t-timeline__header`},o={class:`t-timeline__title`},s=[`datetime`],c={key:1,class:`t-timeline__description`},l=(0,e.defineComponent)({inheritAttrs:!1,__name:`TTimeline`,props:{items:{default:()=>[]},size:{default:`md`}},setup(l){let u=l,d=(0,e.useAttrs)(),f=(0,e.computed)(()=>[`t-timeline`,`t-timeline--${u.size}`,d.class]),p=(0,e.computed)(()=>d.style),m=(0,e.computed)(()=>{let{class:e,style:t,...n}=d;return n}),h=e=>e??`neutral`,g=(e,t)=>e.id??`${e.title}-${t}`;return(u,d)=>((0,e.openBlock)(),(0,e.createElementBlock)(`ol`,(0,e.mergeProps)(m.value,{class:f.value,style:p.value}),[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.items,(d,f)=>((0,e.openBlock)(),(0,e.createElementBlock)(`li`,{key:g(d,f),class:`t-timeline__item`},[(0,e.createElementVNode)(`div`,t,[f<l.items.length-1?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,n)):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`t-timeline__marker`,`t-timeline__marker--${h(d.tone)}`]),"aria-hidden":`true`},[(0,e.renderSlot)(u.$slots,`marker`,{item:d,index:f})],2)]),(0,e.createElementVNode)(`div`,r,[(0,e.renderSlot)(u.$slots,`item`,{item:d,index:f},()=>[d.meta?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,i,(0,e.toDisplayString)(d.meta),1)):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,a,[(0,e.createElementVNode)(`p`,o,(0,e.toDisplayString)(d.title),1),d.timestamp?((0,e.openBlock)(),(0,e.createElementBlock)(`time`,{key:0,class:`t-timeline__timestamp`,datetime:d.datetime||void 0},(0,e.toDisplayString)(d.timestamp),9,s)):(0,e.createCommentVNode)(``,!0)]),d.description?((0,e.openBlock)(),(0,e.createElementBlock)(`p`,c,(0,e.toDisplayString)(d.description),1)):(0,e.createCommentVNode)(``,!0)])])]))),128))],16))}});exports.default=l;
+//# sourceMappingURL=TTimeline.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTimeline.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TTimeline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport type TTimelineTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';\n\nexport interface TTimelineItem {\n  id?: string | number;\n  title: string;\n  description?: string;\n  meta?: string;\n  timestamp?: string;\n  datetime?: string;\n  tone?: TTimelineTone;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    items?: TTimelineItem[];\n    size?: TSize;\n  }>(),\n  {\n    items: () => [],\n    size: 'md',\n  },\n);\n\ndefineSlots<{\n  marker?: (props: { item: TTimelineItem; index: number }) => unknown;\n  item?: (props: { item: TTimelineItem; index: number }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst classes = computed(() => [\n  't-timeline',\n  `t-timeline--${props.size}`,\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst normalizeTone = (tone?: TTimelineTone) => tone ?? 'neutral';\nconst itemKey = (item: TTimelineItem, index: number) => item.id ?? `${item.title}-${index}`;\n</script>\n\n<template>\n  <ol\n    v-bind=\"rootAttrs\"\n    :class=\"classes\"\n    :style=\"rootStyle\"\n  >\n    <li\n      v-for=\"(item, index) in items\"\n      :key=\"itemKey(item, index)\"\n      class=\"t-timeline__item\"\n    >\n      <div class=\"t-timeline__rail\">\n        <span\n          v-if=\"index < items.length - 1\"\n          class=\"t-timeline__line\"\n          aria-hidden=\"true\"\n        />\n        <div\n          class=\"t-timeline__marker\"\n          :class=\"`t-timeline__marker--${normalizeTone(item.tone)}`\"\n          aria-hidden=\"true\"\n        >\n          <slot\n            name=\"marker\"\n            :item=\"item\"\n            :index=\"index\"\n          />\n        </div>\n      </div>\n\n      <div class=\"t-timeline__content\">\n        <slot\n          name=\"item\"\n          :item=\"item\"\n          :index=\"index\"\n        >\n          <div\n            v-if=\"item.meta\"\n            class=\"t-timeline__meta\"\n          >\n            {{ item.meta }}\n          </div>\n\n          <div class=\"t-timeline__header\">\n            <p class=\"t-timeline__title\">\n              {{ item.title }}\n            </p>\n            <time\n              v-if=\"item.timestamp\"\n              class=\"t-timeline__timestamp\"\n              :datetime=\"item.datetime || undefined\"\n            >\n              {{ item.timestamp }}\n            </time>\n          </div>\n\n          <p\n            v-if=\"item.description\"\n            class=\"t-timeline__description\"\n          >\n            {{ item.description }}\n          </p>\n        </slot>\n      </div>\n    </li>\n  </ol>\n</template>\n"],"mappings":"+ZAoBA,IAAM,EAAQ,EAgBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAAyB,CAC7B,aACA,eAAe,EAAM,OACrB,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,EAAM,KAAK,EAEtC,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,EAEK,EAAiB,GAAyB,GAAQ,UAClD,GAAW,EAAqB,IAAkB,EAAK,IAAM,GAAG,EAAK,MAAM,GAAG,6DAoE7E,MAAA,EAAA,EAAA,WAAA,CA/DK,EA+DL,MA/Dc,CAChB,MAAO,EAAA,MACP,MAAO,EAAA,uDA4DH,EAAA,SAAA,MAAA,EAAA,EAAA,WAAA,CAzDqB,EAAA,OAAhB,EAAM,gDAyDX,KAAA,CAxDF,IAAK,EAAQ,EAAM,CAAK,EACzB,MAAM,8CAmBA,MAjBN,EAiBM,CAfI,EAAQ,EAAA,MAAM,OAAM,IAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAG1B,OAJF,CAIE,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,GAAA,EAAA,EAAA,mBAAA,CAWI,MAAA,CATJ,OAAA,EAAA,EAAA,eAAA,CAAK,CAAC,qBAAoB,uBACK,EAAc,EAAK,IAAI,GAAA,CAAA,EACtD,cAAY,0BAMV,EAAA,OAAA,SAAA,CAFO,OACC,yCAsCR,MAjCN,EAiCM,EAAA,EAAA,EAAA,WAAA,CADG,EAAA,OAAA,OAAA,CA7BE,OACC,aA4BH,CAzBG,EAAK,OAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIP,MALN,GAAA,EAAA,EAAA,gBAAA,CAIK,EAAK,IAAI,EAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,2BAcR,MAXN,EAWM,EAAA,EAAA,EAAA,mBAAA,CARA,IAFJ,GAAA,EAAA,EAAA,gBAAA,CACK,EAAK,KAAK,EAAA,CAAA,EAGP,EAAK,YAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAKN,OAAA,OAJL,MAAM,wBACL,SAAU,EAAK,UAAY,IAAA,0BAEzB,EAAK,SAAS,EAAA,EAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,CAAA,CAAA,EAKb,EAAK,cAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIT,IALJ,GAAA,EAAA,EAAA,gBAAA,CAIK,EAAK,WAAW,EAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA"}

package/dist/components/TTimeline.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,58 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, renderList as l, renderSlot as u, toDisplayString as d, useAttrs as f } from "vue";
+//#region src/components/TTimeline.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "t-timeline__rail" }, m = {
+	key: 0,
+	class: "t-timeline__line",
+	"aria-hidden": "true"
+}, h = { class: "t-timeline__content" }, g = {
+	key: 0,
+	class: "t-timeline__meta"
+}, _ = { class: "t-timeline__header" }, v = { class: "t-timeline__title" }, y = ["datetime"], b = {
+	key: 1,
+	class: "t-timeline__description"
+}, x = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "TTimeline",
+	props: {
+		items: { default: () => [] },
+		size: { default: "md" }
+	},
+	setup(a) {
+		let x = a, S = f(), C = t(() => [
+			"t-timeline",
+			`t-timeline--${x.size}`,
+			S.class
+		]), w = t(() => S.style), T = t(() => {
+			let { class: e, style: t, ...n } = S;
+			return n;
+		}), E = (e) => e ?? "neutral", D = (e, t) => e.id ?? `${e.title}-${t}`;
+		return (t, f) => (c(), r("ol", o(T.value, {
+			class: C.value,
+			style: w.value
+		}), [(c(!0), r(e, null, l(a.items, (e, o) => (c(), r("li", {
+			key: D(e, o),
+			class: "t-timeline__item"
+		}, [i("div", p, [o < a.items.length - 1 ? (c(), r("span", m)) : n("", !0), i("div", {
+			class: s(["t-timeline__marker", `t-timeline__marker--${E(e.tone)}`]),
+			"aria-hidden": "true"
+		}, [u(t.$slots, "marker", {
+			item: e,
+			index: o
+		})], 2)]), i("div", h, [u(t.$slots, "item", {
+			item: e,
+			index: o
+		}, () => [
+			e.meta ? (c(), r("div", g, d(e.meta), 1)) : n("", !0),
+			i("div", _, [i("p", v, d(e.title), 1), e.timestamp ? (c(), r("time", {
+				key: 0,
+				class: "t-timeline__timestamp",
+				datetime: e.datetime || void 0
+			}, d(e.timestamp), 9, y)) : n("", !0)]),
+			e.description ? (c(), r("p", b, d(e.description), 1)) : n("", !0)
+		])])]))), 128))], 16));
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=TTimeline.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTimeline.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TTimeline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport type TTimelineTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';\n\nexport interface TTimelineItem {\n  id?: string | number;\n  title: string;\n  description?: string;\n  meta?: string;\n  timestamp?: string;\n  datetime?: string;\n  tone?: TTimelineTone;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    items?: TTimelineItem[];\n    size?: TSize;\n  }>(),\n  {\n    items: () => [],\n    size: 'md',\n  },\n);\n\ndefineSlots<{\n  marker?: (props: { item: TTimelineItem; index: number }) => unknown;\n  item?: (props: { item: TTimelineItem; index: number }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst classes = computed(() => [\n  't-timeline',\n  `t-timeline--${props.size}`,\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst normalizeTone = (tone?: TTimelineTone) => tone ?? 'neutral';\nconst itemKey = (item: TTimelineItem, index: number) => item.id ?? `${item.title}-${index}`;\n</script>\n\n<template>\n  <ol\n    v-bind=\"rootAttrs\"\n    :class=\"classes\"\n    :style=\"rootStyle\"\n  >\n    <li\n      v-for=\"(item, index) in items\"\n      :key=\"itemKey(item, index)\"\n      class=\"t-timeline__item\"\n    >\n      <div class=\"t-timeline__rail\">\n        <span\n          v-if=\"index < items.length - 1\"\n          class=\"t-timeline__line\"\n          aria-hidden=\"true\"\n        />\n        <div\n          class=\"t-timeline__marker\"\n          :class=\"`t-timeline__marker--${normalizeTone(item.tone)}`\"\n          aria-hidden=\"true\"\n        >\n          <slot\n            name=\"marker\"\n            :item=\"item\"\n            :index=\"index\"\n          />\n        </div>\n      </div>\n\n      <div class=\"t-timeline__content\">\n        <slot\n          name=\"item\"\n          :item=\"item\"\n          :index=\"index\"\n        >\n          <div\n            v-if=\"item.meta\"\n            class=\"t-timeline__meta\"\n          >\n            {{ item.meta }}\n          </div>\n\n          <div class=\"t-timeline__header\">\n            <p class=\"t-timeline__title\">\n              {{ item.title }}\n            </p>\n            <time\n              v-if=\"item.timestamp\"\n              class=\"t-timeline__timestamp\"\n              :datetime=\"item.datetime || undefined\"\n            >\n              {{ item.timestamp }}\n            </time>\n          </div>\n\n          <p\n            v-if=\"item.description\"\n            class=\"t-timeline__description\"\n          >\n            {{ item.description }}\n          </p>\n        </slot>\n      </div>\n    </li>\n  </ol>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAoBA,IAAM,IAAQ,GAgBR,IAAQ,EAAS,GAEjB,IAAU,QAAe;GAC7B;GACA,eAAe,EAAM;GACrB,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,EAAM,KAAK,GAEtC,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC,GAEK,KAAiB,MAAyB,KAAQ,WAClD,KAAW,GAAqB,MAAkB,EAAK,MAAM,GAAG,EAAK,MAAM,GAAG;yBAIlF,EAgEK,MAhEL,EACU,EA+DL,OA/Dc;GAChB,OAAO,EAAA;GACP,OAAO,EAAA;eAER,EA0DK,GAAA,MAAA,EAzDqB,EAAA,QAAhB,GAAM,YADhB,EA0DK,MAAA;GAxDF,KAAK,EAAQ,GAAM,CAAK;GACzB,OAAM;MAEN,EAiBM,OAjBN,GAiBM,CAfI,IAAQ,EAAA,MAAM,SAAM,KAAA,EAAA,GAD5B,EAIE,QAJF,CAIE,KAAA,EAAA,IAAA,EAAA,GACF,EAUM,OAAA;GATJ,OAAK,EAAA,CAAC,sBAAoB,uBACK,EAAc,EAAK,IAAI,GAAA,CAAA;GACtD,eAAY;MAEZ,EAIE,EAAA,QAAA,UAAA;GAFO;GACC;aAKd,EAiCM,OAjCN,GAiCM,CAhCJ,EA+BO,EAAA,QAAA,QAAA;GA7BE;GACC;WA4BH;GAzBG,EAAK,QAAA,EAAA,GADb,EAKM,OALN,GAKM,EADD,EAAK,IAAI,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAGd,EAWM,OAXN,GAWM,CAVJ,EAEI,KAFJ,GAEI,EADC,EAAK,KAAK,GAAA,CAAA,GAGP,EAAK,aAAA,EAAA,GADb,EAMO,QAAA;;IAJL,OAAM;IACL,UAAU,EAAK,YAAY,KAAA;QAEzB,EAAK,SAAS,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;GAKb,EAAK,eAAA,EAAA,GADb,EAKI,KALJ,GAKI,EADC,EAAK,WAAW,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/components/TToast.cjs

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

package/dist/components/TToast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TToast.cjs","names":[],"sources":["../../src/components/TToast.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed } from 'vue';\nimport type { ToastItem } from '../composables/useToast';\n\nconst XIcon = getTreeIcon('x');\n\nconst iconMap = {\n  info: getTreeIcon('info'),\n  success: getTreeIcon('check'),\n  warning: getTreeIcon('alert-circle'),\n  danger: getTreeIcon('alert-circle'),\n} as const;\n\nconst props = withDefaults(\n  defineProps<{\n    toast: ToastItem;\n  }>(),\n  {},\n);\n\nconst emit = defineEmits<{\n  close: [id: string];\n}>();\n\nconst toastId = createId('t-toast-item');\nconst titleId = `${toastId}-title`;\nconst descriptionId = `${toastId}-description`;\n\nconst classes = computed(() => [\n  't-toast',\n  `t-toast--${props.toast.variant}`,\n]);\n\nconst StatusIcon = computed(() => iconMap[props.toast.variant]);\n\nfunction handleClose() {\n  emit('close', props.toast.id);\n}\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    role=\"status\"\n    :aria-labelledby=\"titleId\"\n    :aria-describedby=\"toast.description ? descriptionId : undefined\"\n  >\n    <span\n      class=\"t-toast__icon\"\n      aria-hidden=\"true\"\n    >\n      <StatusIcon\n        v-bind=\"treeIconDefaults\"\n        :size=\"18\"\n      />\n    </span>\n    <div class=\"t-toast__content\">\n      <p\n        :id=\"titleId\"\n        class=\"t-toast__title\"\n      >\n        {{ toast.title }}\n      </p>\n      <p\n        v-if=\"toast.description\"\n        :id=\"descriptionId\"\n        class=\"t-toast__description\"\n      >\n        {{ toast.description }}\n      </p>\n    </div>\n    <button\n      v-if=\"toast.closable\"\n      type=\"button\"\n      class=\"t-toast__close\"\n      aria-label=\"Dismiss notification\"\n      @click=\"handleClose\"\n    >\n      <XIcon\n        v-bind=\"treeIconDefaults\"\n        :size=\"16\"\n      />\n    </button>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TToast.js

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

package/dist/components/TToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TToast.js","names":[],"sources":["../../src/components/TToast.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed } from 'vue';\nimport type { ToastItem } from '../composables/useToast';\n\nconst XIcon = getTreeIcon('x');\n\nconst iconMap = {\n  info: getTreeIcon('info'),\n  success: getTreeIcon('check'),\n  warning: getTreeIcon('alert-circle'),\n  danger: getTreeIcon('alert-circle'),\n} as const;\n\nconst props = withDefaults(\n  defineProps<{\n    toast: ToastItem;\n  }>(),\n  {},\n);\n\nconst emit = defineEmits<{\n  close: [id: string];\n}>();\n\nconst toastId = createId('t-toast-item');\nconst titleId = `${toastId}-title`;\nconst descriptionId = `${toastId}-description`;\n\nconst classes = computed(() => [\n  't-toast',\n  `t-toast--${props.toast.variant}`,\n]);\n\nconst StatusIcon = computed(() => iconMap[props.toast.variant]);\n\nfunction handleClose() {\n  emit('close', props.toast.id);\n}\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    role=\"status\"\n    :aria-labelledby=\"titleId\"\n    :aria-describedby=\"toast.description ? descriptionId : undefined\"\n  >\n    <span\n      class=\"t-toast__icon\"\n      aria-hidden=\"true\"\n    >\n      <StatusIcon\n        v-bind=\"treeIconDefaults\"\n        :size=\"18\"\n      />\n    </span>\n    <div class=\"t-toast__content\">\n      <p\n        :id=\"titleId\"\n        class=\"t-toast__title\"\n      >\n        {{ toast.title }}\n      </p>\n      <p\n        v-if=\"toast.description\"\n        :id=\"descriptionId\"\n        class=\"t-toast__description\"\n      >\n        {{ toast.description }}\n      </p>\n    </div>\n    <button\n      v-if=\"toast.closable\"\n      type=\"button\"\n      class=\"t-toast__close\"\n      aria-label=\"Dismiss notification\"\n      @click=\"handleClose\"\n    >\n      <XIcon\n        v-bind=\"treeIconDefaults\"\n        :size=\"16\"\n      />\n    </button>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TToast.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue"),t=require("@treeui/utils"),n=require("@treeui/icons");var r=[`aria-describedby`],i={class:`t-toast__icon`,"aria-hidden":`true`},a={class:`t-toast__content`},o=(0,e.defineComponent)({__name:`TToast`,props:{toast:{}},emits:[`close`],setup(o,{emit:s}){let c=(0,n.getTreeIcon)(`x`),l={info:(0,n.getTreeIcon)(`info`),success:(0,n.getTreeIcon)(`check`),warning:(0,n.getTreeIcon)(`alert-circle`),danger:(0,n.getTreeIcon)(`alert-circle`)},u=o,d=s,f=(0,t.createId)(`t-toast-item`),p=`${f}-title`,m=`${f}-description`,h=(0,e.computed)(()=>[`t-toast`,`t-toast--${u.toast.variant}`]),g=(0,e.computed)(()=>l[u.toast.variant]);function _(){d(`close`,u.toast.id)}return(t,s)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)(h.value),role:`status`,"aria-labelledby":p,"aria-describedby":o.toast.description?m:void 0},[(0,e.createElementVNode)(`span`,i,[(0,e.createVNode)((0,e.unref)(g),(0,e.mergeProps)((0,e.unref)(n.treeIconDefaults),{size:18}),null,16)]),(0,e.createElementVNode)(`div`,a,[(0,e.createElementVNode)(`p`,{id:p,class:`t-toast__title`},(0,e.toDisplayString)(o.toast.title),1),o.toast.description?((0,e.openBlock)(),(0,e.createElementBlock)(`p`,{key:0,id:m,class:`t-toast__description`},(0,e.toDisplayString)(o.toast.description),1)):(0,e.createCommentVNode)(``,!0)]),o.toast.closable?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,type:`button`,class:`t-toast__close`,"aria-label":`Dismiss notification`,onClick:_},[(0,e.createVNode)((0,e.unref)(c),(0,e.mergeProps)((0,e.unref)(n.treeIconDefaults),{size:16}),null,16)])):(0,e.createCommentVNode)(``,!0)],10,r))}});exports.default=o;
+//# sourceMappingURL=TToast.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TToast.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TToast.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed } from 'vue';\nimport type { ToastItem } from '../composables/useToast';\n\nconst XIcon = getTreeIcon('x');\n\nconst iconMap = {\n  info: getTreeIcon('info'),\n  success: getTreeIcon('check'),\n  warning: getTreeIcon('alert-circle'),\n  danger: getTreeIcon('alert-circle'),\n} as const;\n\nconst props = withDefaults(\n  defineProps<{\n    toast: ToastItem;\n  }>(),\n  {},\n);\n\nconst emit = defineEmits<{\n  close: [id: string];\n}>();\n\nconst toastId = createId('t-toast-item');\nconst titleId = `${toastId}-title`;\nconst descriptionId = `${toastId}-description`;\n\nconst classes = computed(() => [\n  't-toast',\n  `t-toast--${props.toast.variant}`,\n]);\n\nconst StatusIcon = computed(() => iconMap[props.toast.variant]);\n\nfunction handleClose() {\n  emit('close', props.toast.id);\n}\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    role=\"status\"\n    :aria-labelledby=\"titleId\"\n    :aria-describedby=\"toast.description ? descriptionId : undefined\"\n  >\n    <span\n      class=\"t-toast__icon\"\n      aria-hidden=\"true\"\n    >\n      <StatusIcon\n        v-bind=\"treeIconDefaults\"\n        :size=\"18\"\n      />\n    </span>\n    <div class=\"t-toast__content\">\n      <p\n        :id=\"titleId\"\n        class=\"t-toast__title\"\n      >\n        {{ toast.title }}\n      </p>\n      <p\n        v-if=\"toast.description\"\n        :id=\"descriptionId\"\n        class=\"t-toast__description\"\n      >\n        {{ toast.description }}\n      </p>\n    </div>\n    <button\n      v-if=\"toast.closable\"\n      type=\"button\"\n      class=\"t-toast__close\"\n      aria-label=\"Dismiss notification\"\n      @click=\"handleClose\"\n    >\n      <XIcon\n        v-bind=\"treeIconDefaults\"\n        :size=\"16\"\n      />\n    </button>\n  </div>\n</template>\n"],"mappings":"8QAMA,IAAM,GAAA,EAAA,EAAA,YAAA,CAAoB,GAAG,EAEvB,EAAU,CACd,MAAA,EAAA,EAAA,YAAA,CAAkB,MAAM,EACxB,SAAA,EAAA,EAAA,YAAA,CAAqB,OAAO,EAC5B,SAAA,EAAA,EAAA,YAAA,CAAqB,cAAc,EACnC,QAAA,EAAA,EAAA,YAAA,CAAoB,cAAc,CACpC,EAEM,EAAQ,EAOR,EAAO,EAIP,GAAA,EAAA,EAAA,SAAA,CAAmB,cAAc,EACjC,EAAU,GAAG,EAAQ,QACrB,EAAgB,GAAG,EAAQ,cAE3B,GAAA,EAAA,EAAA,SAAA,KAAyB,CAC7B,UACA,YAAY,EAAM,MAAM,SAC1B,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA4B,EAAQ,EAAM,MAAM,QAAQ,EAE9D,SAAS,GAAc,CACrB,EAAK,QAAS,EAAM,MAAM,EAAE,CAC9B,0DA8CQ,MAAA,CAzCH,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAO,EACf,KAAK,SACJ,kBAAiB,EACjB,mBAAkB,EAAA,MAAM,YAAc,EAAgB,IAAA,8BAUhD,OARP,EAQO,EAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,MAAA,CADH,CAAA,GAAA,EAAA,EAAA,WAAA,EAAA,EAAA,EAAA,MAAA,CAAA,EAAA,gBAAA,EAFwB,CACvB,KAAM,EAAE,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,2BAiBP,MAdN,EAcM,EAAA,EAAA,EAAA,mBAAA,CARA,IAAA,CAJD,GAAI,EACL,MAAM,wCAEH,EAAA,MAAM,KAAK,EAAA,CAAA,EAGR,EAAA,MAAM,cAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAKV,IAAA,OAJD,GAAI,EACL,MAAM,8CAEH,EAAA,MAAM,WAAW,EAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,CAAA,CAAA,EAIhB,EAAA,MAAM,WAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAUL,SAAA,OATP,KAAK,SACL,MAAM,iBACN,aAAW,uBACV,QAAO,kCAKN,CAAA,GAAA,EAAA,EAAA,WAAA,EAAA,EAAA,EAAA,MAAA,CAAA,EAAA,gBAAA,EAFwB,CACvB,KAAM,EAAE,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA"}

package/dist/components/TToast.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,50 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
+import { createId as d } from "@treeui/utils";
+import { getTreeIcon as f, treeIconDefaults as p } from "@treeui/icons";
+//#region src/components/TToast.vue?vue&type=script&setup=true&lang.ts
+var m = ["aria-describedby"], h = {
+	class: "t-toast__icon",
+	"aria-hidden": "true"
+}, g = { class: "t-toast__content" }, _ = /*@__PURE__*/ a({
+	__name: "TToast",
+	props: { toast: {} },
+	emits: ["close"],
+	setup(a, { emit: _ }) {
+		let v = f("x"), y = {
+			info: f("info"),
+			success: f("check"),
+			warning: f("alert-circle"),
+			danger: f("alert-circle")
+		}, b = a, x = _, S = d("t-toast-item"), C = `${S}-title`, w = `${S}-description`, T = e(() => ["t-toast", `t-toast--${b.toast.variant}`]), E = e(() => y[b.toast.variant]);
+		function D() {
+			x("close", b.toast.id);
+		}
+		return (e, d) => (c(), n("div", {
+			class: s(T.value),
+			role: "status",
+			"aria-labelledby": C,
+			"aria-describedby": a.toast.description ? w : void 0
+		}, [
+			r("span", h, [i(u(E), o(u(p), { size: 18 }), null, 16)]),
+			r("div", g, [r("p", {
+				id: C,
+				class: "t-toast__title"
+			}, l(a.toast.title), 1), a.toast.description ? (c(), n("p", {
+				key: 0,
+				id: w,
+				class: "t-toast__description"
+			}, l(a.toast.description), 1)) : t("", !0)]),
+			a.toast.closable ? (c(), n("button", {
+				key: 0,
+				type: "button",
+				class: "t-toast__close",
+				"aria-label": "Dismiss notification",
+				onClick: D
+			}, [i(u(v), o(u(p), { size: 16 }), null, 16)])) : t("", !0)
+		], 10, m));
+	}
+});
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=TToast.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TToast.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TToast.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed } from 'vue';\nimport type { ToastItem } from '../composables/useToast';\n\nconst XIcon = getTreeIcon('x');\n\nconst iconMap = {\n  info: getTreeIcon('info'),\n  success: getTreeIcon('check'),\n  warning: getTreeIcon('alert-circle'),\n  danger: getTreeIcon('alert-circle'),\n} as const;\n\nconst props = withDefaults(\n  defineProps<{\n    toast: ToastItem;\n  }>(),\n  {},\n);\n\nconst emit = defineEmits<{\n  close: [id: string];\n}>();\n\nconst toastId = createId('t-toast-item');\nconst titleId = `${toastId}-title`;\nconst descriptionId = `${toastId}-description`;\n\nconst classes = computed(() => [\n  't-toast',\n  `t-toast--${props.toast.variant}`,\n]);\n\nconst StatusIcon = computed(() => iconMap[props.toast.variant]);\n\nfunction handleClose() {\n  emit('close', props.toast.id);\n}\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    role=\"status\"\n    :aria-labelledby=\"titleId\"\n    :aria-describedby=\"toast.description ? descriptionId : undefined\"\n  >\n    <span\n      class=\"t-toast__icon\"\n      aria-hidden=\"true\"\n    >\n      <StatusIcon\n        v-bind=\"treeIconDefaults\"\n        :size=\"18\"\n      />\n    </span>\n    <div class=\"t-toast__content\">\n      <p\n        :id=\"titleId\"\n        class=\"t-toast__title\"\n      >\n        {{ toast.title }}\n      </p>\n      <p\n        v-if=\"toast.description\"\n        :id=\"descriptionId\"\n        class=\"t-toast__description\"\n      >\n        {{ toast.description }}\n      </p>\n    </div>\n    <button\n      v-if=\"toast.closable\"\n      type=\"button\"\n      class=\"t-toast__close\"\n      aria-label=\"Dismiss notification\"\n      @click=\"handleClose\"\n    >\n      <XIcon\n        v-bind=\"treeIconDefaults\"\n        :size=\"16\"\n      />\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;EAMA,IAAM,IAAQ,EAAY,GAAG,GAEvB,IAAU;GACd,MAAM,EAAY,MAAM;GACxB,SAAS,EAAY,OAAO;GAC5B,SAAS,EAAY,cAAc;GACnC,QAAQ,EAAY,cAAc;EACpC,GAEM,IAAQ,GAOR,IAAO,GAIP,IAAU,EAAS,cAAc,GACjC,IAAU,GAAG,EAAQ,SACrB,IAAgB,GAAG,EAAQ,eAE3B,IAAU,QAAe,CAC7B,WACA,YAAY,EAAM,MAAM,SAC1B,CAAC,GAEK,IAAa,QAAe,EAAQ,EAAM,MAAM,QAAQ;EAE9D,SAAS,IAAc;GACrB,EAAK,SAAS,EAAM,MAAM,EAAE;EAC9B;yBAIE,EA0CM,OAAA;GAzCH,OAAK,EAAE,EAAA,KAAO;GACf,MAAK;GACJ,mBAAiB;GACjB,oBAAkB,EAAA,MAAM,cAAc,IAAgB,KAAA;;GAEvD,EAQO,QARP,GAQO,CAJL,EAGE,EAAA,CAAA,GAHF,EACU,EAER,CAAA,GAFwB,EACvB,MAAM,GAAE,CAAA,GAAA,MAAA,EAAA,CAAA,CAAA;GAGb,EAcM,OAdN,GAcM,CAbJ,EAKI,KAAA;IAJD,IAAI;IACL,OAAM;QAEH,EAAA,MAAM,KAAK,GAAA,CAAA,GAGR,EAAA,MAAM,eAAA,EAAA,GADd,EAMI,KAAA;;IAJD,IAAI;IACL,OAAM;QAEH,EAAA,MAAM,WAAW,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;GAIhB,EAAA,MAAM,YAAA,EAAA,GADd,EAWS,UAAA;;IATP,MAAK;IACL,OAAM;IACN,cAAW;IACV,SAAO;OAER,EAGE,EAAA,CAAA,GAHF,EACU,EAER,CAAA,GAFwB,EACvB,MAAM,GAAE,CAAA,GAAA,MAAA,EAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/components/TToastProvider.cjs

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

package/dist/components/TToastProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TToastProvider.cjs","names":[],"sources":["../../src/components/TToastProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useToast, type ToastPosition } from '../composables/useToast';\nimport TToast from './TToast.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    position?: ToastPosition;\n    max?: number;\n  }>(),\n  {\n    position: 'bottom-right',\n    max: 5,\n  },\n);\n\nconst { toasts, remove } = useToast();\n\nconst visibleToasts = computed(() =>\n  toasts.value.slice(-props.max),\n);\n\nconst classes = computed(() => [\n  't-toast-provider',\n  `t-toast-provider--${props.position}`,\n]);\n\nfunction handleClose(id: string) {\n  remove(id);\n}\n</script>\n\n<template>\n  <slot />\n\n  <Teleport to=\"body\">\n    <div\n      :class=\"classes\"\n      aria-live=\"polite\"\n      aria-relevant=\"additions removals\"\n    >\n      <TransitionGroup name=\"t-toast\">\n        <TToast\n          v-for=\"toast in visibleToasts\"\n          :key=\"toast.id\"\n          :toast=\"toast\"\n          @close=\"handleClose\"\n        />\n      </TransitionGroup>\n    </div>\n  </Teleport>\n</template>\n"],"mappings":""}

package/dist/components/TToastProvider.js

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

package/dist/components/TToastProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TToastProvider.js","names":[],"sources":["../../src/components/TToastProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useToast, type ToastPosition } from '../composables/useToast';\nimport TToast from './TToast.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    position?: ToastPosition;\n    max?: number;\n  }>(),\n  {\n    position: 'bottom-right',\n    max: 5,\n  },\n);\n\nconst { toasts, remove } = useToast();\n\nconst visibleToasts = computed(() =>\n  toasts.value.slice(-props.max),\n);\n\nconst classes = computed(() => [\n  't-toast-provider',\n  `t-toast-provider--${props.position}`,\n]);\n\nfunction handleClose(id: string) {\n  remove(id);\n}\n</script>\n\n<template>\n  <slot />\n\n  <Teleport to=\"body\">\n    <div\n      :class=\"classes\"\n      aria-live=\"polite\"\n      aria-relevant=\"additions removals\"\n    >\n      <TransitionGroup name=\"t-toast\">\n        <TToast\n          v-for=\"toast in visibleToasts\"\n          :key=\"toast.id\"\n          :toast=\"toast\"\n          @close=\"handleClose\"\n        />\n      </TransitionGroup>\n    </div>\n  </Teleport>\n</template>\n"],"mappings":""}

package/dist/components/TToastProvider.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./TToast.cjs"),t=require("../composables/useToast.cjs");let n=require("vue");var r=(0,n.defineComponent)({__name:`TToastProvider`,props:{position:{default:`bottom-right`},max:{default:5}},setup(r){let i=r,{toasts:a,remove:o}=t.useToast(),s=(0,n.computed)(()=>a.value.slice(-i.max)),c=(0,n.computed)(()=>[`t-toast-provider`,`t-toast-provider--${i.position}`]);function l(e){o(e)}return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,null,[(0,n.renderSlot)(t.$slots,`default`),((0,n.openBlock)(),(0,n.createBlock)(n.Teleport,{to:`body`},[(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)(c.value),"aria-live":`polite`,"aria-relevant":`additions removals`},[(0,n.createVNode)(n.TransitionGroup,{name:`t-toast`},{default:(0,n.withCtx)(()=>[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(s.value,t=>((0,n.openBlock)(),(0,n.createBlock)(e.default,{key:t.id,toast:t,onClose:l},null,8,[`toast`]))),128))]),_:1})],2)]))],64))}});exports.default=r;
+//# sourceMappingURL=TToastProvider.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TToastProvider.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TToastProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useToast, type ToastPosition } from '../composables/useToast';\nimport TToast from './TToast.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    position?: ToastPosition;\n    max?: number;\n  }>(),\n  {\n    position: 'bottom-right',\n    max: 5,\n  },\n);\n\nconst { toasts, remove } = useToast();\n\nconst visibleToasts = computed(() =>\n  toasts.value.slice(-props.max),\n);\n\nconst classes = computed(() => [\n  't-toast-provider',\n  `t-toast-provider--${props.position}`,\n]);\n\nfunction handleClose(id: string) {\n  remove(id);\n}\n</script>\n\n<template>\n  <slot />\n\n  <Teleport to=\"body\">\n    <div\n      :class=\"classes\"\n      aria-live=\"polite\"\n      aria-relevant=\"additions removals\"\n    >\n      <TransitionGroup name=\"t-toast\">\n        <TToast\n          v-for=\"toast in visibleToasts\"\n          :key=\"toast.id\"\n          :toast=\"toast\"\n          @close=\"handleClose\"\n        />\n      </TransitionGroup>\n    </div>\n  </Teleport>\n</template>\n"],"mappings":"sNAKA,IAAM,EAAQ,EAWR,CAAE,SAAQ,UAAW,EAAA,SAAS,EAE9B,GAAA,EAAA,EAAA,SAAA,KACJ,EAAO,MAAM,MAAM,CAAC,EAAM,GAAG,CAC/B,EAEM,GAAA,EAAA,EAAA,SAAA,KAAyB,CAC7B,mBACA,qBAAqB,EAAM,UAC7B,CAAC,EAED,SAAS,EAAY,EAAY,CAC/B,EAAO,CAAE,CACX,4FAIU,EAAA,OAAA,SAAA,IAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,YAAA,CAiBG,EAAA,SAAA,CAfD,GAAG,MAAM,EAAA,EAAA,EAAA,EAAA,mBAAA,CAcX,MAAA,CAZH,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAO,EACf,YAAU,SACV,gBAAc,yCASI,EAAA,gBAAA,CAPD,KAAK,SAAS,EAAA,2BAEG,GAAA,EAAA,EAAA,UAAA,CAAA,EAAA,GAAA,EAAA,EAAA,mBAAA,CAI9B,EAAA,SAAA,MAAA,EAAA,EAAA,WAAA,CAJgB,EAAA,MAAT,wCAIP,EAAA,QAAA,CAHC,IAAK,EAAM,GACJ,QACP,QAAO"}

package/dist/components/TToastProvider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import e from "./TToast.js";
+import { useToast as t } from "../composables/useToast.js";
+import { Fragment as n, Teleport as r, TransitionGroup as i, computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderList as p, renderSlot as m, withCtx as h } from "vue";
+//#region src/components/TToastProvider.vue?vue&type=script&setup=true&lang.ts
+var g = /*@__PURE__*/ u({
+	__name: "TToastProvider",
+	props: {
+		position: { default: "bottom-right" },
+		max: { default: 5 }
+	},
+	setup(u) {
+		let g = u, { toasts: _, remove: v } = t(), y = a(() => _.value.slice(-g.max)), b = a(() => ["t-toast-provider", `t-toast-provider--${g.position}`]);
+		function x(e) {
+			v(e);
+		}
+		return (t, a) => (f(), s(n, null, [m(t.$slots, "default"), (f(), o(r, { to: "body" }, [c("div", {
+			class: d(b.value),
+			"aria-live": "polite",
+			"aria-relevant": "additions removals"
+		}, [l(i, { name: "t-toast" }, {
+			default: h(() => [(f(!0), s(n, null, p(y.value, (t) => (f(), o(e, {
+				key: t.id,
+				toast: t,
+				onClose: x
+			}, null, 8, ["toast"]))), 128))]),
+			_: 1
+		})], 2)]))], 64));
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=TToastProvider.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TToastProvider.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TToastProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useToast, type ToastPosition } from '../composables/useToast';\nimport TToast from './TToast.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    position?: ToastPosition;\n    max?: number;\n  }>(),\n  {\n    position: 'bottom-right',\n    max: 5,\n  },\n);\n\nconst { toasts, remove } = useToast();\n\nconst visibleToasts = computed(() =>\n  toasts.value.slice(-props.max),\n);\n\nconst classes = computed(() => [\n  't-toast-provider',\n  `t-toast-provider--${props.position}`,\n]);\n\nfunction handleClose(id: string) {\n  remove(id);\n}\n</script>\n\n<template>\n  <slot />\n\n  <Teleport to=\"body\">\n    <div\n      :class=\"classes\"\n      aria-live=\"polite\"\n      aria-relevant=\"additions removals\"\n    >\n      <TransitionGroup name=\"t-toast\">\n        <TToast\n          v-for=\"toast in visibleToasts\"\n          :key=\"toast.id\"\n          :toast=\"toast\"\n          @close=\"handleClose\"\n        />\n      </TransitionGroup>\n    </div>\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;;;;;EAKA,IAAM,IAAQ,GAWR,EAAE,WAAQ,cAAW,EAAS,GAE9B,IAAgB,QACpB,EAAO,MAAM,MAAM,CAAC,EAAM,GAAG,CAC/B,GAEM,IAAU,QAAe,CAC7B,oBACA,qBAAqB,EAAM,UAC7B,CAAC;EAED,SAAS,EAAY,GAAY;GAC/B,EAAO,CAAE;EACX;qCAIE,EAAQ,EAAA,QAAA,SAAA,IAAA,EAAA,GAER,EAeW,GAAA,EAfD,IAAG,OAAM,GAAA,CACjB,EAaM,OAAA;GAZH,OAAK,EAAE,EAAA,KAAO;GACf,aAAU;GACV,iBAAc;MAEd,EAOkB,GAAA,EAPD,MAAK,UAAS,GAAA;oBAEG,EAAA,EAAA,EAAA,GADhC,EAKE,GAAA,MAAA,EAJgB,EAAA,QAAT,YADT,EAKE,GAAA;IAHC,KAAK,EAAM;IACJ;IACP,SAAO"}

package/dist/components/TToggleGroup.cjs

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

package/dist/components/TToggleGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TToggleGroup.cjs","names":[],"sources":["../../src/components/TToggleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId, getNextEnabledIndex, isActivationKey } from '@treeui/utils';\nimport { computed, nextTick, ref, useAttrs, watch, type ComponentPublicInstance } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport interface TToggleGroupOption {\n  label: string;\n  value: string;\n  disabled?: boolean;\n}\n\nconst _treeToggleGroupSelectionModes = ['single', 'multiple'] as const;\nconst _treeToggleGroupVariants = ['outline', 'soft', 'solid'] as const;\n\nexport type TToggleGroupSelectionMode = (typeof _treeToggleGroupSelectionModes)[number];\nexport type TToggleGroupVariant = (typeof _treeToggleGroupVariants)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string | string[];\n    options?: TToggleGroupOption[];\n    selectionMode?: TToggleGroupSelectionMode;\n    size?: TSize;\n    variant?: TToggleGroupVariant;\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    options: () => [],\n    selectionMode: 'single',\n    size: 'md',\n    variant: 'outline',\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[] | undefined];\n}>();\n\ndefineSlots<{\n  option?: (props: { option: TToggleGroupOption; selected: boolean }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst baseId = createId('t-toggle-group');\nconst buttonRefs = ref<Map<string, HTMLButtonElement>>(new Map());\n\nconst normalizedValues = computed(() =>\n  props.selectionMode === 'multiple'\n    ? Array.isArray(props.modelValue)\n      ? props.modelValue\n      : []\n    : typeof props.modelValue === 'string' && props.modelValue\n      ? [props.modelValue]\n      : [],\n);\n\nconst getInitialFocusedIndex = () => {\n  const selectedIndex = props.options.findIndex((option) =>\n    normalizedValues.value.includes(option.value) && !option.disabled,\n  );\n\n  if (selectedIndex >= 0) {\n    return selectedIndex;\n  }\n\n  return props.options.findIndex((option) => !option.disabled);\n};\n\nconst focusedIndex = ref(getInitialFocusedIndex());\n\nconst rootClasses = computed(() => [\n  't-toggle-group',\n  `t-toggle-group--${props.size}`,\n  `t-toggle-group--${props.variant}`,\n  `t-toggle-group--${props.selectionMode}`,\n  {\n    'is-disabled': props.disabled,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst isSelected = (value: string) => normalizedValues.value.includes(value);\n\nconst setButtonRef = (element: Element | ComponentPublicInstance | null, value: string) => {\n  const resolvedElement =\n    element instanceof HTMLButtonElement\n      ? element\n      : element && '$el' in element && element.$el instanceof HTMLButtonElement\n        ? element.$el\n        : null;\n\n  if (resolvedElement instanceof HTMLButtonElement) {\n    buttonRefs.value.set(value, resolvedElement);\n  } else {\n    buttonRefs.value.delete(value);\n  }\n};\n\nconst focusOption = (index: number) => {\n  const option = props.options[index];\n\n  if (!option) {\n    return;\n  }\n\n  focusedIndex.value = index;\n  nextTick(() => buttonRefs.value.get(option.value)?.focus());\n};\n\nconst selectValue = (value: string) => {\n  const option = props.options.find((item) => item.value === value);\n\n  if (!option || option.disabled || props.disabled) {\n    return;\n  }\n\n  if (props.selectionMode === 'multiple') {\n    const nextValues = isSelected(value)\n      ? normalizedValues.value.filter((item) => item !== value)\n      : [...normalizedValues.value, value];\n\n    emit('update:modelValue', nextValues);\n    return;\n  }\n\n  emit('update:modelValue', value);\n};\n\nconst onOptionKeydown = (event: KeyboardEvent, index: number) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault();\n    const firstIndex = props.options.findIndex((option) => !option.disabled);\n\n    if (firstIndex >= 0) {\n      focusOption(firstIndex);\n\n      if (props.selectionMode === 'single') {\n        selectValue(props.options[firstIndex].value);\n      }\n    }\n\n    return;\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault();\n    const lastIndex = [...props.options].reverse().findIndex((option) => !option.disabled);\n\n    if (lastIndex >= 0) {\n      const resolvedIndex = props.options.length - 1 - lastIndex;\n      focusOption(resolvedIndex);\n\n      if (props.selectionMode === 'single') {\n        selectValue(props.options[resolvedIndex].value);\n      }\n    }\n\n    return;\n  }\n\n  if (\n    event.key === 'ArrowRight' ||\n    event.key === 'ArrowDown' ||\n    event.key === 'ArrowLeft' ||\n    event.key === 'ArrowUp'\n  ) {\n    event.preventDefault();\n    const direction = event.key === 'ArrowRight' || event.key === 'ArrowDown' ? 1 : -1;\n    const nextIndex = getNextEnabledIndex(index, props.options, direction as 1 | -1);\n\n    if (nextIndex >= 0) {\n      focusOption(nextIndex);\n\n      if (props.selectionMode === 'single') {\n        selectValue(props.options[nextIndex].value);\n      }\n    }\n\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectValue(props.options[index].value);\n  }\n};\n\nconst getTabIndex = (index: number) => (focusedIndex.value === index ? 0 : -1);\n\nwatch(\n  () => [props.modelValue, props.options] as const,\n  () => {\n    const nextIndex = getInitialFocusedIndex();\n    focusedIndex.value = nextIndex >= 0 ? nextIndex : -1;\n  },\n  { deep: true },\n);\n</script>\n\n<template>\n  <div\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :role=\"selectionMode === 'single' ? 'radiogroup' : 'group'\"\n  >\n    <button\n      v-for=\"(option, index) in options\"\n      :id=\"`${baseId}-${option.value}`\"\n      :ref=\"(element) => setButtonRef(element, option.value)\"\n      :key=\"option.value\"\n      type=\"button\"\n      class=\"t-toggle-group__item\"\n      :class=\"{\n        'is-selected': isSelected(option.value),\n        'is-disabled': disabled || option.disabled,\n      }\"\n      :role=\"selectionMode === 'single' ? 'radio' : undefined\"\n      :aria-checked=\"selectionMode === 'single' ? isSelected(option.value) : undefined\"\n      :aria-pressed=\"selectionMode === 'multiple' ? isSelected(option.value) : undefined\"\n      :tabindex=\"option.disabled || disabled ? -1 : getTabIndex(index)\"\n      :disabled=\"disabled || option.disabled\"\n      @click=\"selectValue(option.value)\"\n      @keydown=\"onOptionKeydown($event, index)\"\n      @focus=\"focusedIndex = index\"\n    >\n      <slot\n        name=\"option\"\n        :option=\"option\"\n        :selected=\"isSelected(option.value)\"\n      >\n        {{ option.label }}\n      </slot>\n    </button>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TToggleGroup.js

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

package/dist/components/TToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TToggleGroup.js","names":[],"sources":["../../src/components/TToggleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId, getNextEnabledIndex, isActivationKey } from '@treeui/utils';\nimport { computed, nextTick, ref, useAttrs, watch, type ComponentPublicInstance } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport interface TToggleGroupOption {\n  label: string;\n  value: string;\n  disabled?: boolean;\n}\n\nconst _treeToggleGroupSelectionModes = ['single', 'multiple'] as const;\nconst _treeToggleGroupVariants = ['outline', 'soft', 'solid'] as const;\n\nexport type TToggleGroupSelectionMode = (typeof _treeToggleGroupSelectionModes)[number];\nexport type TToggleGroupVariant = (typeof _treeToggleGroupVariants)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string | string[];\n    options?: TToggleGroupOption[];\n    selectionMode?: TToggleGroupSelectionMode;\n    size?: TSize;\n    variant?: TToggleGroupVariant;\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    options: () => [],\n    selectionMode: 'single',\n    size: 'md',\n    variant: 'outline',\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[] | undefined];\n}>();\n\ndefineSlots<{\n  option?: (props: { option: TToggleGroupOption; selected: boolean }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst baseId = createId('t-toggle-group');\nconst buttonRefs = ref<Map<string, HTMLButtonElement>>(new Map());\n\nconst normalizedValues = computed(() =>\n  props.selectionMode === 'multiple'\n    ? Array.isArray(props.modelValue)\n      ? props.modelValue\n      : []\n    : typeof props.modelValue === 'string' && props.modelValue\n      ? [props.modelValue]\n      : [],\n);\n\nconst getInitialFocusedIndex = () => {\n  const selectedIndex = props.options.findIndex((option) =>\n    normalizedValues.value.includes(option.value) && !option.disabled,\n  );\n\n  if (selectedIndex >= 0) {\n    return selectedIndex;\n  }\n\n  return props.options.findIndex((option) => !option.disabled);\n};\n\nconst focusedIndex = ref(getInitialFocusedIndex());\n\nconst rootClasses = computed(() => [\n  't-toggle-group',\n  `t-toggle-group--${props.size}`,\n  `t-toggle-group--${props.variant}`,\n  `t-toggle-group--${props.selectionMode}`,\n  {\n    'is-disabled': props.disabled,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst isSelected = (value: string) => normalizedValues.value.includes(value);\n\nconst setButtonRef = (element: Element | ComponentPublicInstance | null, value: string) => {\n  const resolvedElement =\n    element instanceof HTMLButtonElement\n      ? element\n      : element && '$el' in element && element.$el instanceof HTMLButtonElement\n        ? element.$el\n        : null;\n\n  if (resolvedElement instanceof HTMLButtonElement) {\n    buttonRefs.value.set(value, resolvedElement);\n  } else {\n    buttonRefs.value.delete(value);\n  }\n};\n\nconst focusOption = (index: number) => {\n  const option = props.options[index];\n\n  if (!option) {\n    return;\n  }\n\n  focusedIndex.value = index;\n  nextTick(() => buttonRefs.value.get(option.value)?.focus());\n};\n\nconst selectValue = (value: string) => {\n  const option = props.options.find((item) => item.value === value);\n\n  if (!option || option.disabled || props.disabled) {\n    return;\n  }\n\n  if (props.selectionMode === 'multiple') {\n    const nextValues = isSelected(value)\n      ? normalizedValues.value.filter((item) => item !== value)\n      : [...normalizedValues.value, value];\n\n    emit('update:modelValue', nextValues);\n    return;\n  }\n\n  emit('update:modelValue', value);\n};\n\nconst onOptionKeydown = (event: KeyboardEvent, index: number) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault();\n    const firstIndex = props.options.findIndex((option) => !option.disabled);\n\n    if (firstIndex >= 0) {\n      focusOption(firstIndex);\n\n      if (props.selectionMode === 'single') {\n        selectValue(props.options[firstIndex].value);\n      }\n    }\n\n    return;\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault();\n    const lastIndex = [...props.options].reverse().findIndex((option) => !option.disabled);\n\n    if (lastIndex >= 0) {\n      const resolvedIndex = props.options.length - 1 - lastIndex;\n      focusOption(resolvedIndex);\n\n      if (props.selectionMode === 'single') {\n        selectValue(props.options[resolvedIndex].value);\n      }\n    }\n\n    return;\n  }\n\n  if (\n    event.key === 'ArrowRight' ||\n    event.key === 'ArrowDown' ||\n    event.key === 'ArrowLeft' ||\n    event.key === 'ArrowUp'\n  ) {\n    event.preventDefault();\n    const direction = event.key === 'ArrowRight' || event.key === 'ArrowDown' ? 1 : -1;\n    const nextIndex = getNextEnabledIndex(index, props.options, direction as 1 | -1);\n\n    if (nextIndex >= 0) {\n      focusOption(nextIndex);\n\n      if (props.selectionMode === 'single') {\n        selectValue(props.options[nextIndex].value);\n      }\n    }\n\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectValue(props.options[index].value);\n  }\n};\n\nconst getTabIndex = (index: number) => (focusedIndex.value === index ? 0 : -1);\n\nwatch(\n  () => [props.modelValue, props.options] as const,\n  () => {\n    const nextIndex = getInitialFocusedIndex();\n    focusedIndex.value = nextIndex >= 0 ? nextIndex : -1;\n  },\n  { deep: true },\n);\n</script>\n\n<template>\n  <div\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :role=\"selectionMode === 'single' ? 'radiogroup' : 'group'\"\n  >\n    <button\n      v-for=\"(option, index) in options\"\n      :id=\"`${baseId}-${option.value}`\"\n      :ref=\"(element) => setButtonRef(element, option.value)\"\n      :key=\"option.value\"\n      type=\"button\"\n      class=\"t-toggle-group__item\"\n      :class=\"{\n        'is-selected': isSelected(option.value),\n        'is-disabled': disabled || option.disabled,\n      }\"\n      :role=\"selectionMode === 'single' ? 'radio' : undefined\"\n      :aria-checked=\"selectionMode === 'single' ? isSelected(option.value) : undefined\"\n      :aria-pressed=\"selectionMode === 'multiple' ? isSelected(option.value) : undefined\"\n      :tabindex=\"option.disabled || disabled ? -1 : getTabIndex(index)\"\n      :disabled=\"disabled || option.disabled\"\n      @click=\"selectValue(option.value)\"\n      @keydown=\"onOptionKeydown($event, index)\"\n      @focus=\"focusedIndex = index\"\n    >\n      <slot\n        name=\"option\"\n        :option=\"option\"\n        :selected=\"isSelected(option.value)\"\n      >\n        {{ option.label }}\n      </slot>\n    </button>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TToggleGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue"),t=require("@treeui/utils");var n=[`role`],r=[`id`,`role`,`aria-checked`,`aria-pressed`,`tabindex`,`disabled`,`onClick`,`onKeydown`,`onFocus`],i=(0,e.defineComponent)({inheritAttrs:!1,__name:`TToggleGroup`,props:{modelValue:{default:void 0},options:{default:()=>[]},selectionMode:{default:`single`},size:{default:`md`},variant:{default:`outline`},disabled:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(i,{emit:a}){let o=i,s=a,c=(0,e.useAttrs)(),l=(0,t.createId)(`t-toggle-group`),u=(0,e.ref)(new Map),d=(0,e.computed)(()=>o.selectionMode===`multiple`?Array.isArray(o.modelValue)?o.modelValue:[]:typeof o.modelValue==`string`&&o.modelValue?[o.modelValue]:[]),f=()=>{let e=o.options.findIndex(e=>d.value.includes(e.value)&&!e.disabled);return e>=0?e:o.options.findIndex(e=>!e.disabled)},p=(0,e.ref)(f()),m=(0,e.computed)(()=>[`t-toggle-group`,`t-toggle-group--${o.size}`,`t-toggle-group--${o.variant}`,`t-toggle-group--${o.selectionMode}`,{"is-disabled":o.disabled},c.class]),h=(0,e.computed)(()=>c.style),g=(0,e.computed)(()=>{let{class:e,style:t,...n}=c;return n}),_=e=>d.value.includes(e),v=(e,t)=>{let n=e instanceof HTMLButtonElement?e:e&&`$el`in e&&e.$el instanceof HTMLButtonElement?e.$el:null;n instanceof HTMLButtonElement?u.value.set(t,n):u.value.delete(t)},y=t=>{let n=o.options[t];n&&(p.value=t,(0,e.nextTick)(()=>u.value.get(n.value)?.focus()))},b=e=>{let t=o.options.find(t=>t.value===e);if(!(!t||t.disabled||o.disabled)){if(o.selectionMode===`multiple`){let t=_(e)?d.value.filter(t=>t!==e):[...d.value,e];s(`update:modelValue`,t);return}s(`update:modelValue`,e)}},x=(e,n)=>{if(!o.disabled){if(e.key===`Home`){e.preventDefault();let t=o.options.findIndex(e=>!e.disabled);t>=0&&(y(t),o.selectionMode===`single`&&b(o.options[t].value));return}if(e.key===`End`){e.preventDefault();let t=[...o.options].reverse().findIndex(e=>!e.disabled);if(t>=0){let e=o.options.length-1-t;y(e),o.selectionMode===`single`&&b(o.options[e].value)}return}if(e.key===`ArrowRight`||e.key===`ArrowDown`||e.key===`ArrowLeft`||e.key===`ArrowUp`){e.preventDefault();let r=e.key===`ArrowRight`||e.key===`ArrowDown`?1:-1,i=(0,t.getNextEnabledIndex)(n,o.options,r);i>=0&&(y(i),o.selectionMode===`single`&&b(o.options[i].value));return}(0,t.isActivationKey)(e)&&(e.preventDefault(),b(o.options[n].value))}},S=e=>p.value===e?0:-1;return(0,e.watch)(()=>[o.modelValue,o.options],()=>{let e=f();p.value=e>=0?e:-1},{deep:!0}),(t,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,(0,e.mergeProps)(g.value,{class:m.value,style:h.value,role:i.selectionMode===`single`?`radiogroup`:`group`}),[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(i.options,(n,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{id:`${(0,e.unref)(l)}-${n.value}`,ref_for:!0,ref:e=>v(e,n.value),key:n.value,type:`button`,class:(0,e.normalizeClass)([`t-toggle-group__item`,{"is-selected":_(n.value),"is-disabled":i.disabled||n.disabled}]),role:i.selectionMode===`single`?`radio`:void 0,"aria-checked":i.selectionMode===`single`?_(n.value):void 0,"aria-pressed":i.selectionMode===`multiple`?_(n.value):void 0,tabindex:n.disabled||i.disabled?-1:S(a),disabled:i.disabled||n.disabled,onClick:e=>b(n.value),onKeydown:e=>x(e,a),onFocus:e=>p.value=a},[(0,e.renderSlot)(t.$slots,`option`,{option:n,selected:_(n.value)},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(n.label),1)])],42,r))),128))],16,n))}});exports.default=i;
+//# sourceMappingURL=TToggleGroup.vue_vue_type_script_setup_true_lang.cjs.map