@unergy-dev/gandalf 0.0.0-stage → 0.3.0

package/dist/components/ui/carousel/Carousel.vue.d.ts

@@ -0,0 +1,37 @@
+import { CarouselProps, WithClassAsProps } from './interface';
+type __VLS_Props = CarouselProps & WithClassAsProps;
+declare var __VLS_1: {
+    canScrollNext: boolean;
+    canScrollPrev: boolean;
+    carouselApi: import('embla-carousel').EmblaCarouselType | undefined;
+    carouselRef: HTMLElement | undefined;
+    orientation: "vertical" | "horizontal" | undefined;
+    scrollNext: () => void;
+    scrollPrev: () => void;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    canScrollNext: import('vue').Ref<boolean, boolean>;
+    canScrollPrev: import('vue').Ref<boolean, boolean>;
+    carouselApi: import('vue').Ref<import('embla-carousel').EmblaCarouselType | undefined, import('embla-carousel').EmblaCarouselType | undefined>;
+    carouselRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    orientation: "vertical" | "horizontal" | undefined;
+    scrollNext: () => void;
+    scrollPrev: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "init-api": (payload: import('embla-carousel').EmblaCarouselType | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onInit-api"?: ((payload: import('embla-carousel').EmblaCarouselType | undefined) => any) | undefined;
+}>, {
+    orientation: "vertical" | "horizontal";
+}, {}, {}, {}, 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/components/ui/carousel/Carousel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,65 @@
+import { cn } from "../../../lib/utils.js";
+import { useProvideCarousel } from "./useCarousel.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/ui/carousel/Carousel.vue?vue&type=script&setup=true&lang.ts
+var Carousel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Carousel",
+	props: {
+		opts: {},
+		plugins: {},
+		orientation: { default: "horizontal" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["init-api"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const { canScrollNext, canScrollPrev, carouselApi, carouselRef, orientation, scrollNext, scrollPrev } = useProvideCarousel(props, __emit);
+		__expose({
+			canScrollNext,
+			canScrollPrev,
+			carouselApi,
+			carouselRef,
+			orientation,
+			scrollNext,
+			scrollPrev
+		});
+		function onKeyDown(event) {
+			const prevKey = props.orientation === "vertical" ? "ArrowUp" : "ArrowLeft";
+			const nextKey = props.orientation === "vertical" ? "ArrowDown" : "ArrowRight";
+			if (event.key === prevKey) {
+				event.preventDefault();
+				scrollPrev();
+				return;
+			}
+			if (event.key === nextKey) {
+				event.preventDefault();
+				scrollNext();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "carousel",
+				class: normalizeClass(unref(cn)("relative", props.class)),
+				role: "region",
+				"aria-roledescription": "carousel",
+				tabindex: "0",
+				onKeydown: onKeyDown
+			}, [renderSlot(_ctx.$slots, "default", {
+				canScrollNext: unref(canScrollNext),
+				canScrollPrev: unref(canScrollPrev),
+				carouselApi: unref(carouselApi),
+				carouselRef: unref(carouselRef),
+				orientation: unref(orientation),
+				scrollNext: unref(scrollNext),
+				scrollPrev: unref(scrollPrev)
+			})], 34);
+		};
+	}
+});
+export { Carousel_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/carousel/CarouselContent.js

@@ -0,0 +1,4 @@
+import CarouselContent_vue_vue_type_script_setup_true_lang_default from "./CarouselContent.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/carousel/CarouselContent.vue
+var CarouselContent_default = CarouselContent_vue_vue_type_script_setup_true_lang_default;
+export { CarouselContent_default as default };

package/dist/components/ui/carousel/CarouselContent.vue.d.ts

@@ -0,0 +1,14 @@
+import { WithClassAsProps } from './interface';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<WithClassAsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WithClassAsProps> & 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/components/ui/carousel/CarouselContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,28 @@
+import { cn } from "../../../lib/utils.js";
+import { useCarousel } from "./useCarousel.js";
+import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref } from "vue";
+// src/components/ui/carousel/CarouselContent.vue?vue&type=script&setup=true&lang.ts
+var CarouselContent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "CarouselContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		const props = __props;
+		const { carouselRef, orientation } = useCarousel();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "carouselRef",
+				ref: carouselRef,
+				"data-slot": "carousel-content",
+				class: "overflow-hidden"
+			}, [createElementVNode("div", mergeProps({ class: unref(cn)("flex", unref(orientation) === "horizontal" ? "-ml-4" : "-mt-4 flex-col", props.class) }, _ctx.$attrs), [renderSlot(_ctx.$slots, "default")], 16)], 512);
+		};
+	}
+});
+export { CarouselContent_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/carousel/CarouselItem.js

@@ -0,0 +1,4 @@
+import CarouselItem_vue_vue_type_script_setup_true_lang_default from "./CarouselItem.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/carousel/CarouselItem.vue
+var CarouselItem_default = CarouselItem_vue_vue_type_script_setup_true_lang_default;
+export { CarouselItem_default as default };

package/dist/components/ui/carousel/CarouselItem.vue.d.ts

@@ -0,0 +1,14 @@
+import { WithClassAsProps } from './interface';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<WithClassAsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WithClassAsProps> & 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/components/ui/carousel/CarouselItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { cn } from "../../../lib/utils.js";
+import { useCarousel } from "./useCarousel.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/ui/carousel/CarouselItem.vue?vue&type=script&setup=true&lang.ts
+var CarouselItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "CarouselItem",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		const props = __props;
+		const { orientation } = useCarousel();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "carousel-item",
+				role: "group",
+				"aria-roledescription": "slide",
+				class: normalizeClass(unref(cn)("min-w-0 shrink-0 grow-0 basis-full", unref(orientation) === "horizontal" ? "pl-4" : "pt-4", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+export { CarouselItem_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/carousel/CarouselNext.js

@@ -0,0 +1,4 @@
+import CarouselNext_vue_vue_type_script_setup_true_lang_default from "./CarouselNext.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/carousel/CarouselNext.vue
+var CarouselNext_default = CarouselNext_vue_vue_type_script_setup_true_lang_default;
+export { CarouselNext_default as default };

package/dist/components/ui/carousel/CarouselNext.vue.d.ts

@@ -0,0 +1,22 @@
+import { WithClassAsProps } from './interface';
+import { ButtonVariants } from '../button';
+type __VLS_Props = {
+    variant?: ButtonVariants['variant'];
+    size?: ButtonVariants['size'];
+} & WithClassAsProps;
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null;
+    variant: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null;
+}, {}, {}, {}, 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/components/ui/carousel/CarouselNext.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { cn } from "../../../lib/utils.js";
+import Button_default from "../button/Button.js";
+import { useCarousel } from "./useCarousel.js";
+import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ArrowRight } from "lucide-vue-next";
+// src/components/ui/carousel/CarouselNext.vue?vue&type=script&setup=true&lang.ts
+var CarouselNext_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "CarouselNext",
+	props: {
+		variant: { default: "outline" },
+		size: { default: "icon" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const { orientation, canScrollNext, scrollNext } = useCarousel();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Button_default), {
+				"data-slot": "carousel-next",
+				disabled: !unref(canScrollNext),
+				class: normalizeClass(unref(cn)("absolute size-8 rounded-full", unref(orientation) === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", props.class)),
+				variant: __props.variant,
+				size: __props.size,
+				onClick: unref(scrollNext)
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(unref(ArrowRight)), _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Next Slide", -1))])]),
+				_: 3
+			}, 8, [
+				"disabled",
+				"class",
+				"variant",
+				"size",
+				"onClick"
+			]);
+		};
+	}
+});
+export { CarouselNext_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/carousel/CarouselPrevious.js

@@ -0,0 +1,4 @@
+import CarouselPrevious_vue_vue_type_script_setup_true_lang_default from "./CarouselPrevious.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/carousel/CarouselPrevious.vue
+var CarouselPrevious_default = CarouselPrevious_vue_vue_type_script_setup_true_lang_default;
+export { CarouselPrevious_default as default };

package/dist/components/ui/carousel/CarouselPrevious.vue.d.ts

@@ -0,0 +1,22 @@
+import { WithClassAsProps } from './interface';
+import { ButtonVariants } from '../button';
+type __VLS_Props = {
+    variant?: ButtonVariants['variant'];
+    size?: ButtonVariants['size'];
+} & WithClassAsProps;
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null;
+    variant: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null;
+}, {}, {}, {}, 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/components/ui/carousel/CarouselPrevious.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { cn } from "../../../lib/utils.js";
+import Button_default from "../button/Button.js";
+import { useCarousel } from "./useCarousel.js";
+import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ArrowLeft } from "lucide-vue-next";
+// src/components/ui/carousel/CarouselPrevious.vue?vue&type=script&setup=true&lang.ts
+var CarouselPrevious_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "CarouselPrevious",
+	props: {
+		variant: { default: "outline" },
+		size: { default: "icon" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const { orientation, canScrollPrev, scrollPrev } = useCarousel();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Button_default), {
+				"data-slot": "carousel-previous",
+				disabled: !unref(canScrollPrev),
+				class: normalizeClass(unref(cn)("absolute size-8 rounded-full", unref(orientation) === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", props.class)),
+				variant: __props.variant,
+				size: __props.size,
+				onClick: unref(scrollPrev)
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(unref(ArrowLeft)), _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Previous Slide", -1))])]),
+				_: 3
+			}, 8, [
+				"disabled",
+				"class",
+				"variant",
+				"size",
+				"onClick"
+			]);
+		};
+	}
+});
+export { CarouselPrevious_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/carousel/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Carousel } from './Carousel.vue';
+export { default as CarouselContent } from './CarouselContent.vue';
+export { default as CarouselItem } from './CarouselItem.vue';
+export { default as CarouselNext } from './CarouselNext.vue';
+export { default as CarouselPrevious } from './CarouselPrevious.vue';
+export type { UnwrapRefCarouselApi as CarouselApi } from './interface';
+export { useCarousel } from './useCarousel';

package/dist/components/ui/carousel/index.js

@@ -0,0 +1,7 @@
+import { useCarousel } from "./useCarousel.js";
+import Carousel_default from "./Carousel.js";
+import CarouselContent_default from "./CarouselContent.js";
+import CarouselItem_default from "./CarouselItem.js";
+import CarouselNext_default from "./CarouselNext.js";
+import CarouselPrevious_default from "./CarouselPrevious.js";
+export { Carousel_default as Carousel, CarouselContent_default as CarouselContent, CarouselItem_default as CarouselItem, CarouselNext_default as CarouselNext, CarouselPrevious_default as CarouselPrevious, useCarousel };

package/dist/components/ui/carousel/interface.d.ts

@@ -0,0 +1,19 @@
+import { default as useEmblaCarousel, EmblaCarouselVueType } from 'embla-carousel-vue';
+import { HTMLAttributes, UnwrapRef } from 'vue';
+type CarouselApi = EmblaCarouselVueType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+export type UnwrapRefCarouselApi = UnwrapRef<CarouselApi>;
+export interface CarouselProps {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+}
+export interface CarouselEmits {
+    (e: 'init-api', payload: UnwrapRefCarouselApi): void;
+}
+export interface WithClassAsProps {
+    class?: HTMLAttributes['class'];
+}
+export {};

package/dist/components/ui/carousel/useCarousel.d.ts

@@ -0,0 +1,20 @@
+import { CarouselEmits, CarouselProps } from './interface';
+declare const useProvideCarousel: (args_0: CarouselProps, emits: CarouselEmits) => {
+    carouselRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    carouselApi: import('vue').Ref<import('embla-carousel').EmblaCarouselType | undefined, import('embla-carousel').EmblaCarouselType | undefined>;
+    canScrollPrev: import('vue').Ref<boolean, boolean>;
+    canScrollNext: import('vue').Ref<boolean, boolean>;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    orientation: "vertical" | "horizontal" | undefined;
+};
+declare function useCarousel(): {
+    carouselRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    carouselApi: import('vue').Ref<import('embla-carousel').EmblaCarouselType | undefined, import('embla-carousel').EmblaCarouselType | undefined>;
+    canScrollPrev: import('vue').Ref<boolean, boolean>;
+    canScrollNext: import('vue').Ref<boolean, boolean>;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    orientation: "vertical" | "horizontal" | undefined;
+};
+export { useCarousel, useProvideCarousel };

package/dist/components/ui/carousel/useCarousel.js

@@ -0,0 +1,44 @@
+import { onMounted, ref } from "vue";
+import { createInjectionState } from "@vueuse/core";
+import emblaCarouselVue from "embla-carousel-vue";
+// src/components/ui/carousel/useCarousel.ts
+var [useProvideCarousel, useInjectCarousel] = createInjectionState(({ opts, orientation, plugins }, emits) => {
+	const [emblaNode, emblaApi] = emblaCarouselVue({
+		...opts,
+		axis: orientation === "horizontal" ? "x" : "y"
+	}, plugins);
+	function scrollPrev() {
+		emblaApi.value?.scrollPrev();
+	}
+	function scrollNext() {
+		emblaApi.value?.scrollNext();
+	}
+	const canScrollNext = ref(false);
+	const canScrollPrev = ref(false);
+	function onSelect(api) {
+		canScrollNext.value = api?.canScrollNext() || false;
+		canScrollPrev.value = api?.canScrollPrev() || false;
+	}
+	onMounted(() => {
+		if (!emblaApi.value) return;
+		emblaApi.value?.on("init", onSelect);
+		emblaApi.value?.on("reInit", onSelect);
+		emblaApi.value?.on("select", onSelect);
+		emits("init-api", emblaApi.value);
+	});
+	return {
+		carouselRef: emblaNode,
+		carouselApi: emblaApi,
+		canScrollPrev,
+		canScrollNext,
+		scrollPrev,
+		scrollNext,
+		orientation
+	};
+});
+function useCarousel() {
+	const carouselState = useInjectCarousel();
+	if (!carouselState) throw new Error("useCarousel must be used within a <Carousel />");
+	return carouselState;
+}
+export { useCarousel, useProvideCarousel };

package/dist/components/ui/chart/ChartContainer.js

@@ -0,0 +1,4 @@
+import ChartContainer_vue_vue_type_script_setup_true_lang_default from "./ChartContainer.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/chart/ChartContainer.vue
+var ChartContainer_default = ChartContainer_vue_vue_type_script_setup_true_lang_default;
+export { ChartContainer_default as default };

package/dist/components/ui/chart/ChartContainer.vue.d.ts

@@ -0,0 +1,25 @@
+import { HTMLAttributes } from 'vue';
+import { ChartConfig } from './index';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
+    id?: HTMLAttributes["id"];
+    class?: HTMLAttributes["class"];
+    config: ChartConfig;
+    cursor?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    id?: HTMLAttributes["id"];
+    class?: HTMLAttributes["class"];
+    config: ChartConfig;
+    cursor?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default: {
+        id: string;
+        config: ChartConfig;
+    };
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui/chart/ChartContainer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+import { cn } from "../../../lib/utils.js";
+import ChartStyle_default from "./ChartStyle.js";
+import { provideChartContext } from "./index.js";
+import { computed, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toRefs, unref } from "vue";
+import { useId as useId$1 } from "reka-ui";
+// src/components/ui/chart/ChartContainer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-chart"];
+var ChartContainer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ChartContainer",
+	props: {
+		id: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		config: {},
+		cursor: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const { config } = toRefs(props);
+		const uniqueId = useId$1();
+		const chartId = computed(() => `chart-${props.id || uniqueId.replace(/:/g, "")}`);
+		provideChartContext({
+			id: uniqueId,
+			config
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "chart",
+				"data-chart": chartId.value,
+				class: normalizeClass(unref(cn)(`[&_.tick_text]:!fill-muted-foreground [&_.tick_line]:!stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video h-full w-full flex-col justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden [&_[data-vis-single-container]]:h-full [&_[data-vis-single-container]]:w-full [&_[data-vis-xy-container]]:h-full [&_[data-vis-xy-container]]:w-full`, props.class)),
+				style: normalizeStyle({
+					"--vis-tooltip-padding": "0px",
+					"--vis-tooltip-background-color": "transparent",
+					"--vis-tooltip-border-color": "transparent",
+					"--vis-tooltip-text-color": "none",
+					"--vis-tooltip-shadow-color": "none",
+					"--vis-tooltip-backdrop-filter": "none",
+					"--vis-crosshair-circle-stroke-color": "#0000",
+					"--vis-crosshair-line-stroke-width": __props.cursor ? "1px" : "0px",
+					"--vis-font-family": "var(--font-sans)"
+				})
+			}, [renderSlot(_ctx.$slots, "default", {
+				id: unref(uniqueId),
+				config: unref(config)
+			}), createVNode(ChartStyle_default, { id: chartId.value }, null, 8, ["id"])], 14, _hoisted_1);
+		};
+	}
+});
+export { ChartContainer_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/chart/ChartLegendContent.js

@@ -0,0 +1,4 @@
+import ChartLegendContent_vue_vue_type_script_setup_true_lang_default from "./ChartLegendContent.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/chart/ChartLegendContent.vue
+var ChartLegendContent_default = ChartLegendContent_vue_vue_type_script_setup_true_lang_default;
+export { ChartLegendContent_default as default };

package/dist/components/ui/chart/ChartLegendContent.vue.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    hideIcon?: boolean;
+    nameKey?: string;
+    verticalAlign?: 'bottom' | 'top';
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    nameKey: string;
+    verticalAlign: "bottom" | "top";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/ui/chart/ChartLegendContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,52 @@
+import { cn } from "../../../lib/utils.js";
+import { useChart } from "./index.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref } from "vue";
+// src/components/ui/chart/ChartLegendContent.vue?vue&type=script&setup=true&lang.ts
+var ChartLegendContent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ChartLegendContent",
+	props: {
+		hideIcon: { type: Boolean },
+		nameKey: { default: void 0 },
+		verticalAlign: { default: "bottom" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { id, config } = useChart();
+		const payload = computed(() => Object.entries(config.value).map(([key, _value]) => {
+			return {
+				key: props.nameKey || key,
+				itemConfig: config.value[key]
+			};
+		}));
+		const containerSelector = ref("");
+		onMounted(() => {
+			containerSelector.value = `[data-chart="chart-${id}"]>[data-vis-xy-container]`;
+		});
+		return (_ctx, _cache) => {
+			return containerSelector.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(cn)("flex items-center justify-center gap-4", __props.verticalAlign === "top" ? "pb-3" : "pt-3", props.class))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(payload.value, ({ key, itemConfig }) => {
+				return openBlock(), createElementBlock("div", {
+					key,
+					class: normalizeClass(unref(cn)("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"))
+				}, [itemConfig?.icon ? (openBlock(), createBlock(resolveDynamicComponent(itemConfig?.icon), { key: 0 })) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: normalizeStyle({ backgroundColor: itemConfig?.color })
+				}, null, 4)), createTextVNode(" " + toDisplayString(itemConfig?.label), 1)], 2);
+			}), 128))], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+export { ChartLegendContent_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/chart/ChartStyle.js

@@ -0,0 +1,4 @@
+import ChartStyle_vue_vue_type_script_setup_true_lang_default from "./ChartStyle.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/chart/ChartStyle.vue
+var ChartStyle_default = ChartStyle_vue_vue_type_script_setup_true_lang_default;
+export { ChartStyle_default as default };

package/dist/components/ui/chart/ChartStyle.vue.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    id?: HTMLAttributes['id'];
+};
+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;