@treeui/vue 0.7.0 → 0.10.0

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

@@ -1,36 +1,36 @@
-import { TreeSize } from '../types/contracts';
-export type TreeTimelineTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
-export interface TreeTimelineItem {
+import { TSize } from '../types/contracts';
+export type TTimelineTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
+export interface TTimelineItem {
     id?: string | number;
     title: string;
     description?: string;
     meta?: string;
     timestamp?: string;
     datetime?: string;
-    tone?: TreeTimelineTone;
+    tone?: TTimelineTone;
 }
 type __VLS_Props = {
-    items?: TreeTimelineItem[];
-    size?: TreeSize;
+    items?: TTimelineItem[];
+    size?: TSize;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         marker?: (props: {
-            item: TreeTimelineItem;
+            item: TTimelineItem;
             index: number;
         }) => unknown;
         item?: (props: {
-            item: TreeTimelineItem;
+            item: TTimelineItem;
             index: number;
         }) => unknown;
     }> & {
         marker?: (props: {
-            item: TreeTimelineItem;
+            item: TTimelineItem;
             index: number;
         }) => unknown;
         item?: (props: {
-            item: TreeTimelineItem;
+            item: TTimelineItem;
             index: number;
         }) => unknown;
     };
@@ -39,8 +39,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: TreeSize;
-    items: TreeTimelineItem[];
+    size: TSize;
+    items: TTimelineItem[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
@@ -49,4 +49,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeTimeline.vue.d.ts.map
+//# sourceMappingURL=TTimeline.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTimeline.vue.d.ts","sourceRoot":"","sources":["../../src/components/TTimeline.vue"],"names":[],"mappings":"AA6HA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAMhD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEnF,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAsCJ,iBAAS,cAAc;WA8ET,OAAO,IAA6B;;iBA1GvC,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,aAAa,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;eAC5D,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,aAAa,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;iBADxD,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,aAAa,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;eAC5D,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,aAAa,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;;;EA8GlE;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UAzIV,KAAK;WADJ,aAAa,EAAE;6EAiJzB,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/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/{TreeToast.vue.d.ts → TToast.vue.d.ts}

@@ -8,4 +8,4 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     onClose?: ((id: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=TreeToast.vue.d.ts.map
+//# sourceMappingURL=TToast.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TToast.vue.d.ts","sourceRoot":"","sources":["../../src/components/TToast.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAWzD,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,SAAS,CAAC;CAClB,CAAC;;;;;;AA6HJ,wBASG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TToastProvider.vue.d.ts","sourceRoot":"","sources":["../../src/components/TToastProvider.vue"],"names":[],"mappings":"AAuDA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGvE,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA8BJ,iBAAS,cAAc;WAoET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;SAtHX,MAAM;cADD,aAAa;6EA8H1B,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/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/{TreeToggleGroup.vue.d.ts → TToggleGroup.vue.d.ts}

@@ -1,31 +1,31 @@
-import { TreeSize } from '../types/contracts';
-export interface TreeToggleGroupOption {
+import { TSize } from '../types/contracts';
+export interface TToggleGroupOption {
     label: string;
     value: string;
     disabled?: boolean;
 }
 declare const _treeToggleGroupSelectionModes: readonly ["single", "multiple"];
 declare const _treeToggleGroupVariants: readonly ["outline", "soft", "solid"];
-export type TreeToggleGroupSelectionMode = (typeof _treeToggleGroupSelectionModes)[number];
-export type TreeToggleGroupVariant = (typeof _treeToggleGroupVariants)[number];
+export type TToggleGroupSelectionMode = (typeof _treeToggleGroupSelectionModes)[number];
+export type TToggleGroupVariant = (typeof _treeToggleGroupVariants)[number];
 type __VLS_Props = {
     modelValue?: string | string[];
-    options?: TreeToggleGroupOption[];
-    selectionMode?: TreeToggleGroupSelectionMode;
-    size?: TreeSize;
-    variant?: TreeToggleGroupVariant;
+    options?: TToggleGroupOption[];
+    selectionMode?: TToggleGroupSelectionMode;
+    size?: TSize;
+    variant?: TToggleGroupVariant;
     disabled?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         option?: (props: {
-            option: TreeToggleGroupOption;
+            option: TToggleGroupOption;
             selected: boolean;
         }) => unknown;
     }> & {
         option?: (props: {
-            option: TreeToggleGroupOption;
+            option: TToggleGroupOption;
             selected: boolean;
         }) => unknown;
     };
@@ -40,10 +40,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     modelValue: string | string[];
     disabled: boolean;
-    size: TreeSize;
-    variant: TreeToggleGroupVariant;
-    options: TreeToggleGroupOption[];
-    selectionMode: TreeToggleGroupSelectionMode;
+    size: TSize;
+    variant: TToggleGroupVariant;
+    options: TToggleGroupOption[];
+    selectionMode: TToggleGroupSelectionMode;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
@@ -52,4 +52,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeToggleGroup.vue.d.ts.map
+//# sourceMappingURL=TToggleGroup.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TToggleGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/TToggleGroup.vue"],"names":[],"mappings":"AAiQA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAMhD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,8BAA8B,iCAAkC,CAAC;AACvE,QAAA,MAAM,wBAAwB,uCAAwC,CAAC;AAEvE,MAAM,MAAM,yBAAyB,GAAG,CAAC,OAAO,8BAA8B,CAAC,CAAC,MAAM,CAAC,CAAC;AACxF,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAuMJ,iBAAS,cAAc;WAsDT,OAAO,IAA6B;;iBA1OvC,CAAC,KAAK,EAAE;YAAE,MAAM,EAAE,kBAAkB,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;;iBAArE,CAAC,KAAK,EAAE;YAAE,MAAM,EAAE,kBAAkB,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;;;;EA+O/E;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;gBA7RJ,MAAM,GAAG,MAAM,EAAE;cAKnB,OAAO;UAFX,KAAK;aACF,mBAAmB;aAHnB,kBAAkB,EAAE;mBACd,yBAAyB;6EAmS3C,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/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

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

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