@treeui/vue 0.13.0 → 0.15.0

package/dist/components/TSpacer.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    as?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=TSpacer.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSpacer.vue.d.ts","sourceRoot":"","sources":["../../src/components/TSpacer.vue"],"names":[],"mappings":"AA0BA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;;QADK,MAAM;;AA2Df,wBAQG"}

package/dist/components/TSpacer.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=(0,e.defineComponent)({__name:`TSpacer`,props:{as:{default:`div`}},setup(t){return(n,r)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.as),{class:`t-spacer`,"aria-hidden":`true`}))}});exports.default=t;
+//# sourceMappingURL=TSpacer.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSpacer.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TSpacer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// A flexible spacer that absorbs free space between siblings in a flex layout\n// (e.g. a TStack). Use it to push items apart or pin a trailing item to the end\n// without hand-writing `margin-*: auto` or `flex: 1`.\nwithDefaults(\n  defineProps<{\n    as?: string;\n  }>(),\n  {\n    as: 'div',\n  },\n);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    class=\"t-spacer\"\n    aria-hidden=\"true\"\n  />\n</template>\n"],"mappings":"uLAgBS,EAAA,EAAE,EAAA,CACP,MAAM,WACN,cAAY"}

package/dist/components/TSpacer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,16 @@
+import { createBlock as e, defineComponent as t, openBlock as n, resolveDynamicComponent as r } from "vue";
+//#region src/components/TSpacer.vue?vue&type=script&setup=true&lang.ts
+var i = /*@__PURE__*/ t({
+	__name: "TSpacer",
+	props: { as: { default: "div" } },
+	setup(t) {
+		return (i, a) => (n(), e(r(t.as), {
+			class: "t-spacer",
+			"aria-hidden": "true"
+		}));
+	}
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=TSpacer.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSpacer.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TSpacer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// A flexible spacer that absorbs free space between siblings in a flex layout\n// (e.g. a TStack). Use it to push items apart or pin a trailing item to the end\n// without hand-writing `margin-*: auto` or `flex: 1`.\nwithDefaults(\n  defineProps<{\n    as?: string;\n  }>(),\n  {\n    as: 'div',\n  },\n);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    class=\"t-spacer\"\n    aria-hidden=\"true\"\n  />\n</template>\n"],"mappings":";;;;;;yBAeE,EAIE,EAHK,EAAA,EAAE,GAAA;GACP,OAAM;GACN,eAAY"}

package/dist/components/TSplit.cjs

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

package/dist/components/TSplit.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSplit.cjs","names":[],"sources":["../../src/components/TSplit.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    gap?: string;\n    /** Main pane grows this many times faster than the aside pane. */\n    ratio?: number;\n    /** Min width each pane keeps before the layout stacks to one column. */\n    minWidth?: string;\n    /** Which side the aside pane sits on when side-by-side. */\n    side?: 'start' | 'end';\n    /** Cross-axis alignment (align-items). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    gap: 'var(--tree-space-5)',\n    ratio: 2,\n    minWidth: '18rem',\n    side: 'end',\n    align: 'start',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-split',\n  `t-split--${props.side}`,\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    '--tree-split-gap': props.gap,\n    '--tree-split-ratio': String(props.ratio),\n    '--tree-split-min': props.minWidth,\n    '--tree-split-align': props.align,\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    <div class=\"t-split__main\">\n      <slot />\n    </div>\n    <div\n      v-if=\"$slots.aside\"\n      class=\"t-split__aside\"\n    >\n      <slot name=\"aside\" />\n    </div>\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TSplit.js

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

package/dist/components/TSplit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSplit.js","names":[],"sources":["../../src/components/TSplit.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    gap?: string;\n    /** Main pane grows this many times faster than the aside pane. */\n    ratio?: number;\n    /** Min width each pane keeps before the layout stacks to one column. */\n    minWidth?: string;\n    /** Which side the aside pane sits on when side-by-side. */\n    side?: 'start' | 'end';\n    /** Cross-axis alignment (align-items). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    gap: 'var(--tree-space-5)',\n    ratio: 2,\n    minWidth: '18rem',\n    side: 'end',\n    align: 'start',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-split',\n  `t-split--${props.side}`,\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    '--tree-split-gap': props.gap,\n    '--tree-split-ratio': String(props.ratio),\n    '--tree-split-min': props.minWidth,\n    '--tree-split-align': props.align,\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    <div class=\"t-split__main\">\n      <slot />\n    </div>\n    <div\n      v-if=\"$slots.aside\"\n      class=\"t-split__aside\"\n    >\n      <slot name=\"aside\" />\n    </div>\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TSplit.vue.d.ts

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    as?: string;
+    gap?: string;
+    /** Main pane grows this many times faster than the aside pane. */
+    ratio?: number;
+    /** Min width each pane keeps before the layout stacks to one column. */
+    minWidth?: string;
+    /** Which side the aside pane sits on when side-by-side. */
+    side?: 'start' | 'end';
+    /** Cross-axis alignment (align-items). */
+    align?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        aside?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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<{}>, {
+    gap: string;
+    as: string;
+    align: string;
+    side: "start" | "end";
+    minWidth: string;
+    ratio: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=TSplit.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSplit.vue.d.ts","sourceRoot":"","sources":["../../src/components/TSplit.vue"],"names":[],"mappings":"AAgFA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA8CJ,iBAAS,cAAc;WA8CT,OAAO,IAA6B;;yBAXrB,GAAG;uBACL,GAAG;;;;EAe7B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;SAvHX,MAAM;QADP,MAAM;WASH,MAAM;UAFP,OAAO,GAAG,KAAK;cAFX,MAAM;WAFT,MAAM;6EA4HhB,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/TSplit.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t={class:`t-split__main`},n={key:0,class:`t-split__aside`},r=(0,e.defineComponent)({inheritAttrs:!1,__name:`TSplit`,props:{as:{default:`div`},gap:{default:`var(--tree-space-5)`},ratio:{default:2},minWidth:{default:`18rem`},side:{default:`end`},align:{default:`start`}},setup(r){let i=r,a=(0,e.useAttrs)(),o=(0,e.computed)(()=>[`t-split`,`t-split--${i.side}`,a.class]),s=(0,e.computed)(()=>[{"--tree-split-gap":i.gap,"--tree-split-ratio":String(i.ratio),"--tree-split-min":i.minWidth,"--tree-split-align":i.align},a.style]),c=(0,e.computed)(()=>{let{class:e,style:t,...n}=a;return n});return(i,a)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(r.as),(0,e.mergeProps)(c.value,{class:o.value,style:s.value}),{default:(0,e.withCtx)(()=>[(0,e.createElementVNode)(`div`,t,[(0,e.renderSlot)(i.$slots,`default`)]),i.$slots.aside?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,n,[(0,e.renderSlot)(i.$slots,`aside`)])):(0,e.createCommentVNode)(``,!0)]),_:3},16,[`class`,`style`]))}});exports.default=r;
+//# sourceMappingURL=TSplit.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSplit.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TSplit.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    gap?: string;\n    /** Main pane grows this many times faster than the aside pane. */\n    ratio?: number;\n    /** Min width each pane keeps before the layout stacks to one column. */\n    minWidth?: string;\n    /** Which side the aside pane sits on when side-by-side. */\n    side?: 'start' | 'end';\n    /** Cross-axis alignment (align-items). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    gap: 'var(--tree-space-5)',\n    ratio: 2,\n    minWidth: '18rem',\n    side: 'end',\n    align: 'start',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-split',\n  `t-split--${props.side}`,\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    '--tree-split-gap': props.gap,\n    '--tree-split-ratio': String(props.ratio),\n    '--tree-split-min': props.minWidth,\n    '--tree-split-align': props.align,\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    <div class=\"t-split__main\">\n      <slot />\n    </div>\n    <div\n      v-if=\"$slots.aside\"\n      class=\"t-split__aside\"\n    >\n      <slot name=\"aside\" />\n    </div>\n  </component>\n</template>\n"],"mappings":"+SAOA,IAAM,EAAQ,EAuBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,UACA,YAAY,EAAM,OAClB,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,CACE,mBAAoB,EAAM,IAC1B,qBAAsB,OAAO,EAAM,KAAK,EACxC,mBAAoB,EAAM,SAC1B,qBAAsB,EAAM,KAC9B,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,EAaE,MAbO,CAChB,MAAO,EAAA,MACP,MAAO,EAAA,mCAIF,EAAA,EAAA,EAAA,mBAAA,CAAA,MAFN,EAEM,EAAA,EAAA,EAAA,WAAA,CADI,EAAA,OAAA,SAAA,CAAA,CAAA,EAGFA,EAAAA,OAAO,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIT,MALN,EAKM,EAAA,EAAA,EAAA,WAAA,CADiB,EAAA,OAAA,OAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,CAAA,CAAA"}

package/dist/components/TSplit.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,43 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, useAttrs as u, withCtx as d } from "vue";
+//#region src/components/TSplit.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "t-split__main" }, p = {
+	key: 0,
+	class: "t-split__aside"
+}, m = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "TSplit",
+	props: {
+		as: { default: "div" },
+		gap: { default: "var(--tree-space-5)" },
+		ratio: { default: 2 },
+		minWidth: { default: "18rem" },
+		side: { default: "end" },
+		align: { default: "start" }
+	},
+	setup(a) {
+		let m = a, h = u(), g = e(() => [
+			"t-split",
+			`t-split--${m.side}`,
+			h.class
+		]), _ = e(() => [{
+			"--tree-split-gap": m.gap,
+			"--tree-split-ratio": String(m.ratio),
+			"--tree-split-min": m.minWidth,
+			"--tree-split-align": m.align
+		}, h.style]), v = e(() => {
+			let { class: e, style: t, ...n } = h;
+			return n;
+		});
+		return (e, u) => (s(), t(l(a.as), o(v.value, {
+			class: g.value,
+			style: _.value
+		}), {
+			default: d(() => [i("div", f, [c(e.$slots, "default")]), e.$slots.aside ? (s(), r("div", p, [c(e.$slots, "aside")])) : n("", !0)]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=TSplit.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSplit.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TSplit.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    gap?: string;\n    /** Main pane grows this many times faster than the aside pane. */\n    ratio?: number;\n    /** Min width each pane keeps before the layout stacks to one column. */\n    minWidth?: string;\n    /** Which side the aside pane sits on when side-by-side. */\n    side?: 'start' | 'end';\n    /** Cross-axis alignment (align-items). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    gap: 'var(--tree-space-5)',\n    ratio: 2,\n    minWidth: '18rem',\n    side: 'end',\n    align: 'start',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-split',\n  `t-split--${props.side}`,\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    '--tree-split-gap': props.gap,\n    '--tree-split-ratio': String(props.ratio),\n    '--tree-split-min': props.minWidth,\n    '--tree-split-align': props.align,\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    <div class=\"t-split__main\">\n      <slot />\n    </div>\n    <div\n      v-if=\"$slots.aside\"\n      class=\"t-split__aside\"\n    >\n      <slot name=\"aside\" />\n    </div>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAuBR,IAAQ,EAAS,GAEjB,IAAc,QAAe;GACjC;GACA,YAAY,EAAM;GAClB,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,CAC/B;GACE,oBAAoB,EAAM;GAC1B,sBAAsB,OAAO,EAAM,KAAK;GACxC,oBAAoB,EAAM;GAC1B,sBAAsB,EAAM;EAC9B,GACA,EAAM,KACR,CAAC,GAEK,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC;yBAIC,EAeY,EAdL,EAAA,EAAE,GADT,EAEU,EAaE,OAbO;GAChB,OAAO,EAAA;GACP,OAAO,EAAA;;oBAIF,CAFN,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA,GAGFA,EAAAA,OAAO,SAAA,EAAA,GADf,EAKM,OALN,GAKM,CADJ,EAAqB,EAAA,QAAA,OAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist/components/TStack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TStack.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":""}
+{"version":3,"file":"TStack.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    /** Expand to fill available space along the parent's main axis. */\n    grow?: 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    grow: 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    'is-grow': props.grow,\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":""}

package/dist/components/TStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"TStack.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":""}
+{"version":3,"file":"TStack.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    /** Expand to fill available space along the parent's main axis. */\n    grow?: 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    grow: 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    'is-grow': props.grow,\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":""}

package/dist/components/TStack.vue.d.ts

@@ -8,6 +8,8 @@ type __VLS_Props = {
     justify?: string;
     wrap?: boolean;
     reverse?: boolean;
+    /** Expand to fill available space along the parent's main axis. */
+    grow?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -26,6 +28,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     justify: string;
     wrap: boolean;
     direction: TStackDirection;
+    grow: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"TStack.vue.d.ts","sourceRoot":"","sources":["../../src/components/TStack.vue"],"names":[],"mappings":"AA6EA,QAAA,MAAM,oBAAoB,qCAAsC,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAmDJ,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAxGP,OAAO;SAJX,MAAM;QAFP,MAAM;WAGH,MAAM;aACJ,MAAM;UACT,OAAO;eAJF,eAAe;6EAoH7B,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"}
+{"version":3,"file":"TStack.vue.d.ts","sourceRoot":"","sources":["../../src/components/TStack.vue"],"names":[],"mappings":"AAiFA,QAAA,MAAM,oBAAoB,qCAAsC,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAsDJ,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA7GP,OAAO;SAJX,MAAM;QAFP,MAAM;WAGH,MAAM;aACJ,MAAM;UACT,OAAO;eAJF,eAAe;UAOpB,OAAO;6EAkHhB,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/TStack.vue_vue_type_script_setup_true_lang.cjs

@@ -1,2 +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;
+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},grow:{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,"is-grow":n.grow},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

@@ -1 +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"}
+{"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    /** Expand to fill available space along the parent's main axis. */\n    grow?: 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    grow: 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    'is-grow': props.grow,\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":"kVAWA,IAAM,EAAQ,EAwBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,UACA,YAAY,EAAM,YAClB,CACE,cAAe,EAAM,KACrB,cAAe,EAAM,QACrB,UAAW,EAAM,IACnB,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

@@ -16,6 +16,10 @@ var l = /*@__PURE__*/ n({
 		reverse: {
 			type: Boolean,
 			default: !1
+		},
+		grow: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	setup(n) {
@@ -24,7 +28,8 @@ var l = /*@__PURE__*/ n({
 			`t-stack--${l.direction}`,
 			{
 				"is-wrapping": l.wrap,
-				"is-reversed": l.reverse
+				"is-reversed": l.reverse,
+				"is-grow": l.grow
 			},
 			u.class
 		]), f = e(() => [{

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

@@ -1 +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"}
+{"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    /** Expand to fill available space along the parent's main axis. */\n    grow?: 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    grow: 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    'is-grow': props.grow,\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,GAwBR,IAAQ,EAAS,GAEjB,IAAc,QAAe;GACjC;GACA,YAAY,EAAM;GAClB;IACE,eAAe,EAAM;IACrB,eAAe,EAAM;IACrB,WAAW,EAAM;GACnB;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/TStackItem.cjs

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

package/dist/components/TStackItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TStackItem.cjs","names":[],"sources":["../../src/components/TStackItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    /** Expand to fill free space. `true` = flex-grow 1; a number sets the factor. */\n    grow?: boolean | number;\n    /** Allow shrinking. `false` prevents it; a number sets the factor. */\n    shrink?: boolean | number;\n    /** flex-basis (initial main-axis size). */\n    basis?: string;\n    /** Minimum main-axis size before it wraps/shrinks. */\n    minWidth?: string;\n    /** Per-item cross-axis alignment (align-self). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    grow: false,\n    shrink: undefined,\n    basis: undefined,\n    minWidth: undefined,\n    align: undefined,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst toFactor = (value: boolean | number | undefined, truthy: number, falsy: number) => {\n  if (value === undefined) return undefined;\n  if (value === true) return truthy;\n  if (value === false) return falsy;\n  return value;\n};\n\nconst rootStyle = computed(() => [\n  {\n    flexGrow: toFactor(props.grow, 1, 0),\n    flexShrink: toFactor(props.shrink, 1, 0),\n    flexBasis: props.basis,\n    minInlineSize: props.minWidth,\n    alignSelf: props.align,\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=\"t-stack-item\"\n    :class=\"attrs.class\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TStackItem.js

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

package/dist/components/TStackItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TStackItem.js","names":[],"sources":["../../src/components/TStackItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    /** Expand to fill free space. `true` = flex-grow 1; a number sets the factor. */\n    grow?: boolean | number;\n    /** Allow shrinking. `false` prevents it; a number sets the factor. */\n    shrink?: boolean | number;\n    /** flex-basis (initial main-axis size). */\n    basis?: string;\n    /** Minimum main-axis size before it wraps/shrinks. */\n    minWidth?: string;\n    /** Per-item cross-axis alignment (align-self). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    grow: false,\n    shrink: undefined,\n    basis: undefined,\n    minWidth: undefined,\n    align: undefined,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst toFactor = (value: boolean | number | undefined, truthy: number, falsy: number) => {\n  if (value === undefined) return undefined;\n  if (value === true) return truthy;\n  if (value === false) return falsy;\n  return value;\n};\n\nconst rootStyle = computed(() => [\n  {\n    flexGrow: toFactor(props.grow, 1, 0),\n    flexShrink: toFactor(props.shrink, 1, 0),\n    flexBasis: props.basis,\n    minInlineSize: props.minWidth,\n    alignSelf: props.align,\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=\"t-stack-item\"\n    :class=\"attrs.class\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TStackItem.vue.d.ts

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    as?: string;
+    /** Expand to fill free space. `true` = flex-grow 1; a number sets the factor. */
+    grow?: boolean | number;
+    /** Allow shrinking. `false` prevents it; a number sets the factor. */
+    shrink?: boolean | number;
+    /** flex-basis (initial main-axis size). */
+    basis?: string;
+    /** Minimum main-axis size before it wraps/shrinks. */
+    minWidth?: string;
+    /** Per-item cross-axis alignment (align-self). */
+    align?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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<{}>, {
+    as: string;
+    align: string;
+    grow: boolean | number;
+    shrink: boolean | number;
+    basis: string;
+    minWidth: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=TStackItem.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TStackItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/TStackItem.vue"],"names":[],"mappings":"AA4EA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,sEAAsE;IACtE,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgDJ,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;QAlHZ,MAAM;WAUH,MAAM;UARP,OAAO,GAAG,MAAM;YAEd,OAAO,GAAG,MAAM;WAEjB,MAAM;cAEH,MAAM;6EAiHnB,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/TStackItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=(0,e.defineComponent)({inheritAttrs:!1,__name:`TStackItem`,props:{as:{default:`div`},grow:{type:[Boolean,Number],default:!1},shrink:{type:[Boolean,Number],default:void 0},basis:{default:void 0},minWidth:{default:void 0},align:{default:void 0}},setup(t){let n=t,r=(0,e.useAttrs)(),i=(e,t,n)=>{if(e!==void 0)return e===!0?t:e===!1?n:e},a=(0,e.computed)(()=>[{flexGrow:i(n.grow,1,0),flexShrink:i(n.shrink,1,0),flexBasis:n.basis,minInlineSize:n.minWidth,alignSelf:n.align},r.style]),o=(0,e.computed)(()=>{let{class:e,style:t,...n}=r;return n});return(n,i)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.as),(0,e.mergeProps)(o.value,{class:[`t-stack-item`,(0,e.unref)(r).class],style:a.value}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,`default`)]),_:3},16,[`class`,`style`]))}});exports.default=t;
+//# sourceMappingURL=TStackItem.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TStackItem.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TStackItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    /** Expand to fill free space. `true` = flex-grow 1; a number sets the factor. */\n    grow?: boolean | number;\n    /** Allow shrinking. `false` prevents it; a number sets the factor. */\n    shrink?: boolean | number;\n    /** flex-basis (initial main-axis size). */\n    basis?: string;\n    /** Minimum main-axis size before it wraps/shrinks. */\n    minWidth?: string;\n    /** Per-item cross-axis alignment (align-self). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    grow: false,\n    shrink: undefined,\n    basis: undefined,\n    minWidth: undefined,\n    align: undefined,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst toFactor = (value: boolean | number | undefined, truthy: number, falsy: number) => {\n  if (value === undefined) return undefined;\n  if (value === true) return truthy;\n  if (value === false) return falsy;\n  return value;\n};\n\nconst rootStyle = computed(() => [\n  {\n    flexGrow: toFactor(props.grow, 1, 0),\n    flexShrink: toFactor(props.shrink, 1, 0),\n    flexBasis: props.basis,\n    minInlineSize: props.minWidth,\n    alignSelf: props.align,\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=\"t-stack-item\"\n    :class=\"attrs.class\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":"wRAOA,IAAM,EAAQ,EAwBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAY,EAAqC,EAAgB,IAAkB,CACnF,OAAU,IAAA,GAGd,OAFI,IAAU,GAAa,EACvB,IAAU,GAAc,EACrB,CACT,EAEM,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,CACE,SAAU,EAAS,EAAM,KAAM,EAAG,CAAC,EACnC,WAAY,EAAS,EAAM,OAAQ,EAAG,CAAC,EACvC,UAAW,EAAM,MACjB,cAAe,EAAM,SACrB,UAAW,EAAM,KACnB,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,EAME,MANO,CACjB,MAAK,CAAC,gBAAA,EAAA,EAAA,MAAA,CACE,CAAA,CAAK,CAAC,KAAK,EAClB,MAAO,EAAA,mCAEA,EAAA,EAAA,EAAA,WAAA,CAAA,EAAA,OAAA,SAAA,CAAA,CAAA"}

package/dist/components/TStackItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import { computed as e, createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, resolveDynamicComponent as o, unref as s, useAttrs as c, withCtx as l } from "vue";
+//#region src/components/TStackItem.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "TStackItem",
+	props: {
+		as: { default: "div" },
+		grow: {
+			type: [Boolean, Number],
+			default: !1
+		},
+		shrink: {
+			type: [Boolean, Number],
+			default: void 0
+		},
+		basis: { default: void 0 },
+		minWidth: { default: void 0 },
+		align: { default: void 0 }
+	},
+	setup(n) {
+		let u = n, d = c(), f = (e, t, n) => {
+			if (e !== void 0) return e === !0 ? t : e === !1 ? n : e;
+		}, p = e(() => [{
+			flexGrow: f(u.grow, 1, 0),
+			flexShrink: f(u.shrink, 1, 0),
+			flexBasis: u.basis,
+			minInlineSize: u.minWidth,
+			alignSelf: u.align
+		}, d.style]), m = e(() => {
+			let { class: e, style: t, ...n } = d;
+			return n;
+		});
+		return (e, c) => (i(), t(o(n.as), r(m.value, {
+			class: ["t-stack-item", s(d).class],
+			style: p.value
+		}), {
+			default: l(() => [a(e.$slots, "default")]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=TStackItem.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TStackItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TStackItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    /** Expand to fill free space. `true` = flex-grow 1; a number sets the factor. */\n    grow?: boolean | number;\n    /** Allow shrinking. `false` prevents it; a number sets the factor. */\n    shrink?: boolean | number;\n    /** flex-basis (initial main-axis size). */\n    basis?: string;\n    /** Minimum main-axis size before it wraps/shrinks. */\n    minWidth?: string;\n    /** Per-item cross-axis alignment (align-self). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    grow: false,\n    shrink: undefined,\n    basis: undefined,\n    minWidth: undefined,\n    align: undefined,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst toFactor = (value: boolean | number | undefined, truthy: number, falsy: number) => {\n  if (value === undefined) return undefined;\n  if (value === true) return truthy;\n  if (value === false) return falsy;\n  return value;\n};\n\nconst rootStyle = computed(() => [\n  {\n    flexGrow: toFactor(props.grow, 1, 0),\n    flexShrink: toFactor(props.shrink, 1, 0),\n    flexBasis: props.basis,\n    minInlineSize: props.minWidth,\n    alignSelf: props.align,\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=\"t-stack-item\"\n    :class=\"attrs.class\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAwBR,IAAQ,EAAS,GAEjB,KAAY,GAAqC,GAAgB,MAAkB;GACnF,UAAU,KAAA,GAGd,OAFI,MAAU,KAAa,IACvB,MAAU,KAAc,IACrB;EACT,GAEM,IAAY,QAAe,CAC/B;GACE,UAAU,EAAS,EAAM,MAAM,GAAG,CAAC;GACnC,YAAY,EAAS,EAAM,QAAQ,GAAG,CAAC;GACvC,WAAW,EAAM;GACjB,eAAe,EAAM;GACrB,WAAW,EAAM;EACnB,GACA,EAAM,KACR,CAAC,GAEK,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC;yBAIC,EAQY,EAPL,EAAA,EAAE,GADT,EAEU,EAME,OANO;GACjB,OAAK,CAAC,gBACE,EAAA,CAAA,CAAK,CAAC,KAAK;GAClB,OAAO,EAAA;;oBAEA,CAAR,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/TText.cjs

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

package/dist/components/TText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TText.cjs","names":[],"sources":["../../src/components/TText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst _treeTextSizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'] as const;\nconst _treeTextTones = ['default', 'muted', 'inverse', 'brand'] as const;\nconst _treeTextWeights = ['regular', 'medium', 'semibold', 'bold'] as const;\n\nexport type TTextSize = (typeof _treeTextSizes)[number];\nexport type TTextTone = (typeof _treeTextTones)[number];\nexport type TTextWeight = (typeof _treeTextWeights)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    /** Element to render. Defaults to `span`; use `p`, `h1`–`h6`, `label`, … */\n    as?: string;\n    size?: TTextSize;\n    tone?: TTextTone;\n    weight?: TTextWeight;\n    /** Truncate to a single line with an ellipsis. */\n    truncate?: boolean;\n  }>(),\n  {\n    as: 'span',\n    size: undefined,\n    tone: 'default',\n    weight: undefined,\n    truncate: false,\n  },\n);\n\nconst classes = computed(() => [\n  't-text',\n  props.size ? `t-text--size-${props.size}` : null,\n  props.tone !== 'default' ? `t-text--${props.tone}` : null,\n  props.weight ? `t-text--weight-${props.weight}` : null,\n  { 'is-truncated': props.truncate },\n]);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :class=\"classes\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TText.js

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

package/dist/components/TText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TText.js","names":[],"sources":["../../src/components/TText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst _treeTextSizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'] as const;\nconst _treeTextTones = ['default', 'muted', 'inverse', 'brand'] as const;\nconst _treeTextWeights = ['regular', 'medium', 'semibold', 'bold'] as const;\n\nexport type TTextSize = (typeof _treeTextSizes)[number];\nexport type TTextTone = (typeof _treeTextTones)[number];\nexport type TTextWeight = (typeof _treeTextWeights)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    /** Element to render. Defaults to `span`; use `p`, `h1`–`h6`, `label`, … */\n    as?: string;\n    size?: TTextSize;\n    tone?: TTextTone;\n    weight?: TTextWeight;\n    /** Truncate to a single line with an ellipsis. */\n    truncate?: boolean;\n  }>(),\n  {\n    as: 'span',\n    size: undefined,\n    tone: 'default',\n    weight: undefined,\n    truncate: false,\n  },\n);\n\nconst classes = computed(() => [\n  't-text',\n  props.size ? `t-text--size-${props.size}` : null,\n  props.tone !== 'default' ? `t-text--${props.tone}` : null,\n  props.weight ? `t-text--weight-${props.weight}` : null,\n  { 'is-truncated': props.truncate },\n]);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :class=\"classes\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TText.vue.d.ts

@@ -0,0 +1,39 @@
+declare const _treeTextSizes: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
+declare const _treeTextTones: readonly ["default", "muted", "inverse", "brand"];
+declare const _treeTextWeights: readonly ["regular", "medium", "semibold", "bold"];
+export type TTextSize = (typeof _treeTextSizes)[number];
+export type TTextTone = (typeof _treeTextTones)[number];
+export type TTextWeight = (typeof _treeTextWeights)[number];
+type __VLS_Props = {
+    /** Element to render. Defaults to `span`; use `p`, `h1`–`h6`, `label`, … */
+    as?: string;
+    size?: TTextSize;
+    tone?: TTextTone;
+    weight?: TTextWeight;
+    /** Truncate to a single line with an ellipsis. */
+    truncate?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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: TTextSize;
+    tone: TTextTone;
+    as: string;
+    weight: TTextWeight;
+    truncate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=TText.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TText.vue.d.ts","sourceRoot":"","sources":["../../src/components/TText.vue"],"names":[],"mappings":"AAmDA,QAAA,MAAM,cAAc,uDAAwD,CAAC;AAC7E,QAAA,MAAM,cAAc,mDAAoD,CAAC;AACzE,QAAA,MAAM,gBAAgB,oDAAqD,CAAC;AAE5E,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,KAAK,WAAW,GAAG;IACf,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA6BJ,iBAAS,cAAc;WA+BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UAjFV,SAAS;UACT,SAAS;QAFX,MAAM;YAGF,WAAW;cAET,OAAO;6EAqFpB,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/TText.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=(0,e.defineComponent)({__name:`TText`,props:{as:{default:`span`},size:{default:void 0},tone:{default:`default`},weight:{default:void 0},truncate:{type:Boolean,default:!1}},setup(t){let n=t,r=(0,e.computed)(()=>[`t-text`,n.size?`t-text--size-${n.size}`:null,n.tone==="default"?null:`t-text--${n.tone}`,n.weight?`t-text--weight-${n.weight}`:null,{"is-truncated":n.truncate}]);return(n,i)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.as),{class:(0,e.normalizeClass)(r.value)},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,`default`)]),_:3},8,[`class`]))}});exports.default=t;
+//# sourceMappingURL=TText.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TText.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst _treeTextSizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'] as const;\nconst _treeTextTones = ['default', 'muted', 'inverse', 'brand'] as const;\nconst _treeTextWeights = ['regular', 'medium', 'semibold', 'bold'] as const;\n\nexport type TTextSize = (typeof _treeTextSizes)[number];\nexport type TTextTone = (typeof _treeTextTones)[number];\nexport type TTextWeight = (typeof _treeTextWeights)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    /** Element to render. Defaults to `span`; use `p`, `h1`–`h6`, `label`, … */\n    as?: string;\n    size?: TTextSize;\n    tone?: TTextTone;\n    weight?: TTextWeight;\n    /** Truncate to a single line with an ellipsis. */\n    truncate?: boolean;\n  }>(),\n  {\n    as: 'span',\n    size: undefined,\n    tone: 'default',\n    weight: undefined,\n    truncate: false,\n  },\n);\n\nconst classes = computed(() => [\n  't-text',\n  props.size ? `t-text--size-${props.size}` : null,\n  props.tone !== 'default' ? `t-text--${props.tone}` : null,\n  props.weight ? `t-text--weight-${props.weight}` : null,\n  { 'is-truncated': props.truncate },\n]);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :class=\"classes\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":"gNAWA,IAAM,EAAQ,EAmBR,GAAA,EAAA,EAAA,SAAA,KAAyB,CAC7B,SACA,EAAM,KAAO,gBAAgB,EAAM,OAAS,KAC5C,EAAM,OAAS,UAAsC,KAA1B,WAAW,EAAM,OAC5C,EAAM,OAAS,kBAAkB,EAAM,SAAW,KAClD,CAAE,eAAgB,EAAM,QAAS,CACnC,CAAC,kFAKQ,EAAA,EAAE,EAAA,CACN,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAO,CAAA,EAAA,2BAEP,EAAA,EAAA,EAAA,WAAA,CAAA,EAAA,OAAA,SAAA,CAAA,CAAA"}

package/dist/components/TText.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { computed as e, createBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, resolveDynamicComponent as o, withCtx as s } from "vue";
+//#region src/components/TText.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	__name: "TText",
+	props: {
+		as: { default: "span" },
+		size: { default: void 0 },
+		tone: { default: "default" },
+		weight: { default: void 0 },
+		truncate: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n) {
+		let c = n, l = e(() => [
+			"t-text",
+			c.size ? `t-text--size-${c.size}` : null,
+			c.tone === "default" ? null : `t-text--${c.tone}`,
+			c.weight ? `t-text--weight-${c.weight}` : null,
+			{ "is-truncated": c.truncate }
+		]);
+		return (e, c) => (i(), t(o(n.as), { class: r(l.value) }, {
+			default: s(() => [a(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=TText.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TText.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst _treeTextSizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'] as const;\nconst _treeTextTones = ['default', 'muted', 'inverse', 'brand'] as const;\nconst _treeTextWeights = ['regular', 'medium', 'semibold', 'bold'] as const;\n\nexport type TTextSize = (typeof _treeTextSizes)[number];\nexport type TTextTone = (typeof _treeTextTones)[number];\nexport type TTextWeight = (typeof _treeTextWeights)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    /** Element to render. Defaults to `span`; use `p`, `h1`–`h6`, `label`, … */\n    as?: string;\n    size?: TTextSize;\n    tone?: TTextTone;\n    weight?: TTextWeight;\n    /** Truncate to a single line with an ellipsis. */\n    truncate?: boolean;\n  }>(),\n  {\n    as: 'span',\n    size: undefined,\n    tone: 'default',\n    weight: undefined,\n    truncate: false,\n  },\n);\n\nconst classes = computed(() => [\n  't-text',\n  props.size ? `t-text--size-${props.size}` : null,\n  props.tone !== 'default' ? `t-text--${props.tone}` : null,\n  props.weight ? `t-text--weight-${props.weight}` : null,\n  { 'is-truncated': props.truncate },\n]);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :class=\"classes\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAWA,IAAM,IAAQ,GAmBR,IAAU,QAAe;GAC7B;GACA,EAAM,OAAO,gBAAgB,EAAM,SAAS;GAC5C,EAAM,SAAS,YAAsC,OAA1B,WAAW,EAAM;GAC5C,EAAM,SAAS,kBAAkB,EAAM,WAAW;GAClD,EAAE,gBAAgB,EAAM,SAAS;EACnC,CAAC;yBAIC,EAKY,EAJL,EAAA,EAAE,GAAA,EACN,OAAK,EAAE,EAAA,KAAO,EAAA,GAAA;oBAEP,CAAR,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/TTextarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TTextarea.cjs","names":[],"sources":["../../src/components/TTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, ref, watch, nextTick } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    rows?: number;\n    autoGrow?: boolean;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: '',\n    rows: 3,\n    autoGrow: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst rootClasses = computed(() => [\n  't-textarea',\n  `t-textarea--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst textareaAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n  emit('update:modelValue', (event.target as HTMLTextAreaElement).value);\n};\n\nconst adjustHeight = () => {\n  const el = textareaRef.value;\n  if (!el || !props.autoGrow) return;\n  el.style.height = 'auto';\n  el.style.height = `${el.scrollHeight}px`;\n};\n\nwatch(\n  () => props.modelValue,\n  async () => {\n    if (!props.autoGrow) return;\n    await nextTick();\n    adjustHeight();\n  },\n);\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <textarea\n      ref=\"textareaRef\"\n      v-bind=\"textareaAttrs\"\n      class=\"t-textarea__field\"\n      :value=\"stringValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :rows=\"rows\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n    />\n    <TSpinner\n      v-if=\"loading\"\n      size=\"sm\"\n      label=\"Loading\"\n    />\n  </label>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TTextarea.cjs","names":[],"sources":["../../src/components/TTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, ref, watch, nextTick } from 'vue';\nimport type { TFieldWidth, TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    size?: TSize;\n    /** Inline-size cap. Fluid (`full`) by default. */\n    width?: TFieldWidth;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    rows?: number;\n    autoGrow?: boolean;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    width: 'full',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: '',\n    rows: 3,\n    autoGrow: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst rootClasses = computed(() => [\n  't-textarea',\n  `t-textarea--${props.size}`,\n  props.width !== 'full' ? `t-field-width--${props.width}` : null,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst textareaAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n  emit('update:modelValue', (event.target as HTMLTextAreaElement).value);\n};\n\nconst adjustHeight = () => {\n  const el = textareaRef.value;\n  if (!el || !props.autoGrow) return;\n  el.style.height = 'auto';\n  el.style.height = `${el.scrollHeight}px`;\n};\n\nwatch(\n  () => props.modelValue,\n  async () => {\n    if (!props.autoGrow) return;\n    await nextTick();\n    adjustHeight();\n  },\n);\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <textarea\n      ref=\"textareaRef\"\n      v-bind=\"textareaAttrs\"\n      class=\"t-textarea__field\"\n      :value=\"stringValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :rows=\"rows\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n    />\n    <TSpinner\n      v-if=\"loading\"\n      size=\"sm\"\n      label=\"Loading\"\n    />\n  </label>\n</template>\n"],"mappings":""}

package/dist/components/TTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TTextarea.js","names":[],"sources":["../../src/components/TTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, ref, watch, nextTick } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    rows?: number;\n    autoGrow?: boolean;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: '',\n    rows: 3,\n    autoGrow: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst rootClasses = computed(() => [\n  't-textarea',\n  `t-textarea--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst textareaAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n  emit('update:modelValue', (event.target as HTMLTextAreaElement).value);\n};\n\nconst adjustHeight = () => {\n  const el = textareaRef.value;\n  if (!el || !props.autoGrow) return;\n  el.style.height = 'auto';\n  el.style.height = `${el.scrollHeight}px`;\n};\n\nwatch(\n  () => props.modelValue,\n  async () => {\n    if (!props.autoGrow) return;\n    await nextTick();\n    adjustHeight();\n  },\n);\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <textarea\n      ref=\"textareaRef\"\n      v-bind=\"textareaAttrs\"\n      class=\"t-textarea__field\"\n      :value=\"stringValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :rows=\"rows\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n    />\n    <TSpinner\n      v-if=\"loading\"\n      size=\"sm\"\n      label=\"Loading\"\n    />\n  </label>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TTextarea.js","names":[],"sources":["../../src/components/TTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, ref, watch, nextTick } from 'vue';\nimport type { TFieldWidth, TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    size?: TSize;\n    /** Inline-size cap. Fluid (`full`) by default. */\n    width?: TFieldWidth;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    rows?: number;\n    autoGrow?: boolean;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    width: 'full',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: '',\n    rows: 3,\n    autoGrow: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst rootClasses = computed(() => [\n  't-textarea',\n  `t-textarea--${props.size}`,\n  props.width !== 'full' ? `t-field-width--${props.width}` : null,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst textareaAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n  emit('update:modelValue', (event.target as HTMLTextAreaElement).value);\n};\n\nconst adjustHeight = () => {\n  const el = textareaRef.value;\n  if (!el || !props.autoGrow) return;\n  el.style.height = 'auto';\n  el.style.height = `${el.scrollHeight}px`;\n};\n\nwatch(\n  () => props.modelValue,\n  async () => {\n    if (!props.autoGrow) return;\n    await nextTick();\n    adjustHeight();\n  },\n);\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <textarea\n      ref=\"textareaRef\"\n      v-bind=\"textareaAttrs\"\n      class=\"t-textarea__field\"\n      :value=\"stringValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :rows=\"rows\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n    />\n    <TSpinner\n      v-if=\"loading\"\n      size=\"sm\"\n      label=\"Loading\"\n    />\n  </label>\n</template>\n"],"mappings":""}