@matta-trade/ui 0.0.0-stage → 0.2.2

package/dist/calendar/index.js

@@ -0,0 +1,303 @@
+import { t as e } from "../chunks/utils-CX-Pz5p6.js";
+import { t } from "../chunks/button-DcaKfSRM.js";
+import { Fragment as n, createBlock as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeProps as d, openBlock as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { CalendarCell as v, CalendarCellTrigger as y, CalendarGrid as b, CalendarGridBody as x, CalendarGridHead as S, CalendarGridRow as C, CalendarHeadCell as w, CalendarHeader as T, CalendarHeading as E, CalendarNext as D, CalendarPrev as O, CalendarRoot as k, useForwardProps as A, useForwardPropsEmits as j } from "reka-ui";
+import { reactiveOmit as M } from "@vueuse/core";
+import { ChevronLeft as N, ChevronRight as P } from "lucide-vue-next";
+//#region src/calendar/Calendar.vue?vue&type=script&setup=true&lang.ts
+var F = { class: "gap-y-4 mt-4 sm:flex-row sm:gap-x-4 sm:gap-y-0 flex flex-col" }, I = /* @__PURE__ */ c({
+	__name: "Calendar",
+	props: {
+		defaultValue: {},
+		defaultPlaceholder: {},
+		placeholder: {},
+		pagedNavigation: { type: Boolean },
+		preventDeselect: { type: Boolean },
+		weekStartsOn: {},
+		weekdayFormat: {},
+		calendarLabel: {},
+		fixedWeeks: { type: Boolean },
+		maxValue: {},
+		minValue: {},
+		locale: {},
+		numberOfMonths: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		initialFocus: { type: Boolean },
+		isDateDisabled: { type: Function },
+		isDateUnavailable: { type: Function },
+		dir: {},
+		nextPage: { type: Function },
+		prevPage: { type: Function },
+		modelValue: {},
+		multiple: { type: Boolean },
+		disableDaysOutsideCurrentView: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue", "update:placeholder"],
+	setup(t, { emit: c }) {
+		let l = t, d = c, m = M(l, "class"), v = j(m, d);
+		return (t, c) => (f(), r(g(k), u({ class: g(e)("p-3", l.class) }, g(v)), {
+			default: _(({ grid: e, weekDays: t }) => [s(g(W), null, {
+				default: _(() => [
+					s(g(q)),
+					s(g(G)),
+					s(g(K))
+				]),
+				_: 1
+			}), a("div", F, [(f(!0), i(n, null, p(e, (e) => (f(), r(g(z), { key: e.value.toString() }, {
+				default: _(() => [s(g(V), null, {
+					default: _(() => [s(g(H), null, {
+						default: _(() => [(f(!0), i(n, null, p(t, (e) => (f(), r(g(U), { key: e }, {
+							default: _(() => [o(h(e), 1)]),
+							_: 2
+						}, 1024))), 128))]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1024), s(g(B), null, {
+					default: _(() => [(f(!0), i(n, null, p(e.rows, (t, a) => (f(), r(g(H), {
+						key: `weekDate-${a}`,
+						class: "mt-2 w-full"
+					}, {
+						default: _(() => [(f(!0), i(n, null, p(t, (t) => (f(), r(g(L), {
+							key: t.toString(),
+							date: t
+						}, {
+							default: _(() => [s(g(R), {
+								day: t,
+								month: e.value
+							}, null, 8, ["day", "month"])]),
+							_: 2
+						}, 1032, ["date"]))), 128))]),
+						_: 2
+					}, 1024))), 128))]),
+					_: 2
+				}, 1024)]),
+				_: 2
+			}, 1024))), 128))])]),
+			_: 1
+		}, 16, ["class"]));
+	}
+}), L = /* @__PURE__ */ c({
+	__name: "CalendarCell",
+	props: {
+		date: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, i = M(n, "class"), a = A(i);
+		return (t, i) => (f(), r(g(v), u({ class: g(e)("h-9 w-9 p-0 [&:has([data-selected])]:bg-accent [&:has([data-selected][data-outside-view])]:bg-accent/50 relative text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md", n.class) }, g(a)), {
+			default: _(() => [m(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), R = /* @__PURE__ */ c({
+	__name: "CalendarCellTrigger",
+	props: {
+		day: {},
+		month: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let i = n, a = M(i, "class"), o = A(a);
+		return (n, a) => (f(), r(g(y), u({ class: g(e)(g(t)({ variant: "ghost" }), "h-9 w-9 p-0 font-normal", "[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground", "data-[selected]:text-primary-foreground data-[selected]:hover:text-primary-foreground data-[selected]:focus:text-primary-foreground data-[selected]:bg-primary data-[selected]:opacity-100 data-[selected]:hover:bg-primary data-[selected]:focus:bg-primary", "data-[disabled]:text-muted-foreground data-[disabled]:opacity-50", "data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through", "data-[outside-view]:text-muted-foreground [&[data-outside-view][data-selected]]:bg-accent/50 [&[data-outside-view][data-selected]]:text-muted-foreground data-[outside-view]:opacity-50 [&[data-outside-view][data-selected]]:opacity-30", i.class) }, g(o)), {
+			default: _(() => [m(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), z = /* @__PURE__ */ c({
+	__name: "CalendarGrid",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, i = M(n, "class"), a = A(i);
+		return (t, i) => (f(), r(g(b), u({ class: g(e)("space-y-1 w-full border-collapse", n.class) }, g(a)), {
+			default: _(() => [m(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), B = /* @__PURE__ */ c({
+	__name: "CalendarGridBody",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (f(), r(g(x), d(l(t)), {
+			default: _(() => [m(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), V = /* @__PURE__ */ c({
+	__name: "CalendarGridHead",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (f(), r(g(S), d(l(t)), {
+			default: _(() => [m(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), H = /* @__PURE__ */ c({
+	__name: "CalendarGridRow",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, i = M(n, "class"), a = A(i);
+		return (t, i) => (f(), r(g(C), u({ class: g(e)("flex", n.class) }, g(a)), {
+			default: _(() => [m(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), U = /* @__PURE__ */ c({
+	__name: "CalendarHeadCell",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, i = M(n, "class"), a = A(i);
+		return (t, i) => (f(), r(g(w), u({ class: g(e)("w-9 font-normal text-muted-foreground rounded-md text-[0.8rem]", n.class) }, g(a)), {
+			default: _(() => [m(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), W = /* @__PURE__ */ c({
+	__name: "CalendarHeader",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, i = M(n, "class"), a = A(i);
+		return (t, i) => (f(), r(g(T), u({ class: g(e)("pt-1 relative flex w-full items-center justify-between", n.class) }, g(a)), {
+			default: _(() => [m(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), G = /* @__PURE__ */ c({
+	__name: "CalendarHeading",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, i = M(n, "class"), a = A(i);
+		return (t, i) => (f(), r(g(E), u({ class: g(e)("font-medium text-sm", n.class) }, g(a)), {
+			default: _(({ headingValue: e }) => [m(t.$slots, "default", { headingValue: e }, () => [o(h(e), 1)])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), K = /* @__PURE__ */ c({
+	__name: "CalendarNextButton",
+	props: {
+		nextPage: { type: Function },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let i = n, a = M(i, "class"), o = A(a);
+		return (n, a) => (f(), r(g(D), u({ class: g(e)(g(t)({ variant: "outline" }), "h-7 w-7 p-0 bg-transparent opacity-50 hover:opacity-100", i.class) }, g(o)), {
+			default: _(() => [m(n.$slots, "default", {}, () => [s(g(P), { class: "h-4 w-4" })])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), q = /* @__PURE__ */ c({
+	__name: "CalendarPrevButton",
+	props: {
+		prevPage: { type: Function },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let i = n, a = M(i, "class"), o = A(a);
+		return (n, a) => (f(), r(g(O), u({ class: g(e)(g(t)({ variant: "outline" }), "h-7 w-7 p-0 bg-transparent opacity-50 hover:opacity-100", i.class) }, g(o)), {
+			default: _(() => [m(n.$slots, "default", {}, () => [s(g(N), { class: "h-4 w-4" })])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { I as Calendar, L as CalendarCell, R as CalendarCellTrigger, z as CalendarGrid, B as CalendarGridBody, V as CalendarGridHead, H as CalendarGridRow, U as CalendarHeadCell, W as CalendarHeader, G as CalendarHeading, K as CalendarNextButton, q as CalendarPrevButton };

package/dist/card/Card.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/card/CardContent.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/card/CardDescription.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/card/CardFooter.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/card/CardHeader.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/card/CardTitle.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/card/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Card } from './Card.vue';
+export { default as CardContent } from './CardContent.vue';
+export { default as CardDescription } from './CardDescription.vue';
+export { default as CardFooter } from './CardFooter.vue';
+export { default as CardHeader } from './CardHeader.vue';
+export { default as CardTitle } from './CardTitle.vue';

package/dist/card/index.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/card-B9Fm3-hL.js";
+export { r as Card, e as CardContent, t as CardDescription, i as CardFooter, n as CardHeader, a as CardTitle };

package/dist/chart/ChartCrosshair.vue.d.ts

@@ -0,0 +1,13 @@
+import { Component } from 'vue';
+import { BulletLegendItemInterface } from '@unovis/ts';
+type __VLS_Props = {
+    colors: string[];
+    index: string;
+    items: BulletLegendItemInterface[];
+    customTooltip?: Component;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    colors: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/chart/ChartLegend.vue.d.ts

@@ -0,0 +1,15 @@
+import { BulletLegendItemInterface } from '@unovis/ts';
+type __VLS_Props = {
+    items: BulletLegendItemInterface[];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    legendItemClick: (d: BulletLegendItemInterface, i: number) => any;
+    "update:items": (payload: BulletLegendItemInterface[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLegendItemClick?: ((d: BulletLegendItemInterface, i: number) => any) | undefined;
+    "onUpdate:items"?: ((payload: BulletLegendItemInterface[]) => any) | undefined;
+}>, {
+    items: BulletLegendItemInterface[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/chart/ChartSingleTooltip.vue.d.ts

@@ -0,0 +1,12 @@
+import { Component } from 'vue';
+import { BulletLegendItemInterface } from '@unovis/ts';
+type __VLS_Props = {
+    selector: string;
+    index: string;
+    items?: BulletLegendItemInterface[];
+    valueFormatter?: (tick: number, i?: number, ticks?: number[]) => string;
+    customTooltip?: Component;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/chart/ChartTooltip.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    title?: string;
+    data: {
+        name: string;
+        color: string;
+        value: any;
+    }[];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/chart/index.d.ts

@@ -0,0 +1,6 @@
+export { default as ChartCrosshair } from './ChartCrosshair.vue';
+export { default as ChartLegend } from './ChartLegend.vue';
+export { default as ChartSingleTooltip } from './ChartSingleTooltip.vue';
+export { default as ChartTooltip } from './ChartTooltip.vue';
+export declare function defaultColors(count?: number): string[];
+export * from './interface';

package/dist/chart/index.js

@@ -0,0 +1,177 @@
+import { t as e } from "../chunks/button-DcaKfSRM.js";
+import { a as t, n, o as r, t as i } from "../chunks/card-B9Fm3-hL.js";
+import { Fragment as a, createApp as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, onMounted as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
+import { BulletLegend as S, omit as C } from "@unovis/ts";
+import { VisBulletLegend as w, VisCrosshair as T, VisTooltip as E } from "@unovis/vue";
+//#endregion
+//#region src/chart/ChartCrosshair.vue
+var D = /* @__PURE__ */ p({
+	__name: "ChartCrosshair",
+	props: {
+		colors: { default: () => [] },
+		index: {},
+		items: {},
+		customTooltip: {}
+	},
+	setup(e) {
+		let t = e, n = /* @__PURE__ */ new WeakMap();
+		function r(e) {
+			if (n.has(e)) return n.get(e);
+			{
+				let r = document.createElement("div"), i = Object.entries(C(e, [t.index])).map(([e, n]) => ({
+					...t.items.find((t) => t.name === e),
+					value: n
+				})), a = t.customTooltip ?? F;
+				return o(a, {
+					title: e[t.index].toString(),
+					data: i
+				}).mount(r), n.set(e, r.innerHTML), r.innerHTML;
+			}
+		}
+		function i(e, n) {
+			return t.colors[n] ?? "transparent";
+		}
+		return (e, t) => (g(), l(a, null, [f(b(E), {
+			"horizontal-shift": 20,
+			"vertical-shift": 20
+		}), f(b(T), {
+			template: r,
+			color: i
+		})], 64));
+	}
+}), O = /* @__PURE__ */ p({
+	__name: "ChartLegend",
+	props: { items: { default: () => [] } },
+	emits: ["legendItemClick", "update:items"],
+	setup(t, { emit: n }) {
+		let r = t, i = n, a = _();
+		function o() {
+			let t = `.${S.selectors.item}`;
+			m(() => {
+				let n = a.value?.querySelectorAll(t), r = e({
+					variant: "ghost",
+					size: "sm"
+				}).split(" ");
+				n?.forEach((e) => e.classList.add(...r, "!inline-flex", "!mr-2"));
+			});
+		}
+		h(() => {
+			o();
+		});
+		function s(e, t) {
+			i("legendItemClick", e, t);
+			let n = !r.items[t].inactive;
+			r.items.some((e) => e.inactive) && n ? i("update:items", r.items.map((e) => ({
+				...e,
+				inactive: !1
+			}))) : i("update:items", r.items.map((t) => t.name === e.name ? {
+				...e,
+				inactive: !1
+			} : {
+				...t,
+				inactive: !0
+			})), o();
+		}
+		return (e, n) => (g(), l("div", {
+			ref_key: "elRef",
+			ref: a,
+			class: "w-max",
+			style: { "--vis-legend-bullet-size": "16px" }
+		}, [f(b(w), {
+			items: t.items,
+			"on-legend-item-click": s
+		}, null, 8, ["items"])], 512));
+	}
+}), k = /* @__PURE__ */ p({
+	__name: "ChartSingleTooltip",
+	props: {
+		selector: {},
+		index: {},
+		items: {},
+		valueFormatter: { type: Function },
+		customTooltip: {}
+	},
+	setup(e) {
+		let t = e, n = /* @__PURE__ */ new WeakMap();
+		function r(e, r, i) {
+			let a = t.valueFormatter ?? ((e) => `${e}`);
+			if (t.index in e) {
+				if (n.has(e)) return n.get(e);
+				{
+					let r = document.createElement("div"), i = Object.entries(C(e, [t.index])).map(([e, n]) => ({
+						...t.items?.find((t) => t.name === e),
+						value: a(n)
+					})), s = t.customTooltip ?? F;
+					return o(s, {
+						title: e[t.index],
+						data: i
+					}).mount(r), n.set(e, r.innerHTML), r.innerHTML;
+				}
+			}
+			{
+				let s = e.data;
+				if (n.has(s)) return n.get(s);
+				{
+					let c = getComputedStyle(i[r]), l = [{
+						name: s.name,
+						value: a(s[t.index]),
+						color: c.fill
+					}], u = document.createElement("div"), d = t.customTooltip ?? F;
+					return o(d, {
+						title: e[t.index],
+						data: l
+					}).mount(u), n.set(e, u.innerHTML), u.innerHTML;
+				}
+			}
+		}
+		return (t, n) => (g(), s(b(E), {
+			"horizontal-shift": 20,
+			"vertical-shift": 20,
+			triggers: { [e.selector]: r }
+		}, null, 8, ["triggers"]));
+	}
+}), A = { class: "flex items-center" }, j = { class: "w-2.5 h-2.5 mr-2" }, M = {
+	width: "100%",
+	height: "100%",
+	viewBox: "0 0 30 30"
+}, N = ["stroke", "fill"], P = { class: "font-semibold ml-4" }, F = /* @__PURE__ */ p({
+	__name: "ChartTooltip",
+	props: {
+		title: {},
+		data: {}
+	},
+	setup(e) {
+		return (o, p) => (g(), s(b(r), { class: "text-sm" }, {
+			default: x(() => [e.title ? (g(), s(b(n), {
+				key: 0,
+				class: "p-3 border-b"
+			}, {
+				default: x(() => [f(b(i), null, {
+					default: x(() => [d(y(e.title), 1)]),
+					_: 1
+				})]),
+				_: 1
+			})) : c("", !0), f(b(t), { class: "p-3 gap-1 flex min-w-[180px] flex-col" }, {
+				default: x(() => [(g(!0), l(a, null, v(e.data, (e, t) => (g(), l("div", {
+					key: t,
+					class: "flex justify-between"
+				}, [u("div", A, [u("span", j, [(g(), l("svg", M, [u("path", {
+					d: " M 15 15 m -14, 0 a 14,14 0 1,1 28,0 a 14,14 0 1,1 -28,0",
+					stroke: e.color,
+					fill: e.color,
+					"stroke-width": "1"
+				}, null, 8, N)]))]), u("span", null, y(e.name), 1)]), u("span", P, y(e.value), 1)]))), 128))]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+//#region src/chart/index.ts
+function I(e = 3) {
+	let t = Math.floor(e / 2), n = t + e % 2, r = t;
+	return [...Array.from(Array(n).keys()).map((e) => `hsl(var(--vis-primary-color) / ${1 - 1 / n * e})`), ...Array.from(Array(r).keys()).map((e) => `hsl(var(--vis-secondary-color) / ${1 - 1 / r * e})`)];
+}
+//#endregion
+export { D as ChartCrosshair, O as ChartLegend, k as ChartSingleTooltip, F as ChartTooltip, I as defaultColors };