@treeui/vue 0.7.0 → 0.10.0

package/dist/components/TStack.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=(0,e.defineComponent)({inheritAttrs:!1,__name:`TStack`,props:{as:{default:`div`},direction:{default:`vertical`},gap:{default:`var(--tree-space-4)`},align:{default:`stretch`},justify:{default:`flex-start`},wrap:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1}},setup(t){let n=t,r=(0,e.useAttrs)(),i=(0,e.computed)(()=>[`t-stack`,`t-stack--${n.direction}`,{"is-wrapping":n.wrap,"is-reversed":n.reverse},r.class]),a=(0,e.computed)(()=>[{gap:n.gap,alignItems:n.align,justifyContent:n.justify},r.style]),o=(0,e.computed)(()=>{let{class:e,style:t,...n}=r;return n});return(n,r)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.as),(0,e.mergeProps)(o.value,{class:i.value,style:a.value}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,`default`)]),_:3},16,[`class`,`style`]))}});exports.default=t;
+//# sourceMappingURL=TStack.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TStack.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TStack.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStackDirections = ['vertical', 'horizontal'] as const;\n\nexport type TStackDirection = (typeof _treeStackDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    direction?: TStackDirection;\n    gap?: string;\n    align?: string;\n    justify?: string;\n    wrap?: boolean;\n    reverse?: boolean;\n  }>(),\n  {\n    as: 'div',\n    direction: 'vertical',\n    gap: 'var(--tree-space-4)',\n    align: 'stretch',\n    justify: 'flex-start',\n    wrap: false,\n    reverse: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-stack',\n  `t-stack--${props.direction}`,\n  {\n    'is-wrapping': props.wrap,\n    'is-reversed': props.reverse,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    alignItems: props.align,\n    justifyContent: props.justify,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":"mTAWA,IAAM,EAAQ,EAqBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,UACA,YAAY,EAAM,YAClB,CACE,cAAe,EAAM,KACrB,cAAe,EAAM,OACvB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,CACE,IAAK,EAAM,IACX,WAAY,EAAM,MAClB,eAAgB,EAAM,OACxB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,kFAKQ,EAAA,EAAE,GAAA,EAAA,EAAA,WAAA,CACC,EAKE,MALO,CAChB,MAAO,EAAA,MACP,MAAO,EAAA,mCAEA,EAAA,EAAA,EAAA,WAAA,CAAA,EAAA,OAAA,SAAA,CAAA,CAAA"}

package/dist/components/TStack.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,50 @@
+import { computed as e, createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, resolveDynamicComponent as o, useAttrs as s, withCtx as c } from "vue";
+//#region src/components/TStack.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "TStack",
+	props: {
+		as: { default: "div" },
+		direction: { default: "vertical" },
+		gap: { default: "var(--tree-space-4)" },
+		align: { default: "stretch" },
+		justify: { default: "flex-start" },
+		wrap: {
+			type: Boolean,
+			default: !1
+		},
+		reverse: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n) {
+		let l = n, u = s(), d = e(() => [
+			"t-stack",
+			`t-stack--${l.direction}`,
+			{
+				"is-wrapping": l.wrap,
+				"is-reversed": l.reverse
+			},
+			u.class
+		]), f = e(() => [{
+			gap: l.gap,
+			alignItems: l.align,
+			justifyContent: l.justify
+		}, u.style]), p = e(() => {
+			let { class: e, style: t, ...n } = u;
+			return n;
+		});
+		return (e, s) => (i(), t(o(n.as), r(p.value, {
+			class: d.value,
+			style: f.value
+		}), {
+			default: c(() => [a(e.$slots, "default")]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=TStack.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TStack.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TStack.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStackDirections = ['vertical', 'horizontal'] as const;\n\nexport type TStackDirection = (typeof _treeStackDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    direction?: TStackDirection;\n    gap?: string;\n    align?: string;\n    justify?: string;\n    wrap?: boolean;\n    reverse?: boolean;\n  }>(),\n  {\n    as: 'div',\n    direction: 'vertical',\n    gap: 'var(--tree-space-4)',\n    align: 'stretch',\n    justify: 'flex-start',\n    wrap: false,\n    reverse: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-stack',\n  `t-stack--${props.direction}`,\n  {\n    'is-wrapping': props.wrap,\n    'is-reversed': props.reverse,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    alignItems: props.align,\n    justifyContent: props.justify,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAWA,IAAM,IAAQ,GAqBR,IAAQ,EAAS,GAEjB,IAAc,QAAe;GACjC;GACA,YAAY,EAAM;GAClB;IACE,eAAe,EAAM;IACrB,eAAe,EAAM;GACvB;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,CAC/B;GACE,KAAK,EAAM;GACX,YAAY,EAAM;GAClB,gBAAgB,EAAM;EACxB,GACA,EAAM,KACR,CAAC,GAEK,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC;yBAIC,EAOY,EANL,EAAA,EAAE,GADT,EAEU,EAKE,OALO;GAChB,OAAO,EAAA;GACP,OAAO,EAAA;;oBAEA,CAAR,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/TStat.cjs

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

package/dist/components/TStat.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TStat.cjs","names":[],"sources":["../../src/components/TStat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from 'vue';\nimport TSkeleton from './TSkeleton.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStatTones = ['neutral', 'success', 'warning', 'danger', 'info'] as const;\nconst _treeStatTrendDirections = ['up', 'down', 'neutral'] as const;\n\nexport type TStatTone = (typeof _treeStatTones)[number];\nexport type TStatTrendDirection = (typeof _treeStatTrendDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string;\n    value?: string | number;\n    trend?: string;\n    meta?: string;\n    tone?: TStatTone;\n    trendDirection?: TStatTrendDirection;\n    loading?: boolean;\n  }>(),\n  {\n    label: '',\n    value: '',\n    trend: '',\n    meta: '',\n    tone: 'neutral',\n    trendDirection: 'neutral',\n    loading: false,\n  },\n);\n\ndefineSlots<{\n  icon?: () => unknown;\n  label?: () => unknown;\n  value?: () => unknown;\n  trend?: () => unknown;\n  meta?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst rootClasses = computed(() => [\n  't-stat',\n  `t-stat--${props.tone}`,\n  {\n    'has-icon': Boolean(slots.icon) && !props.loading,\n    'is-loading': props.loading,\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 loadingAttrs = computed(() => ({\n  ...rootAttrs.value,\n  'aria-busy': props.loading || undefined,\n}));\n\nconst hasValue = computed(() => props.value !== '' && props.value !== null && props.value !== undefined);\nconst hasTrend = computed(() => Boolean(slots.trend || props.trend));\nconst hasMeta = computed(() => Boolean(slots.meta || props.meta));\nconst hasLabel = computed(() => Boolean(slots.label || props.label));\n\nconst trendSymbol = computed(() => {\n  if (props.trendDirection === 'up') {\n    return '+';\n  }\n\n  if (props.trendDirection === 'down') {\n    return '-';\n  }\n\n  return '•';\n});\n</script>\n\n<template>\n  <div\n    v-bind=\"loadingAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <template v-if=\"loading\">\n      <div class=\"t-stat__loading\">\n        <TSkeleton class=\"t-stat__loading-label\" />\n        <TSkeleton class=\"t-stat__loading-value\" />\n        <TSkeleton class=\"t-stat__loading-trend\" />\n      </div>\n    </template>\n    <template v-else>\n      <div\n        v-if=\"$slots.icon\"\n        class=\"t-stat__icon\"\n      >\n        <slot name=\"icon\" />\n      </div>\n\n      <div class=\"t-stat__body\">\n        <div\n          v-if=\"hasLabel || hasMeta\"\n          class=\"t-stat__topline\"\n        >\n          <p\n            v-if=\"hasLabel\"\n            class=\"t-stat__label\"\n          >\n            <slot name=\"label\">\n              {{ label }}\n            </slot>\n          </p>\n\n          <p\n            v-if=\"hasMeta\"\n            class=\"t-stat__meta\"\n          >\n            <slot name=\"meta\">\n              {{ meta }}\n            </slot>\n          </p>\n        </div>\n\n        <div class=\"t-stat__content\">\n          <p\n            v-if=\"hasValue || $slots.value\"\n            class=\"t-stat__value\"\n          >\n            <slot name=\"value\">\n              {{ value }}\n            </slot>\n          </p>\n\n          <p\n            v-if=\"hasTrend\"\n            class=\"t-stat__trend\"\n          >\n            <slot name=\"trend\">\n              <span\n                class=\"t-stat__trend-indicator\"\n                aria-hidden=\"true\"\n              >\n                {{ trendSymbol }}\n              </span>\n              <span>{{ trend }}</span>\n            </slot>\n          </p>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TStat.js

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

package/dist/components/TStat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TStat.js","names":[],"sources":["../../src/components/TStat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from 'vue';\nimport TSkeleton from './TSkeleton.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStatTones = ['neutral', 'success', 'warning', 'danger', 'info'] as const;\nconst _treeStatTrendDirections = ['up', 'down', 'neutral'] as const;\n\nexport type TStatTone = (typeof _treeStatTones)[number];\nexport type TStatTrendDirection = (typeof _treeStatTrendDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string;\n    value?: string | number;\n    trend?: string;\n    meta?: string;\n    tone?: TStatTone;\n    trendDirection?: TStatTrendDirection;\n    loading?: boolean;\n  }>(),\n  {\n    label: '',\n    value: '',\n    trend: '',\n    meta: '',\n    tone: 'neutral',\n    trendDirection: 'neutral',\n    loading: false,\n  },\n);\n\ndefineSlots<{\n  icon?: () => unknown;\n  label?: () => unknown;\n  value?: () => unknown;\n  trend?: () => unknown;\n  meta?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst rootClasses = computed(() => [\n  't-stat',\n  `t-stat--${props.tone}`,\n  {\n    'has-icon': Boolean(slots.icon) && !props.loading,\n    'is-loading': props.loading,\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 loadingAttrs = computed(() => ({\n  ...rootAttrs.value,\n  'aria-busy': props.loading || undefined,\n}));\n\nconst hasValue = computed(() => props.value !== '' && props.value !== null && props.value !== undefined);\nconst hasTrend = computed(() => Boolean(slots.trend || props.trend));\nconst hasMeta = computed(() => Boolean(slots.meta || props.meta));\nconst hasLabel = computed(() => Boolean(slots.label || props.label));\n\nconst trendSymbol = computed(() => {\n  if (props.trendDirection === 'up') {\n    return '+';\n  }\n\n  if (props.trendDirection === 'down') {\n    return '-';\n  }\n\n  return '•';\n});\n</script>\n\n<template>\n  <div\n    v-bind=\"loadingAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <template v-if=\"loading\">\n      <div class=\"t-stat__loading\">\n        <TSkeleton class=\"t-stat__loading-label\" />\n        <TSkeleton class=\"t-stat__loading-value\" />\n        <TSkeleton class=\"t-stat__loading-trend\" />\n      </div>\n    </template>\n    <template v-else>\n      <div\n        v-if=\"$slots.icon\"\n        class=\"t-stat__icon\"\n      >\n        <slot name=\"icon\" />\n      </div>\n\n      <div class=\"t-stat__body\">\n        <div\n          v-if=\"hasLabel || hasMeta\"\n          class=\"t-stat__topline\"\n        >\n          <p\n            v-if=\"hasLabel\"\n            class=\"t-stat__label\"\n          >\n            <slot name=\"label\">\n              {{ label }}\n            </slot>\n          </p>\n\n          <p\n            v-if=\"hasMeta\"\n            class=\"t-stat__meta\"\n          >\n            <slot name=\"meta\">\n              {{ meta }}\n            </slot>\n          </p>\n        </div>\n\n        <div class=\"t-stat__content\">\n          <p\n            v-if=\"hasValue || $slots.value\"\n            class=\"t-stat__value\"\n          >\n            <slot name=\"value\">\n              {{ value }}\n            </slot>\n          </p>\n\n          <p\n            v-if=\"hasTrend\"\n            class=\"t-stat__trend\"\n          >\n            <slot name=\"trend\">\n              <span\n                class=\"t-stat__trend-indicator\"\n                aria-hidden=\"true\"\n              >\n                {{ trendSymbol }}\n              </span>\n              <span>{{ trend }}</span>\n            </slot>\n          </p>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/{TreeStat.vue.d.ts → TStat.vue.d.ts}

@@ -1,14 +1,14 @@
 declare const _treeStatTones: readonly ["neutral", "success", "warning", "danger", "info"];
 declare const _treeStatTrendDirections: readonly ["up", "down", "neutral"];
-export type TreeStatTone = (typeof _treeStatTones)[number];
-export type TreeStatTrendDirection = (typeof _treeStatTrendDirections)[number];
+export type TStatTone = (typeof _treeStatTones)[number];
+export type TStatTrendDirection = (typeof _treeStatTrendDirections)[number];
 type __VLS_Props = {
     label?: string;
     value?: string | number;
     trend?: string;
     meta?: string;
-    tone?: TreeStatTone;
-    trendDirection?: TreeStatTrendDirection;
+    tone?: TStatTone;
+    trendDirection?: TStatTrendDirection;
     loading?: boolean;
 };
 declare function __VLS_template(): {
@@ -34,10 +34,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     label: string;
     meta: string;
     value: string | number;
-    tone: TreeStatTone;
+    tone: TStatTone;
     loading: boolean;
     trend: string;
-    trendDirection: TreeStatTrendDirection;
+    trendDirection: TStatTrendDirection;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
@@ -46,4 +46,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeStat.vue.d.ts.map
+//# sourceMappingURL=TStat.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TStat.vue.d.ts","sourceRoot":"","sources":["../../src/components/TStat.vue"],"names":[],"mappings":"AAyKA,QAAA,MAAM,cAAc,8DAA+D,CAAC;AACpF,QAAA,MAAM,wBAAwB,oCAAqC,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA2EJ,iBAAS,cAAc;WAgHT,OAAO,IAA6B;;eA5KzC,MAAM,OAAO;gBACZ,MAAM,OAAO;gBACb,MAAM,OAAO;gBACb,MAAM,OAAO;eACd,MAAM,OAAO;;eAJb,MAAM,OAAO;gBACZ,MAAM,OAAO;gBACb,MAAM,OAAO;gBACb,MAAM,OAAO;eACd,MAAM,OAAO;;;;EA6KrB;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WA1NT,MAAM;UAGP,MAAM;WAFL,MAAM,GAAG,MAAM;UAGhB,SAAS;aAEN,OAAO;WAJT,MAAM;oBAGG,mBAAmB;6EA4NtC,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/TStat.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./TSkeleton.cjs");let t=require("vue");var n={key:0,class:`t-stat__loading`},r={key:0,class:`t-stat__icon`},i={class:`t-stat__body`},a={key:0,class:`t-stat__topline`},o={key:0,class:`t-stat__label`},s={key:1,class:`t-stat__meta`},c={class:`t-stat__content`},l={key:0,class:`t-stat__value`},u={key:1,class:`t-stat__trend`},d={class:`t-stat__trend-indicator`,"aria-hidden":`true`},f=(0,t.defineComponent)({inheritAttrs:!1,__name:`TStat`,props:{label:{default:``},value:{default:``},trend:{default:``},meta:{default:``},tone:{default:`neutral`},trendDirection:{default:`neutral`},loading:{type:Boolean,default:!1}},setup(f){let p=f,m=(0,t.useAttrs)(),h=(0,t.useSlots)(),g=(0,t.computed)(()=>[`t-stat`,`t-stat--${p.tone}`,{"has-icon":!!h.icon&&!p.loading,"is-loading":p.loading},m.class]),_=(0,t.computed)(()=>m.style),v=(0,t.computed)(()=>{let{class:e,style:t,...n}=m;return n}),y=(0,t.computed)(()=>({...v.value,"aria-busy":p.loading||void 0})),b=(0,t.computed)(()=>p.value!==``&&p.value!==null&&p.value!==void 0),x=(0,t.computed)(()=>!!(h.trend||p.trend)),S=(0,t.computed)(()=>!!(h.meta||p.meta)),C=(0,t.computed)(()=>!!(h.label||p.label)),w=(0,t.computed)(()=>p.trendDirection===`up`?`+`:p.trendDirection===`down`?`-`:`•`);return(p,m)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,(0,t.mergeProps)(y.value,{class:g.value,style:_.value}),[f.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,n,[(0,t.createVNode)(e.default,{class:`t-stat__loading-label`}),(0,t.createVNode)(e.default,{class:`t-stat__loading-value`}),(0,t.createVNode)(e.default,{class:`t-stat__loading-trend`})])):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[p.$slots.icon?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,r,[(0,t.renderSlot)(p.$slots,`icon`)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,i,[C.value||S.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,a,[C.value?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,o,[(0,t.renderSlot)(p.$slots,`label`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(f.label),1)])])):(0,t.createCommentVNode)(``,!0),S.value?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,s,[(0,t.renderSlot)(p.$slots,`meta`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(f.meta),1)])])):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,c,[b.value||p.$slots.value?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,l,[(0,t.renderSlot)(p.$slots,`value`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(f.value),1)])])):(0,t.createCommentVNode)(``,!0),x.value?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,u,[(0,t.renderSlot)(p.$slots,`trend`,{},()=>[(0,t.createElementVNode)(`span`,d,(0,t.toDisplayString)(w.value),1),(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(f.trend),1)])])):(0,t.createCommentVNode)(``,!0)])])],64))],16))}});exports.default=f;
+//# sourceMappingURL=TStat.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TStat.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TStat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from 'vue';\nimport TSkeleton from './TSkeleton.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStatTones = ['neutral', 'success', 'warning', 'danger', 'info'] as const;\nconst _treeStatTrendDirections = ['up', 'down', 'neutral'] as const;\n\nexport type TStatTone = (typeof _treeStatTones)[number];\nexport type TStatTrendDirection = (typeof _treeStatTrendDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string;\n    value?: string | number;\n    trend?: string;\n    meta?: string;\n    tone?: TStatTone;\n    trendDirection?: TStatTrendDirection;\n    loading?: boolean;\n  }>(),\n  {\n    label: '',\n    value: '',\n    trend: '',\n    meta: '',\n    tone: 'neutral',\n    trendDirection: 'neutral',\n    loading: false,\n  },\n);\n\ndefineSlots<{\n  icon?: () => unknown;\n  label?: () => unknown;\n  value?: () => unknown;\n  trend?: () => unknown;\n  meta?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst rootClasses = computed(() => [\n  't-stat',\n  `t-stat--${props.tone}`,\n  {\n    'has-icon': Boolean(slots.icon) && !props.loading,\n    'is-loading': props.loading,\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 loadingAttrs = computed(() => ({\n  ...rootAttrs.value,\n  'aria-busy': props.loading || undefined,\n}));\n\nconst hasValue = computed(() => props.value !== '' && props.value !== null && props.value !== undefined);\nconst hasTrend = computed(() => Boolean(slots.trend || props.trend));\nconst hasMeta = computed(() => Boolean(slots.meta || props.meta));\nconst hasLabel = computed(() => Boolean(slots.label || props.label));\n\nconst trendSymbol = computed(() => {\n  if (props.trendDirection === 'up') {\n    return '+';\n  }\n\n  if (props.trendDirection === 'down') {\n    return '-';\n  }\n\n  return '•';\n});\n</script>\n\n<template>\n  <div\n    v-bind=\"loadingAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <template v-if=\"loading\">\n      <div class=\"t-stat__loading\">\n        <TSkeleton class=\"t-stat__loading-label\" />\n        <TSkeleton class=\"t-stat__loading-value\" />\n        <TSkeleton class=\"t-stat__loading-trend\" />\n      </div>\n    </template>\n    <template v-else>\n      <div\n        v-if=\"$slots.icon\"\n        class=\"t-stat__icon\"\n      >\n        <slot name=\"icon\" />\n      </div>\n\n      <div class=\"t-stat__body\">\n        <div\n          v-if=\"hasLabel || hasMeta\"\n          class=\"t-stat__topline\"\n        >\n          <p\n            v-if=\"hasLabel\"\n            class=\"t-stat__label\"\n          >\n            <slot name=\"label\">\n              {{ label }}\n            </slot>\n          </p>\n\n          <p\n            v-if=\"hasMeta\"\n            class=\"t-stat__meta\"\n          >\n            <slot name=\"meta\">\n              {{ meta }}\n            </slot>\n          </p>\n        </div>\n\n        <div class=\"t-stat__content\">\n          <p\n            v-if=\"hasValue || $slots.value\"\n            class=\"t-stat__value\"\n          >\n            <slot name=\"value\">\n              {{ value }}\n            </slot>\n          </p>\n\n          <p\n            v-if=\"hasTrend\"\n            class=\"t-stat__trend\"\n          >\n            <slot name=\"trend\">\n              <span\n                class=\"t-stat__trend-indicator\"\n                aria-hidden=\"true\"\n              >\n                {{ trendSymbol }}\n              </span>\n              <span>{{ trend }}</span>\n            </slot>\n          </p>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/TStat.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,72 @@
+import e from "./TSkeleton.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeProps as l, openBlock as u, renderSlot as d, toDisplayString as f, useAttrs as p, useSlots as m } from "vue";
+//#region src/components/TStat.vue?vue&type=script&setup=true&lang.ts
+var h = {
+	key: 0,
+	class: "t-stat__loading"
+}, g = {
+	key: 0,
+	class: "t-stat__icon"
+}, _ = { class: "t-stat__body" }, v = {
+	key: 0,
+	class: "t-stat__topline"
+}, y = {
+	key: 0,
+	class: "t-stat__label"
+}, b = {
+	key: 1,
+	class: "t-stat__meta"
+}, x = { class: "t-stat__content" }, S = {
+	key: 0,
+	class: "t-stat__value"
+}, C = {
+	key: 1,
+	class: "t-stat__trend"
+}, w = {
+	class: "t-stat__trend-indicator",
+	"aria-hidden": "true"
+}, T = /*@__PURE__*/ c({
+	inheritAttrs: !1,
+	__name: "TStat",
+	props: {
+		label: { default: "" },
+		value: { default: "" },
+		trend: { default: "" },
+		meta: { default: "" },
+		tone: { default: "neutral" },
+		trendDirection: { default: "neutral" },
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(c) {
+		let T = c, E = p(), D = m(), O = n(() => [
+			"t-stat",
+			`t-stat--${T.tone}`,
+			{
+				"has-icon": !!D.icon && !T.loading,
+				"is-loading": T.loading
+			},
+			E.class
+		]), k = n(() => E.style), A = n(() => {
+			let { class: e, style: t, ...n } = E;
+			return n;
+		}), j = n(() => ({
+			...A.value,
+			"aria-busy": T.loading || void 0
+		})), M = n(() => T.value !== "" && T.value !== null && T.value !== void 0), N = n(() => !!(D.trend || T.trend)), P = n(() => !!(D.meta || T.meta)), F = n(() => !!(D.label || T.label)), I = n(() => T.trendDirection === "up" ? "+" : T.trendDirection === "down" ? "-" : "•");
+		return (n, p) => (u(), i("div", l(j.value, {
+			class: O.value,
+			style: k.value
+		}), [c.loading ? (u(), i("div", h, [
+			s(e, { class: "t-stat__loading-label" }),
+			s(e, { class: "t-stat__loading-value" }),
+			s(e, { class: "t-stat__loading-trend" })
+		])) : (u(), i(t, { key: 1 }, [n.$slots.icon ? (u(), i("div", g, [d(n.$slots, "icon")])) : r("", !0), a("div", _, [F.value || P.value ? (u(), i("div", v, [F.value ? (u(), i("p", y, [d(n.$slots, "label", {}, () => [o(f(c.label), 1)])])) : r("", !0), P.value ? (u(), i("p", b, [d(n.$slots, "meta", {}, () => [o(f(c.meta), 1)])])) : r("", !0)])) : r("", !0), a("div", x, [M.value || n.$slots.value ? (u(), i("p", S, [d(n.$slots, "value", {}, () => [o(f(c.value), 1)])])) : r("", !0), N.value ? (u(), i("p", C, [d(n.$slots, "trend", {}, () => [a("span", w, f(I.value), 1), a("span", null, f(c.trend), 1)])])) : r("", !0)])])], 64))], 16));
+	}
+});
+//#endregion
+export { T as default };
+
+//# sourceMappingURL=TStat.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TStat.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TStat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from 'vue';\nimport TSkeleton from './TSkeleton.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStatTones = ['neutral', 'success', 'warning', 'danger', 'info'] as const;\nconst _treeStatTrendDirections = ['up', 'down', 'neutral'] as const;\n\nexport type TStatTone = (typeof _treeStatTones)[number];\nexport type TStatTrendDirection = (typeof _treeStatTrendDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string;\n    value?: string | number;\n    trend?: string;\n    meta?: string;\n    tone?: TStatTone;\n    trendDirection?: TStatTrendDirection;\n    loading?: boolean;\n  }>(),\n  {\n    label: '',\n    value: '',\n    trend: '',\n    meta: '',\n    tone: 'neutral',\n    trendDirection: 'neutral',\n    loading: false,\n  },\n);\n\ndefineSlots<{\n  icon?: () => unknown;\n  label?: () => unknown;\n  value?: () => unknown;\n  trend?: () => unknown;\n  meta?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst rootClasses = computed(() => [\n  't-stat',\n  `t-stat--${props.tone}`,\n  {\n    'has-icon': Boolean(slots.icon) && !props.loading,\n    'is-loading': props.loading,\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 loadingAttrs = computed(() => ({\n  ...rootAttrs.value,\n  'aria-busy': props.loading || undefined,\n}));\n\nconst hasValue = computed(() => props.value !== '' && props.value !== null && props.value !== undefined);\nconst hasTrend = computed(() => Boolean(slots.trend || props.trend));\nconst hasMeta = computed(() => Boolean(slots.meta || props.meta));\nconst hasLabel = computed(() => Boolean(slots.label || props.label));\n\nconst trendSymbol = computed(() => {\n  if (props.trendDirection === 'up') {\n    return '+';\n  }\n\n  if (props.trendDirection === 'down') {\n    return '-';\n  }\n\n  return '•';\n});\n</script>\n\n<template>\n  <div\n    v-bind=\"loadingAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <template v-if=\"loading\">\n      <div class=\"t-stat__loading\">\n        <TSkeleton class=\"t-stat__loading-label\" />\n        <TSkeleton class=\"t-stat__loading-value\" />\n        <TSkeleton class=\"t-stat__loading-trend\" />\n      </div>\n    </template>\n    <template v-else>\n      <div\n        v-if=\"$slots.icon\"\n        class=\"t-stat__icon\"\n      >\n        <slot name=\"icon\" />\n      </div>\n\n      <div class=\"t-stat__body\">\n        <div\n          v-if=\"hasLabel || hasMeta\"\n          class=\"t-stat__topline\"\n        >\n          <p\n            v-if=\"hasLabel\"\n            class=\"t-stat__label\"\n          >\n            <slot name=\"label\">\n              {{ label }}\n            </slot>\n          </p>\n\n          <p\n            v-if=\"hasMeta\"\n            class=\"t-stat__meta\"\n          >\n            <slot name=\"meta\">\n              {{ meta }}\n            </slot>\n          </p>\n        </div>\n\n        <div class=\"t-stat__content\">\n          <p\n            v-if=\"hasValue || $slots.value\"\n            class=\"t-stat__value\"\n          >\n            <slot name=\"value\">\n              {{ value }}\n            </slot>\n          </p>\n\n          <p\n            v-if=\"hasTrend\"\n            class=\"t-stat__trend\"\n          >\n            <slot name=\"trend\">\n              <span\n                class=\"t-stat__trend-indicator\"\n                aria-hidden=\"true\"\n              >\n                {{ trendSymbol }}\n              </span>\n              <span>{{ trend }}</span>\n            </slot>\n          </p>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,IAAM,IAAQ,GA6BR,IAAQ,EAAS,GACjB,IAAQ,EAAS,GAEjB,IAAc,QAAe;GACjC;GACA,WAAW,EAAM;GACjB;IACE,YAAY,EAAQ,EAAM,QAAS,CAAC,EAAM;IAC1C,cAAc,EAAM;GACtB;GACA,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,IAAe,SAAgB;GACnC,GAAG,EAAU;GACb,aAAa,EAAM,WAAW,KAAA;EAChC,EAAE,GAEI,IAAW,QAAe,EAAM,UAAU,MAAM,EAAM,UAAU,QAAQ,EAAM,UAAU,KAAA,CAAS,GACjG,IAAW,QAAe,GAAQ,EAAM,SAAS,EAAM,MAAM,GAC7D,IAAU,QAAe,GAAQ,EAAM,QAAQ,EAAM,KAAK,GAC1D,IAAW,QAAe,GAAQ,EAAM,SAAS,EAAM,MAAM,GAE7D,IAAc,QACd,EAAM,mBAAmB,OACpB,MAGL,EAAM,mBAAmB,SACpB,MAGF,GACR;yBAIC,EAuEM,OAvEN,EACU,EAsEJ,OAtEgB;GACnB,OAAO,EAAA;GACP,OAAO,EAAA;OAEQ,EAAA,WAAA,EAAA,GACd,EAIM,OAJN,GAIM;GAHJ,EAA2C,GAAA,EAAhC,OAAM,wBAAuB,CAAA;GACxC,EAA2C,GAAA,EAAhC,OAAM,wBAAuB,CAAA;GACxC,EAA2C,GAAA,EAAhC,OAAM,wBAAuB,CAAA;cAG5C,EA0DW,GAAA,EAAA,KAAA,EAAA,GAAA,CAxDDA,EAAAA,OAAO,QAAA,EAAA,GADf,EAKM,OALN,GAKM,CADJ,EAAoB,EAAA,QAAA,MAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAGtB,EAiDM,OAjDN,GAiDM,CA/CI,EAAA,SAAY,EAAA,SAAA,EAAA,GADpB,EAqBM,OArBN,GAqBM,CAhBI,EAAA,SAAA,EAAA,GADR,EAOI,KAPJ,GAOI,CAHF,EAEO,EAAA,QAAA,SAAA,CAAA,SAAA,CAAA,EAAA,EADF,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAKJ,EAAA,SAAA,EAAA,GADR,EAOI,KAPJ,GAOI,CAHF,EAEO,EAAA,QAAA,QAAA,CAAA,SAAA,CAAA,EAAA,EADF,EAAA,IAAI,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAKb,EAwBM,OAxBN,GAwBM,CAtBI,EAAA,SAAYA,EAAAA,OAAO,SAAA,EAAA,GAD3B,EAOI,KAPJ,GAOI,CAHF,EAEO,EAAA,QAAA,SAAA,CAAA,SAAA,CAAA,EAAA,EADF,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAKJ,EAAA,SAAA,EAAA,GADR,EAaI,KAbJ,GAaI,CATF,EAQO,EAAA,QAAA,SAAA,CAAA,SAAA,CAPL,EAKO,QALP,GAKO,EADF,EAAA,KAAW,GAAA,CAAA,GAEhB,EAAwB,QAAA,MAAA,EAAf,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA"}

package/dist/components/TSteps.cjs

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

package/dist/components/TSteps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSteps.cjs","names":[],"sources":["../../src/components/TSteps.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport interface TStepItem {\n  label: string;\n  value: string;\n  description?: string;\n  meta?: string;\n  status?: TStepStatus;\n  disabled?: boolean;\n}\n\nconst _treeStepStatuses = ['complete', 'current', 'upcoming', 'error'] as const;\nconst _treeStepOrientations = ['horizontal', 'vertical'] as const;\n\nexport type TStepStatus = (typeof _treeStepStatuses)[number];\nexport type TStepOrientation = (typeof _treeStepOrientations)[number];\n\nconst CheckIcon = getTreeIcon('check');\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    items?: TStepItem[];\n    size?: TSize;\n    orientation?: TStepOrientation;\n    interactive?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    items: () => [],\n    size: 'md',\n    orientation: 'horizontal',\n    interactive: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\ndefineSlots<{\n  item?: (props: {\n    item: TStepItem;\n    index: number;\n    status: TStepStatus;\n    current: boolean;\n  }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst internalValue = ref(props.defaultValue || props.items[0]?.value || '');\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst currentIndex = computed(() => {\n  const activeIndex = props.items.findIndex((item) => item.value === activeValue.value);\n  return activeIndex >= 0 ? activeIndex : 0;\n});\n\nconst rootClasses = computed(() => [\n  't-steps',\n  `t-steps--${props.size}`,\n  `t-steps--${props.orientation}`,\n  {\n    'is-interactive': props.interactive,\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 resolveStatus = (item: TStepItem, index: number): TStepStatus => {\n  if (item.status) {\n    return item.status;\n  }\n\n  if (index < currentIndex.value) {\n    return 'complete';\n  }\n\n  if (index === currentIndex.value) {\n    return 'current';\n  }\n\n  return 'upcoming';\n};\n\nconst selectStep = (item: TStepItem) => {\n  if (!props.interactive || item.disabled) {\n    return;\n  }\n\n  if (props.modelValue === undefined) {\n    internalValue.value = item.value;\n  }\n\n  emit('update:modelValue', item.value);\n};\n\nwatch(\n  () => props.items,\n  (items) => {\n    const hasCurrentItem = items.some((item) => item.value === activeValue.value);\n\n    if (!hasCurrentItem && items[0] && props.modelValue === undefined) {\n      internalValue.value = items[0].value;\n    }\n  },\n  { deep: true },\n);\n</script>\n\n<template>\n  <ol\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <li\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      class=\"t-steps__item\"\n      :class=\"`is-${resolveStatus(item, index)}`\"\n    >\n      <button\n        type=\"button\"\n        class=\"t-steps__button\"\n        :class=\"{\n          'is-current': resolveStatus(item, index) === 'current',\n          'is-disabled': item.disabled,\n        }\"\n        :disabled=\"!interactive || item.disabled\"\n        :aria-current=\"resolveStatus(item, index) === 'current' ? 'step' : undefined\"\n        @click=\"selectStep(item)\"\n      >\n        <slot\n          name=\"item\"\n          :item=\"item\"\n          :index=\"index\"\n          :status=\"resolveStatus(item, index)\"\n          :current=\"resolveStatus(item, index) === 'current'\"\n        >\n          <span\n            class=\"t-steps__indicator\"\n            aria-hidden=\"true\"\n          >\n            <CheckIcon\n              v-if=\"resolveStatus(item, index) === 'complete'\"\n              v-bind=\"treeIconDefaults\"\n            />\n            <span v-else-if=\"resolveStatus(item, index) === 'error'\">!</span>\n            <span v-else>{{ index + 1 }}</span>\n          </span>\n\n          <span class=\"t-steps__copy\">\n            <span class=\"t-steps__label\">{{ item.label }}</span>\n            <span\n              v-if=\"item.description\"\n              class=\"t-steps__description\"\n            >\n              {{ item.description }}\n            </span>\n          </span>\n\n          <span\n            v-if=\"item.meta\"\n            class=\"t-steps__meta\"\n          >\n            {{ item.meta }}\n          </span>\n        </slot>\n      </button>\n    </li>\n  </ol>\n</template>\n"],"mappings":""}

package/dist/components/TSteps.js

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

package/dist/components/TSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSteps.js","names":[],"sources":["../../src/components/TSteps.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport interface TStepItem {\n  label: string;\n  value: string;\n  description?: string;\n  meta?: string;\n  status?: TStepStatus;\n  disabled?: boolean;\n}\n\nconst _treeStepStatuses = ['complete', 'current', 'upcoming', 'error'] as const;\nconst _treeStepOrientations = ['horizontal', 'vertical'] as const;\n\nexport type TStepStatus = (typeof _treeStepStatuses)[number];\nexport type TStepOrientation = (typeof _treeStepOrientations)[number];\n\nconst CheckIcon = getTreeIcon('check');\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    items?: TStepItem[];\n    size?: TSize;\n    orientation?: TStepOrientation;\n    interactive?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    items: () => [],\n    size: 'md',\n    orientation: 'horizontal',\n    interactive: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\ndefineSlots<{\n  item?: (props: {\n    item: TStepItem;\n    index: number;\n    status: TStepStatus;\n    current: boolean;\n  }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst internalValue = ref(props.defaultValue || props.items[0]?.value || '');\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst currentIndex = computed(() => {\n  const activeIndex = props.items.findIndex((item) => item.value === activeValue.value);\n  return activeIndex >= 0 ? activeIndex : 0;\n});\n\nconst rootClasses = computed(() => [\n  't-steps',\n  `t-steps--${props.size}`,\n  `t-steps--${props.orientation}`,\n  {\n    'is-interactive': props.interactive,\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 resolveStatus = (item: TStepItem, index: number): TStepStatus => {\n  if (item.status) {\n    return item.status;\n  }\n\n  if (index < currentIndex.value) {\n    return 'complete';\n  }\n\n  if (index === currentIndex.value) {\n    return 'current';\n  }\n\n  return 'upcoming';\n};\n\nconst selectStep = (item: TStepItem) => {\n  if (!props.interactive || item.disabled) {\n    return;\n  }\n\n  if (props.modelValue === undefined) {\n    internalValue.value = item.value;\n  }\n\n  emit('update:modelValue', item.value);\n};\n\nwatch(\n  () => props.items,\n  (items) => {\n    const hasCurrentItem = items.some((item) => item.value === activeValue.value);\n\n    if (!hasCurrentItem && items[0] && props.modelValue === undefined) {\n      internalValue.value = items[0].value;\n    }\n  },\n  { deep: true },\n);\n</script>\n\n<template>\n  <ol\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <li\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      class=\"t-steps__item\"\n      :class=\"`is-${resolveStatus(item, index)}`\"\n    >\n      <button\n        type=\"button\"\n        class=\"t-steps__button\"\n        :class=\"{\n          'is-current': resolveStatus(item, index) === 'current',\n          'is-disabled': item.disabled,\n        }\"\n        :disabled=\"!interactive || item.disabled\"\n        :aria-current=\"resolveStatus(item, index) === 'current' ? 'step' : undefined\"\n        @click=\"selectStep(item)\"\n      >\n        <slot\n          name=\"item\"\n          :item=\"item\"\n          :index=\"index\"\n          :status=\"resolveStatus(item, index)\"\n          :current=\"resolveStatus(item, index) === 'current'\"\n        >\n          <span\n            class=\"t-steps__indicator\"\n            aria-hidden=\"true\"\n          >\n            <CheckIcon\n              v-if=\"resolveStatus(item, index) === 'complete'\"\n              v-bind=\"treeIconDefaults\"\n            />\n            <span v-else-if=\"resolveStatus(item, index) === 'error'\">!</span>\n            <span v-else>{{ index + 1 }}</span>\n          </span>\n\n          <span class=\"t-steps__copy\">\n            <span class=\"t-steps__label\">{{ item.label }}</span>\n            <span\n              v-if=\"item.description\"\n              class=\"t-steps__description\"\n            >\n              {{ item.description }}\n            </span>\n          </span>\n\n          <span\n            v-if=\"item.meta\"\n            class=\"t-steps__meta\"\n          >\n            {{ item.meta }}\n          </span>\n        </slot>\n      </button>\n    </li>\n  </ol>\n</template>\n"],"mappings":""}

package/dist/components/{TreeSteps.vue.d.ts → TSteps.vue.d.ts}

@@ -1,38 +1,38 @@
-import { TreeSize } from '../types/contracts';
-export interface TreeStepItem {
+import { TSize } from '../types/contracts';
+export interface TStepItem {
     label: string;
     value: string;
     description?: string;
     meta?: string;
-    status?: TreeStepStatus;
+    status?: TStepStatus;
     disabled?: boolean;
 }
 declare const _treeStepStatuses: readonly ["complete", "current", "upcoming", "error"];
 declare const _treeStepOrientations: readonly ["horizontal", "vertical"];
-export type TreeStepStatus = (typeof _treeStepStatuses)[number];
-export type TreeStepOrientation = (typeof _treeStepOrientations)[number];
+export type TStepStatus = (typeof _treeStepStatuses)[number];
+export type TStepOrientation = (typeof _treeStepOrientations)[number];
 type __VLS_Props = {
     modelValue?: string;
     defaultValue?: string;
-    items?: TreeStepItem[];
-    size?: TreeSize;
-    orientation?: TreeStepOrientation;
+    items?: TStepItem[];
+    size?: TSize;
+    orientation?: TStepOrientation;
     interactive?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         item?: (props: {
-            item: TreeStepItem;
+            item: TStepItem;
             index: number;
-            status: TreeStepStatus;
+            status: TStepStatus;
             current: boolean;
         }) => unknown;
     }> & {
         item?: (props: {
-            item: TreeStepItem;
+            item: TStepItem;
             index: number;
-            status: TreeStepStatus;
+            status: TStepStatus;
             current: boolean;
         }) => unknown;
     };
@@ -47,9 +47,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     modelValue: string;
     defaultValue: string;
-    size: TreeSize;
-    items: TreeStepItem[];
-    orientation: TreeStepOrientation;
+    size: TSize;
+    items: TStepItem[];
+    orientation: TStepOrientation;
     interactive: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -59,4 +59,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeSteps.vue.d.ts.map
+//# sourceMappingURL=TSteps.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSteps.vue.d.ts","sourceRoot":"","sources":["../../src/components/TSteps.vue"],"names":[],"mappings":"AAiMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAMhD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,uDAAwD,CAAC;AAChF,QAAA,MAAM,qBAAqB,qCAAsC,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAC7D,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAItE,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAwGJ,iBAAS,cAAc;WA0FT,OAAO,IAA6B;;eA/KzC,CAAC,KAAK,EAAE;YACb,IAAI,EAAE,SAAS,CAAC;YAChB,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,WAAW,CAAC;YACpB,OAAO,EAAE,OAAO,CAAC;SAClB,KAAK,OAAO;;eALN,CAAC,KAAK,EAAE;YACb,IAAI,EAAE,SAAS,CAAC;YAChB,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,WAAW,CAAC;YACpB,OAAO,EAAE,OAAO,CAAC;SAClB,KAAK,OAAO;;;;EA+Kd;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;gBA/NJ,MAAM;kBACJ,MAAM;UAEd,KAAK;WADJ,SAAS,EAAE;iBAEL,gBAAgB;iBAChB,OAAO;6EAkOvB,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/TSteps.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue"),t=require("@treeui/icons");var n=[`disabled`,`aria-current`,`onClick`],r={class:`t-steps__indicator`,"aria-hidden":`true`},i={key:1},a={key:2},o={class:`t-steps__copy`},s={class:`t-steps__label`},c={key:0,class:`t-steps__description`},l={key:0,class:`t-steps__meta`},u=(0,e.defineComponent)({inheritAttrs:!1,__name:`TSteps`,props:{modelValue:{default:void 0},defaultValue:{default:``},items:{default:()=>[]},size:{default:`md`},orientation:{default:`horizontal`},interactive:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(u,{emit:d}){let f=(0,t.getTreeIcon)(`check`),p=u,m=d,h=(0,e.useAttrs)(),g=(0,e.ref)(p.defaultValue||p.items[0]?.value||``),_=(0,e.computed)(()=>p.modelValue??g.value),v=(0,e.computed)(()=>{let e=p.items.findIndex(e=>e.value===_.value);return e>=0?e:0}),y=(0,e.computed)(()=>[`t-steps`,`t-steps--${p.size}`,`t-steps--${p.orientation}`,{"is-interactive":p.interactive},h.class]),b=(0,e.computed)(()=>h.style),x=(0,e.computed)(()=>{let{class:e,style:t,...n}=h;return n}),S=(e,t)=>e.status?e.status:t<v.value?`complete`:t===v.value?`current`:`upcoming`,C=e=>{!p.interactive||e.disabled||(p.modelValue===void 0&&(g.value=e.value),m(`update:modelValue`,e.value))};return(0,e.watch)(()=>p.items,e=>{!e.some(e=>e.value===_.value)&&e[0]&&p.modelValue===void 0&&(g.value=e[0].value)},{deep:!0}),(d,p)=>((0,e.openBlock)(),(0,e.createElementBlock)(`ol`,(0,e.mergeProps)(x.value,{class:y.value,style:b.value}),[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(u.items,(p,m)=>((0,e.openBlock)(),(0,e.createElementBlock)(`li`,{key:p.value,class:(0,e.normalizeClass)([`t-steps__item`,`is-${S(p,m)}`])},[(0,e.createElementVNode)(`button`,{type:`button`,class:(0,e.normalizeClass)([`t-steps__button`,{"is-current":S(p,m)===`current`,"is-disabled":p.disabled}]),disabled:!u.interactive||p.disabled,"aria-current":S(p,m)===`current`?`step`:void 0,onClick:e=>C(p)},[(0,e.renderSlot)(d.$slots,`item`,{item:p,index:m,status:S(p,m),current:S(p,m)===`current`},()=>[(0,e.createElementVNode)(`span`,r,[S(p,m)===`complete`?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(f),(0,e.mergeProps)({key:0,ref_for:!0},(0,e.unref)(t.treeIconDefaults)),null,16)):S(p,m)===`error`?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,i,`!`)):((0,e.openBlock)(),(0,e.createElementBlock)(`span`,a,(0,e.toDisplayString)(m+1),1))]),(0,e.createElementVNode)(`span`,o,[(0,e.createElementVNode)(`span`,s,(0,e.toDisplayString)(p.label),1),p.description?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,c,(0,e.toDisplayString)(p.description),1)):(0,e.createCommentVNode)(``,!0)]),p.meta?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,l,(0,e.toDisplayString)(p.meta),1)):(0,e.createCommentVNode)(``,!0)])],10,n)],2))),128))],16))}});exports.default=u;
+//# sourceMappingURL=TSteps.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSteps.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TSteps.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport interface TStepItem {\n  label: string;\n  value: string;\n  description?: string;\n  meta?: string;\n  status?: TStepStatus;\n  disabled?: boolean;\n}\n\nconst _treeStepStatuses = ['complete', 'current', 'upcoming', 'error'] as const;\nconst _treeStepOrientations = ['horizontal', 'vertical'] as const;\n\nexport type TStepStatus = (typeof _treeStepStatuses)[number];\nexport type TStepOrientation = (typeof _treeStepOrientations)[number];\n\nconst CheckIcon = getTreeIcon('check');\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    items?: TStepItem[];\n    size?: TSize;\n    orientation?: TStepOrientation;\n    interactive?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    items: () => [],\n    size: 'md',\n    orientation: 'horizontal',\n    interactive: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\ndefineSlots<{\n  item?: (props: {\n    item: TStepItem;\n    index: number;\n    status: TStepStatus;\n    current: boolean;\n  }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst internalValue = ref(props.defaultValue || props.items[0]?.value || '');\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst currentIndex = computed(() => {\n  const activeIndex = props.items.findIndex((item) => item.value === activeValue.value);\n  return activeIndex >= 0 ? activeIndex : 0;\n});\n\nconst rootClasses = computed(() => [\n  't-steps',\n  `t-steps--${props.size}`,\n  `t-steps--${props.orientation}`,\n  {\n    'is-interactive': props.interactive,\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 resolveStatus = (item: TStepItem, index: number): TStepStatus => {\n  if (item.status) {\n    return item.status;\n  }\n\n  if (index < currentIndex.value) {\n    return 'complete';\n  }\n\n  if (index === currentIndex.value) {\n    return 'current';\n  }\n\n  return 'upcoming';\n};\n\nconst selectStep = (item: TStepItem) => {\n  if (!props.interactive || item.disabled) {\n    return;\n  }\n\n  if (props.modelValue === undefined) {\n    internalValue.value = item.value;\n  }\n\n  emit('update:modelValue', item.value);\n};\n\nwatch(\n  () => props.items,\n  (items) => {\n    const hasCurrentItem = items.some((item) => item.value === activeValue.value);\n\n    if (!hasCurrentItem && items[0] && props.modelValue === undefined) {\n      internalValue.value = items[0].value;\n    }\n  },\n  { deep: true },\n);\n</script>\n\n<template>\n  <ol\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <li\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      class=\"t-steps__item\"\n      :class=\"`is-${resolveStatus(item, index)}`\"\n    >\n      <button\n        type=\"button\"\n        class=\"t-steps__button\"\n        :class=\"{\n          'is-current': resolveStatus(item, index) === 'current',\n          'is-disabled': item.disabled,\n        }\"\n        :disabled=\"!interactive || item.disabled\"\n        :aria-current=\"resolveStatus(item, index) === 'current' ? 'step' : undefined\"\n        @click=\"selectStep(item)\"\n      >\n        <slot\n          name=\"item\"\n          :item=\"item\"\n          :index=\"index\"\n          :status=\"resolveStatus(item, index)\"\n          :current=\"resolveStatus(item, index) === 'current'\"\n        >\n          <span\n            class=\"t-steps__indicator\"\n            aria-hidden=\"true\"\n          >\n            <CheckIcon\n              v-if=\"resolveStatus(item, index) === 'complete'\"\n              v-bind=\"treeIconDefaults\"\n            />\n            <span v-else-if=\"resolveStatus(item, index) === 'error'\">!</span>\n            <span v-else>{{ index + 1 }}</span>\n          </span>\n\n          <span class=\"t-steps__copy\">\n            <span class=\"t-steps__label\">{{ item.label }}</span>\n            <span\n              v-if=\"item.description\"\n              class=\"t-steps__description\"\n            >\n              {{ item.description }}\n            </span>\n          </span>\n\n          <span\n            v-if=\"item.meta\"\n            class=\"t-steps__meta\"\n          >\n            {{ item.meta }}\n          </span>\n        </slot>\n      </button>\n    </li>\n  </ol>\n</template>\n"],"mappings":"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"}

package/dist/components/TSteps.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,83 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m, useAttrs as h, watch as g } from "vue";
+import { getTreeIcon as _, treeIconDefaults as v } from "@treeui/icons";
+//#region src/components/TSteps.vue?vue&type=script&setup=true&lang.ts
+var y = [
+	"disabled",
+	"aria-current",
+	"onClick"
+], b = {
+	class: "t-steps__indicator",
+	"aria-hidden": "true"
+}, x = { key: 1 }, S = { key: 2 }, C = { class: "t-steps__copy" }, w = { class: "t-steps__label" }, T = {
+	key: 0,
+	class: "t-steps__description"
+}, E = {
+	key: 0,
+	class: "t-steps__meta"
+}, D = /*@__PURE__*/ o({
+	inheritAttrs: !1,
+	__name: "TSteps",
+	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: "" },
+		items: { default: () => [] },
+		size: { default: "md" },
+		orientation: { default: "horizontal" },
+		interactive: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: D }) {
+		let O = _("check"), k = o, A = D, j = h(), M = u(k.defaultValue || k.items[0]?.value || ""), N = t(() => k.modelValue ?? M.value), P = t(() => {
+			let e = k.items.findIndex((e) => e.value === N.value);
+			return e >= 0 ? e : 0;
+		}), F = t(() => [
+			"t-steps",
+			`t-steps--${k.size}`,
+			`t-steps--${k.orientation}`,
+			{ "is-interactive": k.interactive },
+			j.class
+		]), I = t(() => j.style), L = t(() => {
+			let { class: e, style: t, ...n } = j;
+			return n;
+		}), R = (e, t) => e.status ? e.status : t < P.value ? "complete" : t === P.value ? "current" : "upcoming", z = (e) => {
+			!k.interactive || e.disabled || (k.modelValue === void 0 && (M.value = e.value), A("update:modelValue", e.value));
+		};
+		return g(() => k.items, (e) => {
+			!e.some((e) => e.value === N.value) && e[0] && k.modelValue === void 0 && (M.value = e[0].value);
+		}, { deep: !0 }), (t, u) => (l(), i("ol", s(L.value, {
+			class: F.value,
+			style: I.value
+		}), [(l(!0), i(e, null, d(o.items, (e, u) => (l(), i("li", {
+			key: e.value,
+			class: c(["t-steps__item", `is-${R(e, u)}`])
+		}, [a("button", {
+			type: "button",
+			class: c(["t-steps__button", {
+				"is-current": R(e, u) === "current",
+				"is-disabled": e.disabled
+			}]),
+			disabled: !o.interactive || e.disabled,
+			"aria-current": R(e, u) === "current" ? "step" : void 0,
+			onClick: (t) => z(e)
+		}, [f(t.$slots, "item", {
+			item: e,
+			index: u,
+			status: R(e, u),
+			current: R(e, u) === "current"
+		}, () => [
+			a("span", b, [R(e, u) === "complete" ? (l(), n(m(O), s({
+				key: 0,
+				ref_for: !0
+			}, m(v)), null, 16)) : R(e, u) === "error" ? (l(), i("span", x, "!")) : (l(), i("span", S, p(u + 1), 1))]),
+			a("span", C, [a("span", w, p(e.label), 1), e.description ? (l(), i("span", T, p(e.description), 1)) : r("", !0)]),
+			e.meta ? (l(), i("span", E, p(e.meta), 1)) : r("", !0)
+		])], 10, y)], 2))), 128))], 16));
+	}
+});
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=TSteps.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSteps.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TSteps.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport interface TStepItem {\n  label: string;\n  value: string;\n  description?: string;\n  meta?: string;\n  status?: TStepStatus;\n  disabled?: boolean;\n}\n\nconst _treeStepStatuses = ['complete', 'current', 'upcoming', 'error'] as const;\nconst _treeStepOrientations = ['horizontal', 'vertical'] as const;\n\nexport type TStepStatus = (typeof _treeStepStatuses)[number];\nexport type TStepOrientation = (typeof _treeStepOrientations)[number];\n\nconst CheckIcon = getTreeIcon('check');\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    items?: TStepItem[];\n    size?: TSize;\n    orientation?: TStepOrientation;\n    interactive?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    items: () => [],\n    size: 'md',\n    orientation: 'horizontal',\n    interactive: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\ndefineSlots<{\n  item?: (props: {\n    item: TStepItem;\n    index: number;\n    status: TStepStatus;\n    current: boolean;\n  }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst internalValue = ref(props.defaultValue || props.items[0]?.value || '');\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst currentIndex = computed(() => {\n  const activeIndex = props.items.findIndex((item) => item.value === activeValue.value);\n  return activeIndex >= 0 ? activeIndex : 0;\n});\n\nconst rootClasses = computed(() => [\n  't-steps',\n  `t-steps--${props.size}`,\n  `t-steps--${props.orientation}`,\n  {\n    'is-interactive': props.interactive,\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 resolveStatus = (item: TStepItem, index: number): TStepStatus => {\n  if (item.status) {\n    return item.status;\n  }\n\n  if (index < currentIndex.value) {\n    return 'complete';\n  }\n\n  if (index === currentIndex.value) {\n    return 'current';\n  }\n\n  return 'upcoming';\n};\n\nconst selectStep = (item: TStepItem) => {\n  if (!props.interactive || item.disabled) {\n    return;\n  }\n\n  if (props.modelValue === undefined) {\n    internalValue.value = item.value;\n  }\n\n  emit('update:modelValue', item.value);\n};\n\nwatch(\n  () => props.items,\n  (items) => {\n    const hasCurrentItem = items.some((item) => item.value === activeValue.value);\n\n    if (!hasCurrentItem && items[0] && props.modelValue === undefined) {\n      internalValue.value = items[0].value;\n    }\n  },\n  { deep: true },\n);\n</script>\n\n<template>\n  <ol\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <li\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      class=\"t-steps__item\"\n      :class=\"`is-${resolveStatus(item, index)}`\"\n    >\n      <button\n        type=\"button\"\n        class=\"t-steps__button\"\n        :class=\"{\n          'is-current': resolveStatus(item, index) === 'current',\n          'is-disabled': item.disabled,\n        }\"\n        :disabled=\"!interactive || item.disabled\"\n        :aria-current=\"resolveStatus(item, index) === 'current' ? 'step' : undefined\"\n        @click=\"selectStep(item)\"\n      >\n        <slot\n          name=\"item\"\n          :item=\"item\"\n          :index=\"index\"\n          :status=\"resolveStatus(item, index)\"\n          :current=\"resolveStatus(item, index) === 'current'\"\n        >\n          <span\n            class=\"t-steps__indicator\"\n            aria-hidden=\"true\"\n          >\n            <CheckIcon\n              v-if=\"resolveStatus(item, index) === 'complete'\"\n              v-bind=\"treeIconDefaults\"\n            />\n            <span v-else-if=\"resolveStatus(item, index) === 'error'\">!</span>\n            <span v-else>{{ index + 1 }}</span>\n          </span>\n\n          <span class=\"t-steps__copy\">\n            <span class=\"t-steps__label\">{{ item.label }}</span>\n            <span\n              v-if=\"item.description\"\n              class=\"t-steps__description\"\n            >\n              {{ item.description }}\n            </span>\n          </span>\n\n          <span\n            v-if=\"item.meta\"\n            class=\"t-steps__meta\"\n          >\n            {{ item.meta }}\n          </span>\n        </slot>\n      </button>\n    </li>\n  </ol>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,IAAM,IAAY,EAAY,OAAO,GAE/B,IAAQ,GAmBR,IAAO,GAaP,IAAQ,EAAS,GACjB,IAAgB,EAAI,EAAM,gBAAgB,EAAM,MAAM,EAAE,EAAE,SAAS,EAAE,GAErE,IAAc,QAAe,EAAM,cAAc,EAAc,KAAK,GAEpE,IAAe,QAAe;GAClC,IAAM,IAAc,EAAM,MAAM,WAAW,MAAS,EAAK,UAAU,EAAY,KAAK;GACpF,OAAO,KAAe,IAAI,IAAc;EAC1C,CAAC,GAEK,IAAc,QAAe;GACjC;GACA,YAAY,EAAM;GAClB,YAAY,EAAM;GAClB,EACE,kBAAkB,EAAM,YAC1B;GACA,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,GAAiB,MAClC,EAAK,SACA,EAAK,SAGV,IAAQ,EAAa,QAChB,aAGL,MAAU,EAAa,QAClB,YAGF,YAGH,KAAc,MAAoB;GAClC,CAAC,EAAM,eAAe,EAAK,aAI3B,EAAM,eAAe,KAAA,MACvB,EAAc,QAAQ,EAAK,QAG7B,EAAK,qBAAqB,EAAK,KAAK;EACtC;SAEA,QACQ,EAAM,QACX,MAAU;GAGT,AAAI,CAFmB,EAAM,MAAM,MAAS,EAAK,UAAU,EAAY,KAElE,KAAkB,EAAM,MAAM,EAAM,eAAe,KAAA,MACtD,EAAc,QAAQ,EAAM,EAAE,CAAC;EAEnC,GACA,EAAE,MAAM,GAAK,CACf,mBAIE,EA4DK,MA5DL,EACU,EA2DL,OA3Dc;GAChB,OAAO,EAAA;GACP,OAAO,EAAA;eAER,EAsDK,GAAA,MAAA,EArDqB,EAAA,QAAhB,GAAM,YADhB,EAsDK,MAAA;GApDF,KAAK,EAAK;GACX,OAAK,EAAA,CAAC,iBAAe,MACP,EAAc,GAAM,CAAK,GAAA,CAAA;MAEvC,EA+CS,UAAA;GA9CP,MAAK;GACL,OAAK,EAAA,CAAC,mBAAiB;kBACW,EAAc,GAAM,CAAK,MAAA;mBAA0C,EAAK;;GAIzG,UAAQ,CAAG,EAAA,eAAe,EAAK;GAC/B,gBAAc,EAAc,GAAM,CAAK,MAAA,YAAA,SAA2B,KAAA;GAClE,UAAK,MAAE,EAAW,CAAI;MAEvB,EAmCO,EAAA,QAAA,QAAA;GAjCE;GACC;GACP,QAAQ,EAAc,GAAM,CAAK;GACjC,SAAS,EAAc,GAAM,CAAK,MAAA;WA8B9B;GA5BL,EAUO,QAVP,GAUO,CALG,EAAc,GAAM,CAAK,MAAA,cAAA,EAAA,GADjC,EAGE,EAAA,CAAA,GAHF,EAGE;;;MADQ,EAAA,CAAA,CAAgB,GAAA,MAAA,EAAA,KAET,EAAc,GAAM,CAAK,MAAA,WAAA,EAAA,GAA1C,EAAiE,QAAA,GAAR,GAAC,MAAA,EAAA,GAC1D,EAAmC,QAAA,GAAA,EAAnB,IAAK,CAAA,GAAA,CAAA,EAAA,CAAA;GAGvB,EAQO,QARP,GAQO,CAPL,EAAoD,QAApD,GAAoD,EAApB,EAAK,KAAK,GAAA,CAAA,GAElC,EAAK,eAAA,EAAA,GADb,EAKO,QALP,GAKO,EADF,EAAK,WAAW,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;GAKf,EAAK,QAAA,EAAA,GADb,EAKO,QALP,GAKO,EADF,EAAK,IAAI,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/components/TSwitch.cjs

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

package/dist/components/TSwitch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSwitch.cjs","names":[],"sources":["../../src/components/TSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    invalid?: boolean;\n  }>(),\n  {\n    modelValue: false,\n    size: 'md',\n    disabled: false,\n    invalid: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-switch',\n  `t-switch--${props.size}`,\n  {\n    'is-checked': props.modelValue,\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst onChange = () => {\n  emit('update:modelValue', !props.modelValue);\n};\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <input\n      v-bind=\"inputAttrs\"\n      type=\"checkbox\"\n      role=\"switch\"\n      class=\"t-switch__input\"\n      :checked=\"modelValue\"\n      :disabled=\"disabled\"\n      :aria-checked=\"modelValue\"\n      :aria-invalid=\"invalid || undefined\"\n      @change=\"onChange\"\n    >\n    <span\n      class=\"t-switch__track\"\n      aria-hidden=\"true\"\n    >\n      <span class=\"t-switch__thumb\" />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      class=\"t-switch__label\"\n    >\n      <slot />\n    </span>\n  </label>\n</template>\n"],"mappings":""}

package/dist/components/TSwitch.js

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

package/dist/components/TSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSwitch.js","names":[],"sources":["../../src/components/TSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    invalid?: boolean;\n  }>(),\n  {\n    modelValue: false,\n    size: 'md',\n    disabled: false,\n    invalid: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-switch',\n  `t-switch--${props.size}`,\n  {\n    'is-checked': props.modelValue,\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst onChange = () => {\n  emit('update:modelValue', !props.modelValue);\n};\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <input\n      v-bind=\"inputAttrs\"\n      type=\"checkbox\"\n      role=\"switch\"\n      class=\"t-switch__input\"\n      :checked=\"modelValue\"\n      :disabled=\"disabled\"\n      :aria-checked=\"modelValue\"\n      :aria-invalid=\"invalid || undefined\"\n      @change=\"onChange\"\n    >\n    <span\n      class=\"t-switch__track\"\n      aria-hidden=\"true\"\n    >\n      <span class=\"t-switch__thumb\" />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      class=\"t-switch__label\"\n    >\n      <slot />\n    </span>\n  </label>\n</template>\n"],"mappings":""}

package/dist/components/{TreeSwitch.vue.d.ts → TSwitch.vue.d.ts}

@@ -1,7 +1,7 @@
-import { TreeSize } from '../types/contracts';
+import { TSize } from '../types/contracts';
 type __VLS_Props = {
     modelValue?: boolean;
-    size?: TreeSize;
+    size?: TSize;
     disabled?: boolean;
     invalid?: boolean;
 };
@@ -21,7 +21,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     modelValue: boolean;
     disabled: boolean;
-    size: TreeSize;
+    size: TSize;
     invalid: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -31,4 +31,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeSwitch.vue.d.ts.map
+//# sourceMappingURL=TSwitch.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSwitch.vue.d.ts","sourceRoot":"","sources":["../../src/components/TSwitch.vue"],"names":[],"mappings":"AAqFA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAMhD,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAgDJ,iBAAS,cAAc;WAgDT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;gBAxHJ,OAAO;cAET,OAAO;UADX,KAAK;aAEF,OAAO;6EA6HnB,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/TSwitch.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=[`checked`,`disabled`,`aria-checked`,`aria-invalid`],n={key:0,class:`t-switch__label`},r=(0,e.defineComponent)({inheritAttrs:!1,__name:`TSwitch`,props:{modelValue:{type:Boolean,default:!1},size:{default:`md`},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(r,{emit:i}){let a=r,o=i,s=(0,e.useAttrs)(),c=(0,e.computed)(()=>[`t-switch`,`t-switch--${a.size}`,{"is-checked":a.modelValue,"is-disabled":a.disabled,"is-invalid":a.invalid},s.class]),l=(0,e.computed)(()=>s.style),u=(0,e.computed)(()=>{let{class:e,style:t,...n}=s;return n}),d=()=>{o(`update:modelValue`,!a.modelValue)};return(i,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`label`,{class:(0,e.normalizeClass)(c.value),style:(0,e.normalizeStyle)(l.value)},[(0,e.createElementVNode)(`input`,(0,e.mergeProps)(u.value,{type:`checkbox`,role:`switch`,class:`t-switch__input`,checked:r.modelValue,disabled:r.disabled,"aria-checked":r.modelValue,"aria-invalid":r.invalid||void 0,onChange:d}),null,16,t),a[0]||=(0,e.createElementVNode)(`span`,{class:`t-switch__track`,"aria-hidden":`true`},[(0,e.createElementVNode)(`span`,{class:`t-switch__thumb`})],-1),i.$slots.default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,n,[(0,e.renderSlot)(i.$slots,`default`)])):(0,e.createCommentVNode)(``,!0)],6))}});exports.default=r;
+//# sourceMappingURL=TSwitch.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSwitch.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    invalid?: boolean;\n  }>(),\n  {\n    modelValue: false,\n    size: 'md',\n    disabled: false,\n    invalid: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-switch',\n  `t-switch--${props.size}`,\n  {\n    'is-checked': props.modelValue,\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst onChange = () => {\n  emit('update:modelValue', !props.modelValue);\n};\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <input\n      v-bind=\"inputAttrs\"\n      type=\"checkbox\"\n      role=\"switch\"\n      class=\"t-switch__input\"\n      :checked=\"modelValue\"\n      :disabled=\"disabled\"\n      :aria-checked=\"modelValue\"\n      :aria-invalid=\"invalid || undefined\"\n      @change=\"onChange\"\n    >\n    <span\n      class=\"t-switch__track\"\n      aria-hidden=\"true\"\n    >\n      <span class=\"t-switch__thumb\" />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      class=\"t-switch__label\"\n    >\n      <slot />\n    </span>\n  </label>\n</template>\n"],"mappings":"gWAQA,IAAM,EAAQ,EAeR,EAAO,EAIP,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,WACA,aAAa,EAAM,OACnB,CACE,aAAc,EAAM,WACpB,cAAe,EAAM,SACrB,aAAc,EAAM,OACtB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,EAAM,KAAK,EAEtC,GAAA,EAAA,EAAA,SAAA,KAA4B,CAChC,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,EAEK,MAAiB,CACrB,EAAK,oBAAqB,CAAC,EAAM,UAAU,CAC7C,2DA+BU,QAAA,CA1BL,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAW,EAClB,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAS,6BAYhB,SAAA,EAAA,EAAA,WAAA,CATS,EAST,MATmB,CAClB,KAAK,WACL,KAAK,SACL,MAAM,kBACL,QAAS,EAAA,WACT,SAAU,EAAA,SACV,eAAc,EAAA,WACd,eAAc,EAAA,SAAW,IAAA,GACjB,wDAOJ,OAAA,CAJL,MAAM,kBACN,cAAY,kCAEoB,OAAA,CAA1B,MAAM,iBAAiB,CAAA,CAAA,EAAA,EAAA,EAGvBA,EAAAA,OAAO,UAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIR,OALP,EAKO,EAAA,EAAA,EAAA,WAAA,CADG,EAAA,OAAA,SAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA"}