@treeui/vue 0.11.0 → 0.13.0

package/dist/components/TDonutChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,168 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, ref as u, renderList as d, renderSlot as f, toDisplayString as p } from "vue";
+import { donutSegments as m } from "@treeui/utils";
+//#region src/components/TDonutChart.vue?vue&type=script&setup=true&lang.ts
+var h = {
+	key: 0,
+	class: "t-donut-chart__skeleton"
+}, g = {
+	key: 1,
+	class: "t-donut-chart__empty"
+}, _ = [
+	"width",
+	"height",
+	"viewBox",
+	"aria-label"
+], v = ["transform"], y = [
+	"cx",
+	"cy",
+	"r",
+	"stroke",
+	"stroke-width",
+	"stroke-linecap",
+	"stroke-dasharray",
+	"stroke-dashoffset",
+	"onPointerenter"
+], b = ["d", "onPointerenter"], x = {
+	key: 0,
+	class: "t-donut-chart__center"
+}, S = { class: "t-donut-chart__center-value" }, C = { class: "t-donut-chart__center-label" }, w = {
+	key: 0,
+	class: "t-donut-chart__legend"
+}, T = ["onPointerenter"], E = { class: "t-donut-chart__legend-label" }, D = { class: "t-donut-chart__legend-value" }, O = {
+	key: 0,
+	class: "t-donut-chart__legend-percent"
+}, k = /*@__PURE__*/ o({
+	__name: "TDonutChart",
+	props: {
+		segments: { default: () => [] },
+		size: { default: 200 },
+		thickness: { default: 26 },
+		gap: { default: 2 },
+		rounded: {
+			type: Boolean,
+			default: !1
+		},
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		showPercent: {
+			type: Boolean,
+			default: !0
+		},
+		centerLabel: { default: void 0 },
+		centerValue: { default: void 0 },
+		valueFormat: {
+			type: Function,
+			default: void 0
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: { default: void 0 }
+	},
+	setup(o) {
+		let k = o, A = u(null), j = t(() => k.segments.filter((e) => e.value > 0)), M = t(() => j.value.reduce((e, t) => e + t.value, 0)), N = t(() => M.value > 0), P = t(() => k.thickness > 0), F = t(() => k.size / 2), I = (e, t) => t.color ?? `var(--tree-color-chart-${e % 8 + 1})`, L = t(() => {
+			let e = j.value.length === 1;
+			if (P.value) {
+				let t = k.thickness / 2 + 3, n = k.size / 2 - t, r = 2 * Math.PI * n, i = k.gap / 360 * r, a = e ? 0 : k.rounded ? Math.max(i, k.thickness + 2) : Math.max(i, 2), o = 0;
+				return j.value.map((e, t) => {
+					let i = e.value / M.value, s = i * r, c = Math.max(.5, s - a), l = {
+						mode: "arc",
+						r: n,
+						circumference: r,
+						dashArray: `${c} ${r - c}`,
+						dashOffset: -o,
+						color: I(t, e),
+						label: e.label,
+						value: e.value,
+						fraction: i
+					};
+					return o += s, l;
+				});
+			}
+			let t = k.size / 2 - 2;
+			return m(j.value.map((e) => e.value), {
+				cx: F.value,
+				cy: F.value,
+				radius: t,
+				innerRadius: 0,
+				gap: e ? 0 : k.gap
+			}).map((e, t) => {
+				let n = j.value[t];
+				return {
+					mode: "wedge",
+					path: e.path,
+					fraction: e.fraction,
+					color: I(t, n),
+					label: n.label,
+					value: n.value
+				};
+			});
+		}), R = (e) => k.valueFormat ? k.valueFormat(e) : Math.abs(e) >= 1e3 ? e.toLocaleString("en-US") : `${e}`, z = (e) => `${Math.round(e * 100)}%`, B = t(() => A.value === null ? null : j.value[A.value] ?? null), V = t(() => B.value ? R(B.value.value) : k.centerValue === void 0 ? R(M.value) : `${k.centerValue}`), H = t(() => B.value ? B.value.label : k.centerLabel ?? "Total"), U = t(() => k.ariaLabel ?? `${P.value ? "Donut" : "Pie"} chart with ${j.value.length} segments`), W = t(() => ["t-donut-chart", {
+			"is-loading": k.loading,
+			"has-legend": k.showLegend
+		}]);
+		return (t, u) => (l(), r("div", { class: s(W.value) }, [i("div", {
+			class: "t-donut-chart__figure",
+			style: c({
+				width: `${o.size}px`,
+				height: `${o.size}px`
+			})
+		}, [o.loading ? (l(), r("div", h)) : N.value ? (l(), r(e, { key: 2 }, [(l(), r("svg", {
+			class: "t-donut-chart__svg",
+			width: o.size,
+			height: o.size,
+			viewBox: `0 0 ${o.size} ${o.size}`,
+			role: "img",
+			"aria-label": U.value
+		}, [i("g", { transform: P.value ? `rotate(-90 ${F.value} ${F.value})` : void 0 }, [(l(!0), r(e, null, d(L.value, (t, n) => (l(), r(e, { key: n }, [t.mode === "arc" ? (l(), r("circle", {
+			key: 0,
+			class: s(["t-donut-chart__segment t-donut-chart__segment--arc", { "is-dimmed": A.value !== null && A.value !== n }]),
+			cx: F.value,
+			cy: F.value,
+			r: t.r,
+			fill: "none",
+			stroke: t.color,
+			"stroke-width": A.value === n ? o.thickness + 4 : o.thickness,
+			"stroke-linecap": o.rounded ? "round" : "butt",
+			"stroke-dasharray": t.dashArray,
+			"stroke-dashoffset": t.dashOffset,
+			style: c({ animationDelay: `${n * 70}ms` }),
+			onPointerenter: (e) => A.value = n,
+			onPointerleave: u[0] ||= (e) => A.value = null
+		}, null, 46, y)) : (l(), r("path", {
+			key: 1,
+			class: s(["t-donut-chart__segment t-donut-chart__segment--wedge", { "is-dimmed": A.value !== null && A.value !== n }]),
+			d: t.path,
+			style: c({
+				fill: t.color,
+				animationDelay: `${n * 70}ms`
+			}),
+			onPointerenter: (e) => A.value = n,
+			onPointerleave: u[1] ||= (e) => A.value = null
+		}, null, 46, b))], 64))), 128))], 8, v)], 8, _)), P.value ? (l(), r("div", x, [f(t.$slots, "center", {
+			total: M.value,
+			active: B.value
+		}, () => [i("span", S, p(V.value), 1), i("span", C, p(H.value), 1)])])) : n("", !0)], 64)) : (l(), r("div", g, [f(t.$slots, "empty", {}, () => [u[3] ||= a(" No data ", -1)])]))], 4), o.showLegend && N.value ? (l(), r("ul", w, [(l(!0), r(e, null, d(L.value, (e, t) => (l(), r("li", {
+			key: t,
+			class: s(["t-donut-chart__legend-item", { "is-active": A.value === t }]),
+			onPointerenter: (e) => A.value = t,
+			onPointerleave: u[2] ||= (e) => A.value = null
+		}, [
+			i("span", {
+				class: "t-donut-chart__legend-swatch",
+				style: c({ background: e.color }),
+				"aria-hidden": "true"
+			}, null, 4),
+			i("span", E, p(e.label), 1),
+			i("span", D, p(R(e.value)), 1),
+			o.showPercent ? (l(), r("span", O, p(z(e.fraction)), 1)) : n("", !0)
+		], 42, T))), 128))])) : n("", !0)], 2));
+	}
+});
+//#endregion
+export { k as default };
+
+//# sourceMappingURL=TDonutChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TDonutChart.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TDonutChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport { donutSegments } from '@treeui/utils';\n\nexport interface TDonutSegment {\n  /** Legend + tooltip label. */\n  label: string;\n  /** Slice magnitude; non-positive values are omitted. */\n  value: number;\n  /** Override the slice color; defaults to a chart palette token. */\n  color?: string;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    /** Slices to draw, in order. */\n    segments?: TDonutSegment[];\n    /** Square canvas size in px. */\n    size?: number;\n    /** Ring thickness in px. `0` renders a full pie. */\n    thickness?: number;\n    /** Gap between slices, in degrees. */\n    gap?: number;\n    /** Round the ends of donut segments (adds a larger gap to make room). */\n    rounded?: boolean;\n    /** Show the legend with values. */\n    showLegend?: boolean;\n    /** Show each slice's percentage in the legend. */\n    showPercent?: boolean;\n    /** Static label under the center value (donut only). */\n    centerLabel?: string;\n    /** Static value shown in the center (donut only). Overrides the auto total. */\n    centerValue?: string | number;\n    /** Format legend + center values. */\n    valueFormat?: (value: number) => string;\n    /** Render skeleton placeholders instead of the chart. */\n    loading?: boolean;\n    /** Accessible summary of the chart. */\n    ariaLabel?: string;\n  }>(),\n  {\n    segments: () => [],\n    size: 200,\n    thickness: 26,\n    gap: 2,\n    rounded: false,\n    showLegend: true,\n    showPercent: true,\n    centerLabel: undefined,\n    centerValue: undefined,\n    valueFormat: undefined,\n    loading: false,\n    ariaLabel: undefined,\n  },\n);\n\ndefineSlots<{\n  center?: (props: { total: number; active: TDonutSegment | null }) => unknown;\n  empty?: () => unknown;\n}>();\n\nconst activeIndex = ref<number | null>(null);\n\nconst visibleSegments = computed(() => props.segments.filter((item) => item.value > 0));\n\nconst total = computed(() =>\n  visibleSegments.value.reduce((sum, item) => sum + item.value, 0),\n);\n\nconst hasData = computed(() => total.value > 0);\n\nconst isDonut = computed(() => props.thickness > 0);\n\nconst center = computed(() => props.size / 2);\n\nconst colorFor = (index: number, segment: TDonutSegment) =>\n  segment.color ?? `var(--tree-color-chart-${(index % 8) + 1})`;\n\n// Donut segments are drawn as stroked arcs on a mid-radius circle, so the ring\n// stays perfectly smooth and gaps are one consistent width. Pie slices need a\n// filled wedge to the center, so they keep the path geometry.\nconst geometry = computed(() => {\n  const single = visibleSegments.value.length === 1;\n\n  if (isDonut.value) {\n    // Leave room for the stroke width and the hover growth so nothing clips.\n    const pad = props.thickness / 2 + 3;\n    const midRadius = props.size / 2 - pad;\n    const circumference = 2 * Math.PI * midRadius;\n    const degreeGap = (props.gap / 360) * circumference;\n    const gapPx = single\n      ? 0\n      : props.rounded\n        ? Math.max(degreeGap, props.thickness + 2)\n        : Math.max(degreeGap, 2);\n\n    let start = 0;\n    return visibleSegments.value.map((item, index) => {\n      const fraction = item.value / total.value;\n      const length = fraction * circumference;\n      const on = Math.max(0.5, length - gapPx);\n      const arc = {\n        mode: 'arc' as const,\n        r: midRadius,\n        circumference,\n        dashArray: `${on} ${circumference - on}`,\n        dashOffset: -start,\n        color: colorFor(index, item),\n        label: item.label,\n        value: item.value,\n        fraction,\n      };\n      start += length;\n      return arc;\n    });\n  }\n\n  const radius = props.size / 2 - 2;\n  const arcs = donutSegments(\n    visibleSegments.value.map((item) => item.value),\n    { cx: center.value, cy: center.value, radius, innerRadius: 0, gap: single ? 0 : props.gap },\n  );\n\n  return arcs.map((arc, index) => {\n    const source = visibleSegments.value[index];\n    return {\n      mode: 'wedge' as const,\n      path: arc.path,\n      fraction: arc.fraction,\n      color: colorFor(index, source),\n      label: source.label,\n      value: source.value,\n    };\n  });\n});\n\nconst formatValue = (value: number) => {\n  if (props.valueFormat) return props.valueFormat(value);\n  if (Math.abs(value) >= 1000) return value.toLocaleString('en-US');\n  return `${value}`;\n};\n\nconst formatPercent = (fraction: number) => `${Math.round(fraction * 100)}%`;\n\nconst activeSegment = computed(() =>\n  activeIndex.value === null ? null : visibleSegments.value[activeIndex.value] ?? null,\n);\n\nconst centerPrimary = computed(() => {\n  if (activeSegment.value) return formatValue(activeSegment.value.value);\n  if (props.centerValue !== undefined) return `${props.centerValue}`;\n  return formatValue(total.value);\n});\n\nconst centerSecondary = computed(() => {\n  if (activeSegment.value) return activeSegment.value.label;\n  return props.centerLabel ?? 'Total';\n});\n\nconst resolvedLabel = computed(\n  () => props.ariaLabel ?? `${isDonut.value ? 'Donut' : 'Pie'} chart with ${visibleSegments.value.length} segments`,\n);\n\nconst rootClasses = computed(() => [\n  't-donut-chart',\n  { 'is-loading': props.loading, 'has-legend': props.showLegend },\n]);\n</script>\n\n<template>\n  <div :class=\"rootClasses\">\n    <div\n      class=\"t-donut-chart__figure\"\n      :style=\"{ width: `${size}px`, height: `${size}px` }\"\n    >\n      <div\n        v-if=\"loading\"\n        class=\"t-donut-chart__skeleton\"\n      />\n\n      <div\n        v-else-if=\"!hasData\"\n        class=\"t-donut-chart__empty\"\n      >\n        <slot name=\"empty\">\n          No data\n        </slot>\n      </div>\n\n      <template v-else>\n        <svg\n          class=\"t-donut-chart__svg\"\n          :width=\"size\"\n          :height=\"size\"\n          :viewBox=\"`0 0 ${size} ${size}`\"\n          role=\"img\"\n          :aria-label=\"resolvedLabel\"\n        >\n          <g :transform=\"isDonut ? `rotate(-90 ${center} ${center})` : undefined\">\n            <template\n              v-for=\"(segment, index) in geometry\"\n              :key=\"index\"\n            >\n              <circle\n                v-if=\"segment.mode === 'arc'\"\n                class=\"t-donut-chart__segment t-donut-chart__segment--arc\"\n                :class=\"{ 'is-dimmed': activeIndex !== null && activeIndex !== index }\"\n                :cx=\"center\"\n                :cy=\"center\"\n                :r=\"segment.r\"\n                fill=\"none\"\n                :stroke=\"segment.color\"\n                :stroke-width=\"activeIndex === index ? thickness + 4 : thickness\"\n                :stroke-linecap=\"rounded ? 'round' : 'butt'\"\n                :stroke-dasharray=\"segment.dashArray\"\n                :stroke-dashoffset=\"segment.dashOffset\"\n                :style=\"{ animationDelay: `${index * 70}ms` }\"\n                @pointerenter=\"activeIndex = index\"\n                @pointerleave=\"activeIndex = null\"\n              />\n              <path\n                v-else\n                class=\"t-donut-chart__segment t-donut-chart__segment--wedge\"\n                :class=\"{ 'is-dimmed': activeIndex !== null && activeIndex !== index }\"\n                :d=\"segment.path\"\n                :style=\"{ fill: segment.color, animationDelay: `${index * 70}ms` }\"\n                @pointerenter=\"activeIndex = index\"\n                @pointerleave=\"activeIndex = null\"\n              />\n            </template>\n          </g>\n        </svg>\n\n        <div\n          v-if=\"isDonut\"\n          class=\"t-donut-chart__center\"\n        >\n          <slot\n            name=\"center\"\n            :total=\"total\"\n            :active=\"activeSegment\"\n          >\n            <span class=\"t-donut-chart__center-value\">{{ centerPrimary }}</span>\n            <span class=\"t-donut-chart__center-label\">{{ centerSecondary }}</span>\n          </slot>\n        </div>\n      </template>\n    </div>\n\n    <ul\n      v-if=\"showLegend && hasData\"\n      class=\"t-donut-chart__legend\"\n    >\n      <li\n        v-for=\"(segment, index) in geometry\"\n        :key=\"index\"\n        class=\"t-donut-chart__legend-item\"\n        :class=\"{ 'is-active': activeIndex === index }\"\n        @pointerenter=\"activeIndex = index\"\n        @pointerleave=\"activeIndex = null\"\n      >\n        <span\n          class=\"t-donut-chart__legend-swatch\"\n          :style=\"{ background: segment.color }\"\n          aria-hidden=\"true\"\n        />\n        <span class=\"t-donut-chart__legend-label\">{{ segment.label }}</span>\n        <span class=\"t-donut-chart__legend-value\">{{ formatValue(segment.value) }}</span>\n        <span\n          v-if=\"showPercent\"\n          class=\"t-donut-chart__legend-percent\"\n        >{{ formatPercent(segment.fraction) }}</span>\n      </li>\n    </ul>\n  </div>\n</template>\n"],"mappings":"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"}

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

@@ -18,11 +18,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    gap: string;
     as: string;
     align: string;
     columns: number;
     minItemWidth: string;
-    gap: string;
     rowGap: string;
     justify: string;
     dense: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"TGrid.vue.d.ts","sourceRoot":"","sources":["../../src/components/TGrid.vue"],"names":[],"mappings":"AA+EA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAyDJ,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;QArHZ,MAAM;WAKH,MAAM;aAJJ,MAAM;kBACD,MAAM;SACf,MAAM;YACH,MAAM;aAEL,MAAM;WACR,OAAO;6EAqHjB,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":"TGrid.vue.d.ts","sourceRoot":"","sources":["../../src/components/TGrid.vue"],"names":[],"mappings":"AA+EA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAyDJ,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;SAlHX,MAAM;QAHP,MAAM;WAKH,MAAM;aAJJ,MAAM;kBACD,MAAM;YAEZ,MAAM;aAEL,MAAM;WACR,OAAO;6EAqHjB,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/TSparkline.cjs

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

package/dist/components/TSparkline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSparkline.cjs","names":[],"sources":["../../src/components/TSparkline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { buildAreaPath, buildLinePath, linearScale, type ChartPoint } from '@treeui/utils';\n\ntype TSparklineType = 'line' | 'area' | 'bar';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Values to plot, left to right. */\n    data?: number[];\n    /** Visual form. `area` fills under the line; `bar` draws thin columns. */\n    type?: TSparklineType;\n    /** Mark color. Any CSS color; defaults to the first chart token. */\n    color?: string;\n    /** Intrinsic width in px. */\n    width?: number;\n    /** Intrinsic height in px. */\n    height?: number;\n    /** Smooth (curved) line/area instead of straight segments. */\n    smooth?: boolean;\n    /** Line thickness in px (line/area only). */\n    strokeWidth?: number;\n    /** Force the low end of the value domain (defaults to the data min). */\n    min?: number;\n    /** Force the high end of the value domain (defaults to the data max). */\n    max?: number;\n    /** Draw a filled marker on the last point (line/area only). */\n    showLastPoint?: boolean;\n    /** Accessible label. Falls back to a generic trend description. */\n    ariaLabel?: string;\n  }>(),\n  {\n    data: () => [],\n    type: 'line',\n    color: 'var(--tree-color-chart-1)',\n    width: 120,\n    height: 32,\n    smooth: false,\n    strokeWidth: 2,\n    min: undefined,\n    max: undefined,\n    showLastPoint: false,\n    ariaLabel: undefined,\n  },\n);\n\n// Inset so strokes and markers never clip against the SVG edge.\nconst inset = computed(() => Math.max(props.strokeWidth, props.showLastPoint ? 4 : 2));\n\nconst domain = computed<[number, number]>(() => {\n  const values = props.data;\n  const low = props.min ?? Math.min(...values);\n  const high = props.max ?? Math.max(...values);\n  // Pad a flat series so it renders as a centered line, not against an edge.\n  return low === high ? [low - 1, high + 1] : [low, high];\n});\n\nconst points = computed<ChartPoint[]>(() => {\n  const values = props.data;\n  if (values.length === 0) return [];\n\n  const x = linearScale([0, Math.max(1, values.length - 1)], [inset.value, props.width - inset.value]);\n  const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n\n  return values.map((value, index) => ({ x: x(index), y: y(value) }));\n});\n\nconst linePath = computed(() => buildLinePath(points.value, props.smooth));\nconst areaPath = computed(() =>\n  buildAreaPath(points.value, props.height - inset.value, props.smooth),\n);\n\nconst bars = computed(() => {\n  const values = props.data;\n  if (values.length === 0) return [];\n\n  const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n  const baseline = props.height - inset.value;\n  const gap = 2;\n  const slot = (props.width - inset.value * 2) / values.length;\n  const barWidth = Math.max(1, slot - gap);\n\n  return values.map((value, index) => {\n    const top = y(value);\n    return {\n      x: inset.value + index * slot + gap / 2,\n      y: top,\n      width: barWidth,\n      height: Math.max(1, baseline - top),\n    };\n  });\n});\n\nconst lastPoint = computed(() => points.value[points.value.length - 1] ?? null);\n\nconst hasData = computed(() => props.data.length > 0);\n\nconst resolvedLabel = computed(() => props.ariaLabel ?? 'Trend sparkline');\n</script>\n\n<template>\n  <svg\n    class=\"t-sparkline\"\n    :width=\"width\"\n    :height=\"height\"\n    :viewBox=\"`0 0 ${width} ${height}`\"\n    role=\"img\"\n    :aria-label=\"resolvedLabel\"\n    :style=\"{ color }\"\n  >\n    <template v-if=\"hasData\">\n      <path\n        v-if=\"type === 'area'\"\n        class=\"t-sparkline__area\"\n        :d=\"areaPath\"\n      />\n\n      <template v-if=\"type === 'bar'\">\n        <rect\n          v-for=\"(bar, index) in bars\"\n          :key=\"index\"\n          class=\"t-sparkline__bar\"\n          :x=\"bar.x\"\n          :y=\"bar.y\"\n          :width=\"bar.width\"\n          :height=\"bar.height\"\n          rx=\"1\"\n        />\n      </template>\n\n      <path\n        v-else\n        class=\"t-sparkline__line\"\n        :d=\"linePath\"\n        :stroke-width=\"strokeWidth\"\n        fill=\"none\"\n      />\n\n      <circle\n        v-if=\"showLastPoint && type !== 'bar' && lastPoint\"\n        class=\"t-sparkline__point\"\n        :cx=\"lastPoint.x\"\n        :cy=\"lastPoint.y\"\n        :r=\"Math.max(2, strokeWidth)\"\n      />\n    </template>\n  </svg>\n</template>\n"],"mappings":""}

package/dist/components/TSparkline.js

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

package/dist/components/TSparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSparkline.js","names":[],"sources":["../../src/components/TSparkline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { buildAreaPath, buildLinePath, linearScale, type ChartPoint } from '@treeui/utils';\n\ntype TSparklineType = 'line' | 'area' | 'bar';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Values to plot, left to right. */\n    data?: number[];\n    /** Visual form. `area` fills under the line; `bar` draws thin columns. */\n    type?: TSparklineType;\n    /** Mark color. Any CSS color; defaults to the first chart token. */\n    color?: string;\n    /** Intrinsic width in px. */\n    width?: number;\n    /** Intrinsic height in px. */\n    height?: number;\n    /** Smooth (curved) line/area instead of straight segments. */\n    smooth?: boolean;\n    /** Line thickness in px (line/area only). */\n    strokeWidth?: number;\n    /** Force the low end of the value domain (defaults to the data min). */\n    min?: number;\n    /** Force the high end of the value domain (defaults to the data max). */\n    max?: number;\n    /** Draw a filled marker on the last point (line/area only). */\n    showLastPoint?: boolean;\n    /** Accessible label. Falls back to a generic trend description. */\n    ariaLabel?: string;\n  }>(),\n  {\n    data: () => [],\n    type: 'line',\n    color: 'var(--tree-color-chart-1)',\n    width: 120,\n    height: 32,\n    smooth: false,\n    strokeWidth: 2,\n    min: undefined,\n    max: undefined,\n    showLastPoint: false,\n    ariaLabel: undefined,\n  },\n);\n\n// Inset so strokes and markers never clip against the SVG edge.\nconst inset = computed(() => Math.max(props.strokeWidth, props.showLastPoint ? 4 : 2));\n\nconst domain = computed<[number, number]>(() => {\n  const values = props.data;\n  const low = props.min ?? Math.min(...values);\n  const high = props.max ?? Math.max(...values);\n  // Pad a flat series so it renders as a centered line, not against an edge.\n  return low === high ? [low - 1, high + 1] : [low, high];\n});\n\nconst points = computed<ChartPoint[]>(() => {\n  const values = props.data;\n  if (values.length === 0) return [];\n\n  const x = linearScale([0, Math.max(1, values.length - 1)], [inset.value, props.width - inset.value]);\n  const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n\n  return values.map((value, index) => ({ x: x(index), y: y(value) }));\n});\n\nconst linePath = computed(() => buildLinePath(points.value, props.smooth));\nconst areaPath = computed(() =>\n  buildAreaPath(points.value, props.height - inset.value, props.smooth),\n);\n\nconst bars = computed(() => {\n  const values = props.data;\n  if (values.length === 0) return [];\n\n  const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n  const baseline = props.height - inset.value;\n  const gap = 2;\n  const slot = (props.width - inset.value * 2) / values.length;\n  const barWidth = Math.max(1, slot - gap);\n\n  return values.map((value, index) => {\n    const top = y(value);\n    return {\n      x: inset.value + index * slot + gap / 2,\n      y: top,\n      width: barWidth,\n      height: Math.max(1, baseline - top),\n    };\n  });\n});\n\nconst lastPoint = computed(() => points.value[points.value.length - 1] ?? null);\n\nconst hasData = computed(() => props.data.length > 0);\n\nconst resolvedLabel = computed(() => props.ariaLabel ?? 'Trend sparkline');\n</script>\n\n<template>\n  <svg\n    class=\"t-sparkline\"\n    :width=\"width\"\n    :height=\"height\"\n    :viewBox=\"`0 0 ${width} ${height}`\"\n    role=\"img\"\n    :aria-label=\"resolvedLabel\"\n    :style=\"{ color }\"\n  >\n    <template v-if=\"hasData\">\n      <path\n        v-if=\"type === 'area'\"\n        class=\"t-sparkline__area\"\n        :d=\"areaPath\"\n      />\n\n      <template v-if=\"type === 'bar'\">\n        <rect\n          v-for=\"(bar, index) in bars\"\n          :key=\"index\"\n          class=\"t-sparkline__bar\"\n          :x=\"bar.x\"\n          :y=\"bar.y\"\n          :width=\"bar.width\"\n          :height=\"bar.height\"\n          rx=\"1\"\n        />\n      </template>\n\n      <path\n        v-else\n        class=\"t-sparkline__line\"\n        :d=\"linePath\"\n        :stroke-width=\"strokeWidth\"\n        fill=\"none\"\n      />\n\n      <circle\n        v-if=\"showLastPoint && type !== 'bar' && lastPoint\"\n        class=\"t-sparkline__point\"\n        :cx=\"lastPoint.x\"\n        :cy=\"lastPoint.y\"\n        :r=\"Math.max(2, strokeWidth)\"\n      />\n    </template>\n  </svg>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,40 @@
+type TSparklineType = 'line' | 'area' | 'bar';
+type __VLS_Props = {
+    /** Values to plot, left to right. */
+    data?: number[];
+    /** Visual form. `area` fills under the line; `bar` draws thin columns. */
+    type?: TSparklineType;
+    /** Mark color. Any CSS color; defaults to the first chart token. */
+    color?: string;
+    /** Intrinsic width in px. */
+    width?: number;
+    /** Intrinsic height in px. */
+    height?: number;
+    /** Smooth (curved) line/area instead of straight segments. */
+    smooth?: boolean;
+    /** Line thickness in px (line/area only). */
+    strokeWidth?: number;
+    /** Force the low end of the value domain (defaults to the data min). */
+    min?: number;
+    /** Force the high end of the value domain (defaults to the data max). */
+    max?: number;
+    /** Draw a filled marker on the last point (line/area only). */
+    showLastPoint?: boolean;
+    /** Accessible label. Falls back to a generic trend description. */
+    ariaLabel?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: TSparklineType;
+    data: number[];
+    width: number;
+    height: number;
+    color: string;
+    strokeWidth: number;
+    min: number;
+    max: number;
+    smooth: boolean;
+    ariaLabel: string;
+    showLastPoint: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;
+//# sourceMappingURL=TSparkline.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSparkline.vue.d.ts","sourceRoot":"","sources":["../../src/components/TSparkline.vue"],"names":[],"mappings":"AAyJA,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AAE9C,KAAK,WAAW,GAAG;IACf,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;;UAnBO,cAAc;UAFd,MAAM,EAAE;WAMP,MAAM;YAEL,MAAM;WAJP,MAAM;iBAQA,MAAM;SAEd,MAAM;SAEN,MAAM;YANH,OAAO;eAUJ,MAAM;mBAFF,OAAO;;AA8K3B,wBAQG"}

package/dist/components/TSparkline.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue"),t=require("@treeui/utils");var n=[`width`,`height`,`viewBox`,`aria-label`],r=[`d`],i=[`x`,`y`,`width`,`height`],a=[`d`,`stroke-width`],o=[`cx`,`cy`,`r`],s=(0,e.defineComponent)({__name:`TSparkline`,props:{data:{default:()=>[]},type:{default:`line`},color:{default:`var(--tree-color-chart-1)`},width:{default:120},height:{default:32},smooth:{type:Boolean,default:!1},strokeWidth:{default:2},min:{default:void 0},max:{default:void 0},showLastPoint:{type:Boolean,default:!1},ariaLabel:{default:void 0}},setup(s){let c=s,l=(0,e.computed)(()=>Math.max(c.strokeWidth,c.showLastPoint?4:2)),u=(0,e.computed)(()=>{let e=c.data,t=c.min??Math.min(...e),n=c.max??Math.max(...e);return t===n?[t-1,n+1]:[t,n]}),d=(0,e.computed)(()=>{let e=c.data;if(e.length===0)return[];let n=(0,t.linearScale)([0,Math.max(1,e.length-1)],[l.value,c.width-l.value]),r=(0,t.linearScale)(u.value,[c.height-l.value,l.value]);return e.map((e,t)=>({x:n(t),y:r(e)}))}),f=(0,e.computed)(()=>(0,t.buildLinePath)(d.value,c.smooth)),p=(0,e.computed)(()=>(0,t.buildAreaPath)(d.value,c.height-l.value,c.smooth)),m=(0,e.computed)(()=>{let e=c.data;if(e.length===0)return[];let n=(0,t.linearScale)(u.value,[c.height-l.value,l.value]),r=c.height-l.value,i=(c.width-l.value*2)/e.length,a=Math.max(1,i-2);return e.map((e,t)=>{let o=n(e);return{x:l.value+t*i+2/2,y:o,width:a,height:Math.max(1,r-o)}})}),h=(0,e.computed)(()=>d.value[d.value.length-1]??null),g=(0,e.computed)(()=>c.data.length>0),_=(0,e.computed)(()=>c.ariaLabel??`Trend sparkline`);return(t,c)=>((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,{class:`t-sparkline`,width:s.width,height:s.height,viewBox:`0 0 ${s.width} ${s.height}`,role:`img`,"aria-label":_.value,style:(0,e.normalizeStyle)({color:s.color})},[g.value?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[s.type===`area`?((0,e.openBlock)(),(0,e.createElementBlock)(`path`,{key:0,class:`t-sparkline__area`,d:p.value},null,8,r)):(0,e.createCommentVNode)(``,!0),s.type===`bar`?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:1},(0,e.renderList)(m.value,(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`rect`,{key:n,class:`t-sparkline__bar`,x:t.x,y:t.y,width:t.width,height:t.height,rx:`1`},null,8,i))),128)):((0,e.openBlock)(),(0,e.createElementBlock)(`path`,{key:2,class:`t-sparkline__line`,d:f.value,"stroke-width":s.strokeWidth,fill:`none`},null,8,a)),s.showLastPoint&&s.type!==`bar`&&h.value?((0,e.openBlock)(),(0,e.createElementBlock)(`circle`,{key:3,class:`t-sparkline__point`,cx:h.value.x,cy:h.value.y,r:Math.max(2,s.strokeWidth)},null,8,o)):(0,e.createCommentVNode)(``,!0)],64)):(0,e.createCommentVNode)(``,!0)],12,n))}});exports.default=s;
+//# sourceMappingURL=TSparkline.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSparkline.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TSparkline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { buildAreaPath, buildLinePath, linearScale, type ChartPoint } from '@treeui/utils';\n\ntype TSparklineType = 'line' | 'area' | 'bar';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Values to plot, left to right. */\n    data?: number[];\n    /** Visual form. `area` fills under the line; `bar` draws thin columns. */\n    type?: TSparklineType;\n    /** Mark color. Any CSS color; defaults to the first chart token. */\n    color?: string;\n    /** Intrinsic width in px. */\n    width?: number;\n    /** Intrinsic height in px. */\n    height?: number;\n    /** Smooth (curved) line/area instead of straight segments. */\n    smooth?: boolean;\n    /** Line thickness in px (line/area only). */\n    strokeWidth?: number;\n    /** Force the low end of the value domain (defaults to the data min). */\n    min?: number;\n    /** Force the high end of the value domain (defaults to the data max). */\n    max?: number;\n    /** Draw a filled marker on the last point (line/area only). */\n    showLastPoint?: boolean;\n    /** Accessible label. Falls back to a generic trend description. */\n    ariaLabel?: string;\n  }>(),\n  {\n    data: () => [],\n    type: 'line',\n    color: 'var(--tree-color-chart-1)',\n    width: 120,\n    height: 32,\n    smooth: false,\n    strokeWidth: 2,\n    min: undefined,\n    max: undefined,\n    showLastPoint: false,\n    ariaLabel: undefined,\n  },\n);\n\n// Inset so strokes and markers never clip against the SVG edge.\nconst inset = computed(() => Math.max(props.strokeWidth, props.showLastPoint ? 4 : 2));\n\nconst domain = computed<[number, number]>(() => {\n  const values = props.data;\n  const low = props.min ?? Math.min(...values);\n  const high = props.max ?? Math.max(...values);\n  // Pad a flat series so it renders as a centered line, not against an edge.\n  return low === high ? [low - 1, high + 1] : [low, high];\n});\n\nconst points = computed<ChartPoint[]>(() => {\n  const values = props.data;\n  if (values.length === 0) return [];\n\n  const x = linearScale([0, Math.max(1, values.length - 1)], [inset.value, props.width - inset.value]);\n  const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n\n  return values.map((value, index) => ({ x: x(index), y: y(value) }));\n});\n\nconst linePath = computed(() => buildLinePath(points.value, props.smooth));\nconst areaPath = computed(() =>\n  buildAreaPath(points.value, props.height - inset.value, props.smooth),\n);\n\nconst bars = computed(() => {\n  const values = props.data;\n  if (values.length === 0) return [];\n\n  const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n  const baseline = props.height - inset.value;\n  const gap = 2;\n  const slot = (props.width - inset.value * 2) / values.length;\n  const barWidth = Math.max(1, slot - gap);\n\n  return values.map((value, index) => {\n    const top = y(value);\n    return {\n      x: inset.value + index * slot + gap / 2,\n      y: top,\n      width: barWidth,\n      height: Math.max(1, baseline - top),\n    };\n  });\n});\n\nconst lastPoint = computed(() => points.value[points.value.length - 1] ?? null);\n\nconst hasData = computed(() => props.data.length > 0);\n\nconst resolvedLabel = computed(() => props.ariaLabel ?? 'Trend sparkline');\n</script>\n\n<template>\n  <svg\n    class=\"t-sparkline\"\n    :width=\"width\"\n    :height=\"height\"\n    :viewBox=\"`0 0 ${width} ${height}`\"\n    role=\"img\"\n    :aria-label=\"resolvedLabel\"\n    :style=\"{ color }\"\n  >\n    <template v-if=\"hasData\">\n      <path\n        v-if=\"type === 'area'\"\n        class=\"t-sparkline__area\"\n        :d=\"areaPath\"\n      />\n\n      <template v-if=\"type === 'bar'\">\n        <rect\n          v-for=\"(bar, index) in bars\"\n          :key=\"index\"\n          class=\"t-sparkline__bar\"\n          :x=\"bar.x\"\n          :y=\"bar.y\"\n          :width=\"bar.width\"\n          :height=\"bar.height\"\n          rx=\"1\"\n        />\n      </template>\n\n      <path\n        v-else\n        class=\"t-sparkline__line\"\n        :d=\"linePath\"\n        :stroke-width=\"strokeWidth\"\n        fill=\"none\"\n      />\n\n      <circle\n        v-if=\"showLastPoint && type !== 'bar' && lastPoint\"\n        class=\"t-sparkline__point\"\n        :cx=\"lastPoint.x\"\n        :cy=\"lastPoint.y\"\n        :r=\"Math.max(2, strokeWidth)\"\n      />\n    </template>\n  </svg>\n</template>\n"],"mappings":"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"}

package/dist/components/TSparkline.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,107 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, normalizeStyle as a, openBlock as o, renderList as s } from "vue";
+import { buildAreaPath as c, buildLinePath as l, linearScale as u } from "@treeui/utils";
+//#region src/components/TSparkline.vue?vue&type=script&setup=true&lang.ts
+var d = [
+	"width",
+	"height",
+	"viewBox",
+	"aria-label"
+], f = ["d"], p = [
+	"x",
+	"y",
+	"width",
+	"height"
+], m = ["d", "stroke-width"], h = [
+	"cx",
+	"cy",
+	"r"
+], g = /*@__PURE__*/ i({
+	__name: "TSparkline",
+	props: {
+		data: { default: () => [] },
+		type: { default: "line" },
+		color: { default: "var(--tree-color-chart-1)" },
+		width: { default: 120 },
+		height: { default: 32 },
+		smooth: {
+			type: Boolean,
+			default: !1
+		},
+		strokeWidth: { default: 2 },
+		min: { default: void 0 },
+		max: { default: void 0 },
+		showLastPoint: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: { default: void 0 }
+	},
+	setup(i) {
+		let g = i, _ = t(() => Math.max(g.strokeWidth, g.showLastPoint ? 4 : 2)), v = t(() => {
+			let e = g.data, t = g.min ?? Math.min(...e), n = g.max ?? Math.max(...e);
+			return t === n ? [t - 1, n + 1] : [t, n];
+		}), y = t(() => {
+			let e = g.data;
+			if (e.length === 0) return [];
+			let t = u([0, Math.max(1, e.length - 1)], [_.value, g.width - _.value]), n = u(v.value, [g.height - _.value, _.value]);
+			return e.map((e, r) => ({
+				x: t(r),
+				y: n(e)
+			}));
+		}), b = t(() => l(y.value, g.smooth)), x = t(() => c(y.value, g.height - _.value, g.smooth)), S = t(() => {
+			let e = g.data;
+			if (e.length === 0) return [];
+			let t = u(v.value, [g.height - _.value, _.value]), n = g.height - _.value, r = (g.width - _.value * 2) / e.length, i = Math.max(1, r - 2);
+			return e.map((e, a) => {
+				let o = t(e);
+				return {
+					x: _.value + a * r + 2 / 2,
+					y: o,
+					width: i,
+					height: Math.max(1, n - o)
+				};
+			});
+		}), C = t(() => y.value[y.value.length - 1] ?? null), w = t(() => g.data.length > 0), T = t(() => g.ariaLabel ?? "Trend sparkline");
+		return (t, c) => (o(), r("svg", {
+			class: "t-sparkline",
+			width: i.width,
+			height: i.height,
+			viewBox: `0 0 ${i.width} ${i.height}`,
+			role: "img",
+			"aria-label": T.value,
+			style: a({ color: i.color })
+		}, [w.value ? (o(), r(e, { key: 0 }, [
+			i.type === "area" ? (o(), r("path", {
+				key: 0,
+				class: "t-sparkline__area",
+				d: x.value
+			}, null, 8, f)) : n("", !0),
+			i.type === "bar" ? (o(!0), r(e, { key: 1 }, s(S.value, (e, t) => (o(), r("rect", {
+				key: t,
+				class: "t-sparkline__bar",
+				x: e.x,
+				y: e.y,
+				width: e.width,
+				height: e.height,
+				rx: "1"
+			}, null, 8, p))), 128)) : (o(), r("path", {
+				key: 2,
+				class: "t-sparkline__line",
+				d: b.value,
+				"stroke-width": i.strokeWidth,
+				fill: "none"
+			}, null, 8, m)),
+			i.showLastPoint && i.type !== "bar" && C.value ? (o(), r("circle", {
+				key: 3,
+				class: "t-sparkline__point",
+				cx: C.value.x,
+				cy: C.value.y,
+				r: Math.max(2, i.strokeWidth)
+			}, null, 8, h)) : n("", !0)
+		], 64)) : n("", !0)], 12, d));
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=TSparkline.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSparkline.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TSparkline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { buildAreaPath, buildLinePath, linearScale, type ChartPoint } from '@treeui/utils';\n\ntype TSparklineType = 'line' | 'area' | 'bar';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Values to plot, left to right. */\n    data?: number[];\n    /** Visual form. `area` fills under the line; `bar` draws thin columns. */\n    type?: TSparklineType;\n    /** Mark color. Any CSS color; defaults to the first chart token. */\n    color?: string;\n    /** Intrinsic width in px. */\n    width?: number;\n    /** Intrinsic height in px. */\n    height?: number;\n    /** Smooth (curved) line/area instead of straight segments. */\n    smooth?: boolean;\n    /** Line thickness in px (line/area only). */\n    strokeWidth?: number;\n    /** Force the low end of the value domain (defaults to the data min). */\n    min?: number;\n    /** Force the high end of the value domain (defaults to the data max). */\n    max?: number;\n    /** Draw a filled marker on the last point (line/area only). */\n    showLastPoint?: boolean;\n    /** Accessible label. Falls back to a generic trend description. */\n    ariaLabel?: string;\n  }>(),\n  {\n    data: () => [],\n    type: 'line',\n    color: 'var(--tree-color-chart-1)',\n    width: 120,\n    height: 32,\n    smooth: false,\n    strokeWidth: 2,\n    min: undefined,\n    max: undefined,\n    showLastPoint: false,\n    ariaLabel: undefined,\n  },\n);\n\n// Inset so strokes and markers never clip against the SVG edge.\nconst inset = computed(() => Math.max(props.strokeWidth, props.showLastPoint ? 4 : 2));\n\nconst domain = computed<[number, number]>(() => {\n  const values = props.data;\n  const low = props.min ?? Math.min(...values);\n  const high = props.max ?? Math.max(...values);\n  // Pad a flat series so it renders as a centered line, not against an edge.\n  return low === high ? [low - 1, high + 1] : [low, high];\n});\n\nconst points = computed<ChartPoint[]>(() => {\n  const values = props.data;\n  if (values.length === 0) return [];\n\n  const x = linearScale([0, Math.max(1, values.length - 1)], [inset.value, props.width - inset.value]);\n  const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n\n  return values.map((value, index) => ({ x: x(index), y: y(value) }));\n});\n\nconst linePath = computed(() => buildLinePath(points.value, props.smooth));\nconst areaPath = computed(() =>\n  buildAreaPath(points.value, props.height - inset.value, props.smooth),\n);\n\nconst bars = computed(() => {\n  const values = props.data;\n  if (values.length === 0) return [];\n\n  const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n  const baseline = props.height - inset.value;\n  const gap = 2;\n  const slot = (props.width - inset.value * 2) / values.length;\n  const barWidth = Math.max(1, slot - gap);\n\n  return values.map((value, index) => {\n    const top = y(value);\n    return {\n      x: inset.value + index * slot + gap / 2,\n      y: top,\n      width: barWidth,\n      height: Math.max(1, baseline - top),\n    };\n  });\n});\n\nconst lastPoint = computed(() => points.value[points.value.length - 1] ?? null);\n\nconst hasData = computed(() => props.data.length > 0);\n\nconst resolvedLabel = computed(() => props.ariaLabel ?? 'Trend sparkline');\n</script>\n\n<template>\n  <svg\n    class=\"t-sparkline\"\n    :width=\"width\"\n    :height=\"height\"\n    :viewBox=\"`0 0 ${width} ${height}`\"\n    role=\"img\"\n    :aria-label=\"resolvedLabel\"\n    :style=\"{ color }\"\n  >\n    <template v-if=\"hasData\">\n      <path\n        v-if=\"type === 'area'\"\n        class=\"t-sparkline__area\"\n        :d=\"areaPath\"\n      />\n\n      <template v-if=\"type === 'bar'\">\n        <rect\n          v-for=\"(bar, index) in bars\"\n          :key=\"index\"\n          class=\"t-sparkline__bar\"\n          :x=\"bar.x\"\n          :y=\"bar.y\"\n          :width=\"bar.width\"\n          :height=\"bar.height\"\n          rx=\"1\"\n        />\n      </template>\n\n      <path\n        v-else\n        class=\"t-sparkline__line\"\n        :d=\"linePath\"\n        :stroke-width=\"strokeWidth\"\n        fill=\"none\"\n      />\n\n      <circle\n        v-if=\"showLastPoint && type !== 'bar' && lastPoint\"\n        class=\"t-sparkline__point\"\n        :cx=\"lastPoint.x\"\n        :cy=\"lastPoint.y\"\n        :r=\"Math.max(2, strokeWidth)\"\n      />\n    </template>\n  </svg>\n</template>\n"],"mappings":"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"}

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

@@ -20,9 +20,9 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     reverse: boolean;
+    gap: string;
     as: string;
     align: string;
-    gap: string;
     justify: string;
     wrap: boolean;
     direction: TStackDirection;

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;QANZ,MAAM;WAGH,MAAM;SADR,MAAM;aAEF,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":"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"}

package/dist/components/index.d.ts

@@ -36,6 +36,8 @@ export { default as TSelect } from './TSelect.vue';
 export type { TSelectOption } from './TSelect.vue';
 export { default as TSidebar } from './TSidebar.vue';
 export type { TSidebarSide } from './TSidebar.vue';
+export { default as TAppShell } from './TAppShell.vue';
+export type { AppShellSlotProps } from './TAppShell.vue';
 export { default as TInput } from './TInput.vue';
 export { default as TNumberInput } from './TNumberInput.vue';
 export { default as TSelectableList } from './TSelectableList.vue';
@@ -77,6 +79,11 @@ export { default as TPricing } from './TPricing.vue';
 export { default as TPricingCard } from './TPricingCard.vue';
 export type { PricingFeature } from './TPricingCard.vue';
 export { default as TMarkdownEditor } from './TMarkdownEditor.vue';
+export { default as TChart } from './TChart.vue';
+export type { TChartType, TChartSeries, TChartActivePayload } from './TChart.vue';
+export { default as TSparkline } from './TSparkline.vue';
+export { default as TDonutChart } from './TDonutChart.vue';
+export type { TDonutSegment } from './TDonutChart.vue';
 export { default as TIcon } from './TIcon.vue';
 export type { TIconName } from '../../../icons/src/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EACV,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EACV,kBAAkB,EAClB,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});/* empty css                */const e=require("./components/TAccordion.cjs"),t=require("./components/TAccordionItem.cjs"),n=require("./components/TAlert.cjs"),r=require("./components/TBadge.cjs"),ee=require("./components/TBreadcrumb.cjs"),te=require("./components/TBreadcrumbItem.cjs"),i=require("./components/TSpinner.cjs"),a=require("./components/TButton.cjs"),o=require("./components/TCard.cjs"),s=require("./components/TCheckbox.cjs"),c=require("./components/TCombobox.cjs"),l=require("./components/TModal.cjs"),u=require("./components/TConfirmDialog.cjs"),d=require("./components/TContainer.cjs"),f=require("./components/TContextMenu.cjs"),p=require("./components/TDatePicker.cjs"),m=require("./components/TDateTimePicker.cjs"),h=require("./components/TDrawer.cjs"),g=require("./components/TDropdown.cjs"),_=require("./components/TEmptyState.cjs"),v=require("./components/TFileUpload.cjs"),y=require("./components/TMultiSelect.cjs"),b=require("./components/TGrid.cjs"),x=require("./components/TNavbar.cjs"),S=require("./components/TLink.cjs"),C=require("./components/TNavMenu.cjs"),w=require("./components/TRadio.cjs"),T=require("./components/TRadioGroup.cjs"),E=require("./components/TSelect.cjs"),D=require("./components/TSidebar.cjs"),O=require("./components/TInput.cjs"),k=require("./components/TNumberInput.cjs"),A=require("./components/TSelectableList.cjs"),ne=require("./components/TStack.cjs"),j=require("./components/TTreeView.cjs"),M=require("./components/TSteps.cjs"),N=require("./components/TToggleGroup.cjs"),P=require("./components/TTextarea.cjs"),F=require("./components/TSkeleton.cjs"),I=require("./components/TStat.cjs"),L=require("./components/TSwitch.cjs"),R=require("./components/TTooltip.cjs"),z=require("./components/TFormField.cjs"),B=require("./components/TPagination.cjs"),V=require("./components/TPopover.cjs"),H=require("./components/TProgress.cjs"),U=require("./components/TTabs.cjs"),W=require("./components/TTabList.cjs"),G=require("./components/TTab.cjs"),K=require("./components/TTabPanel.cjs"),q=require("./components/TToast.cjs"),J=require("./composables/useToast.cjs"),Y=require("./components/TToastProvider.cjs"),X=require("./components/TAvatar.cjs"),Z=require("./components/TDivider.cjs"),re=require("./components/TTable.cjs"),ie=require("./components/TTag.cjs"),ae=require("./components/TTimeline.cjs"),oe=require("./components/TPricingCard.cjs"),se=require("./components/TPricing.cjs"),ce=require("./components/TMarkdownEditor.cjs"),le=require("./components/TIcon.cjs"),Q=require("./plugin.cjs"),$=require("./types/contracts.cjs");exports.TAccordion=e.default,exports.TAccordionItem=t.default,exports.TAlert=n.default,exports.TAppBar=x.default,exports.TAvatar=X.default,exports.TBadge=r.default,exports.TBreadcrumb=ee.default,exports.TBreadcrumbItem=te.default,exports.TButton=a.default,exports.TCard=o.default,exports.TCheckbox=s.default,exports.TCombobox=c.default,exports.TConfirmDialog=u.default,exports.TContainer=d.default,exports.TContextMenu=f.default,exports.TDatePicker=p.default,exports.TDateTimePicker=m.default,exports.TDivider=Z.default,exports.TDrawer=h.default,exports.TDropdown=g.default,exports.TEmptyState=_.default,exports.TFileUpload=v.default,exports.TFormField=z.default,exports.TGrid=b.default,exports.TIcon=le.default,exports.TInput=O.default,exports.TLink=S.default,exports.TMarkdownEditor=ce.default,exports.TModal=l.default,exports.TMultiSelect=y.default,exports.TNavMenu=C.default,exports.TNavbar=x.default,exports.TNumberInput=k.default,exports.TPagination=B.default,exports.TPopover=V.default,exports.TPricing=se.default,exports.TPricingCard=oe.default,exports.TProgress=H.default,exports.TRadio=w.default,exports.TRadioGroup=T.default,exports.TSelect=E.default,exports.TSelectableList=A.default,exports.TSidebar=D.default,exports.TSkeleton=F.default,exports.TSpinner=i.default,exports.TStack=ne.default,exports.TStat=I.default,exports.TStepper=M.default,exports.TSteps=M.default,exports.TSwitch=L.default,exports.TTab=G.default,exports.TTabList=W.default,exports.TTabPanel=K.default,exports.TTable=re.default,exports.TTabs=U.default,exports.TTag=ie.default,exports.TTextarea=P.default,exports.TTimeline=ae.default,exports.TToast=q.default,exports.TToastProvider=Y.default,exports.TToggleGroup=N.default,exports.TTooltip=R.default,exports.TTreeView=j.default,exports.TreeUIPlugin=Q.TreeUIPlugin,exports.default=Q.TreeUIPlugin,exports.install=Q.install,exports.treeCardVariants=$.treeCardVariants,exports.treeDrawerSides=$.treeDrawerSides,exports.treeSizes=$.treeSizes,exports.treeTooltipSides=$.treeTooltipSides,exports.treeVariants=$.treeVariants,exports.useToast=J.useToast;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});/* empty css                */const e=require("./components/TAccordion.cjs"),t=require("./components/TAccordionItem.cjs"),n=require("./components/TAlert.cjs"),r=require("./components/TBadge.cjs"),ee=require("./components/TBreadcrumb.cjs"),te=require("./components/TBreadcrumbItem.cjs"),i=require("./components/TSpinner.cjs"),a=require("./components/TButton.cjs"),o=require("./components/TCard.cjs"),s=require("./components/TCheckbox.cjs"),c=require("./components/TCombobox.cjs"),l=require("./components/TModal.cjs"),u=require("./components/TConfirmDialog.cjs"),d=require("./components/TContainer.cjs"),f=require("./components/TContextMenu.cjs"),p=require("./components/TDatePicker.cjs"),m=require("./components/TDateTimePicker.cjs"),h=require("./components/TDrawer.cjs"),g=require("./components/TDropdown.cjs"),_=require("./components/TEmptyState.cjs"),v=require("./components/TFileUpload.cjs"),y=require("./components/TMultiSelect.cjs"),b=require("./components/TGrid.cjs"),x=require("./components/TNavbar.cjs"),S=require("./components/TLink.cjs"),C=require("./components/TNavMenu.cjs"),w=require("./components/TRadio.cjs"),T=require("./components/TRadioGroup.cjs"),E=require("./components/TSelect.cjs"),D=require("./components/TSidebar.cjs"),O=require("./components/TAppShell.cjs"),k=require("./components/TInput.cjs"),A=require("./components/TNumberInput.cjs"),ne=require("./components/TSelectableList.cjs"),j=require("./components/TStack.cjs"),M=require("./components/TTreeView.cjs"),N=require("./components/TSteps.cjs"),P=require("./components/TToggleGroup.cjs"),F=require("./components/TTextarea.cjs"),I=require("./components/TSkeleton.cjs"),L=require("./components/TStat.cjs"),R=require("./components/TSwitch.cjs"),z=require("./components/TTooltip.cjs"),B=require("./components/TFormField.cjs"),V=require("./components/TPagination.cjs"),H=require("./components/TPopover.cjs"),U=require("./components/TProgress.cjs"),W=require("./components/TTabs.cjs"),G=require("./components/TTabList.cjs"),K=require("./components/TTab.cjs"),q=require("./components/TTabPanel.cjs"),J=require("./components/TToast.cjs"),Y=require("./composables/useToast.cjs"),X=require("./components/TToastProvider.cjs"),Z=require("./components/TAvatar.cjs"),re=require("./components/TDivider.cjs"),ie=require("./components/TTable.cjs"),ae=require("./components/TTag.cjs"),oe=require("./components/TTimeline.cjs"),se=require("./components/TPricingCard.cjs"),ce=require("./components/TPricing.cjs"),le=require("./components/TMarkdownEditor.cjs"),ue=require("./components/TChart.cjs"),de=require("./components/TSparkline.cjs"),fe=require("./components/TDonutChart.cjs"),pe=require("./components/TIcon.cjs"),Q=require("./plugin.cjs"),$=require("./types/contracts.cjs");exports.TAccordion=e.default,exports.TAccordionItem=t.default,exports.TAlert=n.default,exports.TAppBar=x.default,exports.TAppShell=O.default,exports.TAvatar=Z.default,exports.TBadge=r.default,exports.TBreadcrumb=ee.default,exports.TBreadcrumbItem=te.default,exports.TButton=a.default,exports.TCard=o.default,exports.TChart=ue.default,exports.TCheckbox=s.default,exports.TCombobox=c.default,exports.TConfirmDialog=u.default,exports.TContainer=d.default,exports.TContextMenu=f.default,exports.TDatePicker=p.default,exports.TDateTimePicker=m.default,exports.TDivider=re.default,exports.TDonutChart=fe.default,exports.TDrawer=h.default,exports.TDropdown=g.default,exports.TEmptyState=_.default,exports.TFileUpload=v.default,exports.TFormField=B.default,exports.TGrid=b.default,exports.TIcon=pe.default,exports.TInput=k.default,exports.TLink=S.default,exports.TMarkdownEditor=le.default,exports.TModal=l.default,exports.TMultiSelect=y.default,exports.TNavMenu=C.default,exports.TNavbar=x.default,exports.TNumberInput=A.default,exports.TPagination=V.default,exports.TPopover=H.default,exports.TPricing=ce.default,exports.TPricingCard=se.default,exports.TProgress=U.default,exports.TRadio=w.default,exports.TRadioGroup=T.default,exports.TSelect=E.default,exports.TSelectableList=ne.default,exports.TSidebar=D.default,exports.TSkeleton=I.default,exports.TSparkline=de.default,exports.TSpinner=i.default,exports.TStack=j.default,exports.TStat=L.default,exports.TStepper=N.default,exports.TSteps=N.default,exports.TSwitch=R.default,exports.TTab=K.default,exports.TTabList=G.default,exports.TTabPanel=q.default,exports.TTable=ie.default,exports.TTabs=W.default,exports.TTag=ae.default,exports.TTextarea=F.default,exports.TTimeline=oe.default,exports.TToast=J.default,exports.TToastProvider=X.default,exports.TToggleGroup=P.default,exports.TTooltip=z.default,exports.TTreeView=M.default,exports.TreeUIPlugin=Q.TreeUIPlugin,exports.default=Q.TreeUIPlugin,exports.install=Q.install,exports.treeCardVariants=$.treeCardVariants,exports.treeDrawerSides=$.treeDrawerSides,exports.treeSizes=$.treeSizes,exports.treeTooltipSides=$.treeTooltipSides,exports.treeVariants=$.treeVariants,exports.useToast=Y.useToast;