@chelone/vue 0.5.0 → 0.7.0

package/dist/components/ui/button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { buttonVariants } from "./button-variants.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+// src/components/ui/button.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["type", "disabled"];
+var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "button",
+	props: {
+		variant: { default: "default" },
+		size: { default: "default" },
+		type: { default: "button" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<Button>` — the shadcn-vue button primitive, the Vue analog of
+		* `@chelone/react`'s `ui/button.tsx`. Kept minimal + DEPENDENCY-FREE: it renders
+		* a native `<button>` with the shadcn variant/size class recipe (no reka-ui
+		* `Slot`/`asChild` — the V1 admin slice never needs polymorphic rendering, so
+		* the `asChild` reka-ui surface is deferred). Variants/sizes mirror shadcn's
+		* class tokens so the design language matches the React package.
+		*/
+		const props = __props;
+		const classes = computed(() => buttonVariants({
+			variant: props.variant,
+			size: props.size,
+			class: props.class
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				type: __props.type,
+				disabled: __props.disabled,
+				class: normalizeClass(classes.value),
+				"data-slot": "button"
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+export { button_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/card.js

@@ -1,33 +1,29 @@
-import { defineComponent, h } from "vue";
 import { cn } from "../../lib/utils.js";
+import { defineComponent, h } from "vue";
+// src/components/ui/card.ts
+/**
+* The shadcn `Card` family, the Vue analog of `@chelone/react`'s `ui/card.tsx`.
+* Pure structural wrappers as `defineComponent` render components. The V1 slice
+* uses `Card` as the optional container shell for Edit/Create form bodies.
+*/
 function part(name, baseClass, tag = "div") {
-  return defineComponent({
-    name,
-    props: { class: { type: String, default: "" } },
-    setup(props, { slots }) {
-      return () => h(
-        tag,
-        {
-          "data-slot": name.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(),
-          class: cn(baseClass, props.class)
-        },
-        slots.default?.()
-      );
-    }
-  });
+	return defineComponent({
+		name,
+		props: { class: {
+			type: String,
+			default: ""
+		} },
+		setup(props, { slots }) {
+			return () => h(tag, {
+				"data-slot": name.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(),
+				class: cn(baseClass, props.class)
+			}, slots.default?.());
+		}
+	});
 }
-const Card = part(
-  "Card",
-  "rounded-xl border bg-card text-card-foreground shadow"
-);
-const CardHeader = part("CardHeader", "flex flex-col gap-1.5 p-6");
-const CardTitle = part("CardTitle", "font-semibold leading-none", "h3");
-const CardContent = part("CardContent", "p-6 pt-0");
-const CardFooter = part("CardFooter", "flex items-center p-6 pt-0");
-export {
-  Card,
-  CardContent,
-  CardFooter,
-  CardHeader,
-  CardTitle
-};
+var Card = part("Card", "rounded-xl border bg-card text-card-foreground shadow");
+var CardHeader = part("CardHeader", "flex flex-col gap-1.5 p-6");
+var CardTitle = part("CardTitle", "font-semibold leading-none", "h3");
+var CardContent = part("CardContent", "p-6 pt-0");
+var CardFooter = part("CardFooter", "flex items-center p-6 pt-0");
+export { Card, CardContent, CardFooter, CardHeader, CardTitle };

package/dist/components/ui/chart/chart-container.js

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

package/dist/components/ui/chart/chart-container.vue.d.ts

@@ -0,0 +1,21 @@
+import { type ChartConfig } from "./utils.js";
+type __VLS_Props = {
+    id?: string;
+    class?: string;
+    config: ChartConfig;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+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/components/ui/chart/chart-container.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import { cn } from "../../../lib/utils.js";
+import chart_style_default from "./chart-style.js";
+import { provideChartContext, useId as useId$1 } from "./utils.js";
+import { createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toRefs, unref } from "vue";
+// src/components/ui/chart/chart-container.vue?vue&type=script&setup=true&lang.ts
+var chart_container_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "chart-container",
+	props: {
+		id: {},
+		class: {},
+		config: {}
+	},
+	setup(__props) {
+		/**
+		* `<ChartContainer>` — the chart wrapper. Sets `data-slot="chart"` and
+		* `data-chart`, provides the config to the chart parts and renders the
+		* `<ChartStyle>` that defines `--color-*` for it. The Vue analog of shadcn-vue's
+		* `ChartContainer`.
+		*/
+		const props = __props;
+		const { config } = toRefs(props);
+		const uniqueId = useId$1();
+		const chartId = `chart-${props.id || uniqueId}`;
+		provideChartContext({
+			id: uniqueId,
+			config
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "chart",
+				"data-chart": chartId,
+				class: normalizeClass(unref(cn)("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]: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 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", props.class))
+			}, [createVNode(chart_style_default, {
+				id: chartId,
+				config: unref(config)
+			}, null, 8, ["config"]), renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+export { chart_container_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/chart/chart-legend-content.js

@@ -0,0 +1,4 @@
+import chart_legend_content_vue_vue_type_script_setup_true_lang_default from "./chart-legend-content.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/chart/chart-legend-content.vue
+var chart_legend_content_default = chart_legend_content_vue_vue_type_script_setup_true_lang_default;
+export { chart_legend_content_default as default };

package/dist/components/ui/chart/chart-legend-content.vue.d.ts

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

package/dist/components/ui/chart/chart-legend-content.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { cn } from "../../../lib/utils.js";
+import { useChart } from "./utils.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref } from "vue";
+// src/components/ui/chart/chart-legend-content.vue?vue&type=script&setup=true&lang.ts
+var chart_legend_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "chart-legend-content",
+	props: {
+		class: {},
+		hideIcon: { type: Boolean },
+		verticalAlign: { default: "bottom" }
+	},
+	setup(__props) {
+		/**
+		* `<ChartLegendContent>` — one legend entry per config key, with its icon or a
+		* color swatch and its label. The Vue analog of shadcn-vue's
+		* `ChartLegendContent`.
+		*/
+		const props = __props;
+		const { config } = useChart();
+		const items = computed(() => Object.entries(config.value).map(([key, item]) => ({
+			key,
+			item,
+			color: item.color ?? `var(--color-${key})`,
+			label: item.label ?? key
+		})));
+		return (_ctx, _cache) => {
+			return items.value.length ? (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(items.value, (entry) => {
+				return openBlock(), createElementBlock("div", {
+					key: entry.key,
+					"data-slot": "chart-legend-item",
+					class: "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+				}, [entry.item.icon && !props.hideIcon ? (openBlock(), createBlock(resolveDynamicComponent(entry.item.icon), { key: 0 })) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: normalizeStyle({ backgroundColor: entry.color })
+				}, null, 4)), typeof entry.label !== "string" ? (openBlock(), createBlock(resolveDynamicComponent(entry.label), { key: 2 })) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(entry.label), 1)], 64))]);
+			}), 128))], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+export { chart_legend_content_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/chart/chart-style.js

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

package/dist/components/ui/chart/chart-style.vue.d.ts

@@ -0,0 +1,8 @@
+import { type ChartConfig } from "./utils.js";
+type __VLS_Props = {
+    id: string;
+    config: ChartConfig;
+};
+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/components/ui/chart/chart-style.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import { THEMES } from "./utils.js";
+import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, openBlock, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
+// src/components/ui/chart/chart-style.vue?vue&type=script&setup=true&lang.ts
+var chart_style_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "chart-style",
+	props: {
+		id: {},
+		config: {}
+	},
+	setup(__props) {
+		/**
+		* `<ChartStyle>` — writes one `--color-<key>` CSS variable per configured
+		* color, scoped to `[data-chart=<id>]`, for the light and dark themes. A plain
+		* `<style>` element stands in for shadcn-vue's primitive wrapper.
+		*
+		* The text reaches the element as a text node, never HTML. A key, id or color
+		* that could end the declaration or the sheet (`<`, `>`, `{`, `}`, `;`) is
+		* skipped, so config cannot inject rules either.
+		*/
+		const props = __props;
+		const THEME_NAMES = ["light", "dark"];
+		const SAFE_TOKEN = /^[\w-]+$/;
+		const SAFE_COLOR = /^[^<>{};]+$/;
+		const css = computed(() => {
+			if (!SAFE_TOKEN.test(props.id)) return "";
+			const colored = Object.entries(props.config).filter(([key, item]) => SAFE_TOKEN.test(key) && (item.theme || item.color));
+			if (!colored.length) return "";
+			return THEME_NAMES.map((theme) => {
+				const prefix = THEMES[theme];
+				const lines = colored.flatMap(([key, item]) => {
+					const color = item.theme?.[theme] ?? item.color;
+					return color && SAFE_COLOR.test(color) ? [`  --color-${key}: ${color};`] : [];
+				});
+				return `${prefix} [data-chart=${props.id}] {\n${lines.join("\n")}\n}`;
+			}).join("\n");
+		});
+		return (_ctx, _cache) => {
+			return css.value ? (openBlock(), createBlock(resolveDynamicComponent("style"), { key: 0 }, {
+				default: withCtx(() => [createTextVNode(toDisplayString(css.value), 1)]),
+				_: 1
+			})) : createCommentVNode("", true);
+		};
+	}
+});
+export { chart_style_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/chart/chart-tooltip-content.js

@@ -0,0 +1,4 @@
+import chart_tooltip_content_vue_vue_type_script_setup_true_lang_default from "./chart-tooltip-content.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/chart/chart-tooltip-content.vue
+var chart_tooltip_content_default = chart_tooltip_content_vue_vue_type_script_setup_true_lang_default;
+export { chart_tooltip_content_default as default };

package/dist/components/ui/chart/chart-tooltip-content.vue.d.ts

@@ -0,0 +1,8 @@
+import { type ChartTooltipOptions, type ChartTooltipRenderProps } from "./utils.js";
+type __VLS_Props = ChartTooltipOptions & ChartTooltipRenderProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    payload: import("./utils.js").ChartDatum;
+    indicator: "line" | "dot" | "dashed";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/ui/chart/chart-tooltip-content.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,80 @@
+import { cn } from "../../../lib/utils.js";
+import { useChart } from "./utils.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref } from "vue";
+// src/components/ui/chart/chart-tooltip-content.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "font-medium"
+};
+var _hoisted_2 = { class: "grid gap-1.5" };
+var _hoisted_3 = { class: "grid gap-1.5" };
+var _hoisted_4 = {
+	key: 0,
+	class: "font-medium"
+};
+var _hoisted_5 = { class: "text-muted-foreground" };
+var _hoisted_6 = {
+	key: 0,
+	class: "font-mono font-medium text-foreground tabular-nums"
+};
+var chart_tooltip_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "chart-tooltip-content",
+	props: {
+		class: {},
+		hideLabel: { type: Boolean },
+		hideIndicator: { type: Boolean },
+		indicator: { default: "dot" },
+		nameKey: {},
+		labelKey: {},
+		labelFormatter: {},
+		color: {},
+		payload: { default: () => ({}) },
+		x: {}
+	},
+	setup(__props) {
+		/**
+		* `<ChartTooltipContent>` — the tooltip body for a hovered datum. `payload` is
+		* the datum (key to value); each key that has a config entry becomes a row
+		* with its indicator, label and value. Rendered by `componentToString` for
+		* unovis, so everything shown goes through Vue's escaping. The Vue analog of
+		* shadcn-vue's `ChartTooltipContent`.
+		*/
+		const props = __props;
+		const { config } = useChart();
+		const label = computed(() => {
+			if (props.hideLabel) return null;
+			if (props.labelKey && props.payload[props.labelKey] != null) return String(props.payload[props.labelKey]);
+			if (props.x === void 0) return null;
+			if (props.labelFormatter) return String(props.labelFormatter(props.x));
+			return props.x instanceof Date ? props.x.toISOString() : String(props.x);
+		});
+		const rows = computed(() => Object.entries(props.payload).filter(([key]) => Object.hasOwn(config.value, key) && key !== props.labelKey).map(([key, value]) => {
+			const item = config.value[key];
+			const named = props.nameKey ? props.payload[props.nameKey] : void 0;
+			return {
+				key,
+				item,
+				name: item?.label ?? (named != null ? String(named) : key),
+				value: value == null ? null : typeof value === "number" ? value.toLocaleString() : String(value),
+				color: props.color ?? item?.color ?? `var(--color-${key})`
+			};
+		}));
+		const nestLabel = computed(() => rows.value.length === 1 && props.indicator !== "dot");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", props.class)) }, [label.value && !nestLabel.value ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(label.value), 1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row) => {
+				return openBlock(), createElementBlock("div", {
+					key: row.key,
+					class: normalizeClass(unref(cn)("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", props.indicator === "dot" && "items-center"))
+				}, [row.item?.icon ? (openBlock(), createBlock(resolveDynamicComponent(row.item?.icon), { key: 0 })) : !props.hideIndicator ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(cn)("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", props.indicator === "dot" && "h-2.5 w-2.5", props.indicator === "line" && "w-1", props.indicator === "dashed" && "w-0 border-[1.5px] border-dashed bg-transparent", nestLabel.value && props.indicator === "dashed" && "my-0.5")),
+					style: normalizeStyle({
+						"--color-bg": row.color,
+						"--color-border": row.color
+					})
+				}, null, 6)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(unref(cn)("flex flex-1 justify-between leading-none", nestLabel.value ? "items-end" : "items-center")) }, [createElementVNode("div", _hoisted_3, [nestLabel.value && label.value ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(label.value), 1)) : createCommentVNode("", true), createElementVNode("span", _hoisted_5, [typeof row.name !== "string" ? (openBlock(), createBlock(resolveDynamicComponent(row.name), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(row.name), 1)], 64))])]), row.value !== null ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(row.value), 1)) : createCommentVNode("", true)], 2)], 2);
+			}), 128))])], 2);
+		};
+	}
+});
+export { chart_tooltip_content_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,11 @@
+/**
+ * The dependency-free `chart` family barrel — the Vue analog of shadcn-vue's
+ * `ui/chart`, without its UI-primitive and utility dependencies. shadcn-vue's
+ * re-export of the tooltip and crosshair from the chart library is left out so
+ * nothing here imports one; the charts import those themselves.
+ */
+export { default as ChartContainer } from "./chart-container.vue.js";
+export { default as ChartLegendContent } from "./chart-legend-content.vue.js";
+export { default as ChartStyle } from "./chart-style.vue.js";
+export { default as ChartTooltipContent } from "./chart-tooltip-content.vue.js";
+export { type ChartConfig, type ChartContextProps, type ChartDatum, type ChartDatumValue, type ChartTooltipOptions, type ChartTooltipRenderProps, componentToString, provideChartContext, THEMES, useChart, } from "./utils.js";

package/dist/components/ui/chart/utils.d.ts

@@ -0,0 +1,81 @@
+/**
+ * The non-component core of the dependency-free `chart` family: the config
+ * type, the theme map, the `useChart` context and `componentToString`.
+ *
+ * Ported from shadcn-vue's `ui/chart` without its context, id and client-check
+ * helper packages: the context is a typed `InjectionKey` as in
+ * `dropdown-menu/context.ts`, ids come from a module counter (Vue's peer range
+ * starts before Vue's own `useId`), and the client check is a `typeof window`
+ * test.
+ */
+import { type Component, type Ref } from "vue";
+/** Format: `{ THEME_NAME: CSS_SELECTOR }`. */
+export declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+export type ChartConfig = {
+    [key in string]: {
+        label?: string | Component;
+        icon?: string | Component;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+/** A value a tooltip can show; the datum's other fields are never read. */
+export type ChartDatumValue = string | number | boolean | Date | null | undefined;
+/** One hovered datum: field name to value. */
+export type ChartDatum = Record<string, ChartDatumValue>;
+/** unovis hands a tooltip either the datum or a node holding it as `data`. */
+type ChartTooltipTarget = ChartDatum | {
+    data: ChartDatum;
+};
+/** What `componentToString` adds to the props it is given. */
+export interface ChartTooltipRenderProps {
+    payload?: ChartDatum;
+    /** The hovered x value. */
+    x?: number | Date;
+}
+/** The props of `<ChartTooltipContent>` a caller sets. */
+export interface ChartTooltipOptions {
+    class?: string;
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    /** Payload key whose value names each row; defaults to the key itself. */
+    nameKey?: string;
+    /** Payload key shown as the heading in place of `x`. */
+    labelKey?: string;
+    labelFormatter?: (x: number | Date) => string | number;
+    color?: string;
+}
+/** The contract `<ChartContainer>` provides to the chart parts. */
+export interface ChartContextProps {
+    id: string;
+    config: Ref<ChartConfig>;
+}
+/** Provide the chart context (called by `<ChartContainer>` in `setup`). */
+export declare function provideChartContext(ctx: ChartContextProps): void;
+/** Read the ambient chart context. Throws outside a `<ChartContainer>`. */
+export declare function useChart(): ChartContextProps;
+/**
+ * A page-unique id, safe to put in a selector. Inside a component it is Vue's
+ * own `useId` where the installed Vue has one (3.5+), which is per app and so
+ * matches between server render and hydration. Vue's peer range starts at 3.4,
+ * and `componentToString` calls this outside a component; both fall back to a
+ * module counter, which a server that renders several requests in one process
+ * does not reset, so on Vue 3.4 pass `id` to `<ChartContainer>` for SSR.
+ */
+export declare function useId(): string;
+/**
+ * Turn a tooltip component into a `(data, x?) => html` function, the shape
+ * unovis' tooltip `triggers` take. Returns nothing on the server, where
+ * there is no DOM to render into. The HTML comes from Vue's renderer, so text
+ * in the payload is escaped.
+ */
+export declare function componentToString(config: ChartConfig, component: Component, props?: ChartTooltipOptions): ((data: ChartTooltipTarget, x?: number | Date) => string) | undefined;
+export {};

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

@@ -0,0 +1,78 @@
+import * as Vue from "vue";
+import { createApp, defineComponent, getCurrentInstance, h, inject, provide, ref } from "vue";
+// src/components/ui/chart/utils.ts
+/**
+* The non-component core of the dependency-free `chart` family: the config
+* type, the theme map, the `useChart` context and `componentToString`.
+*
+* Ported from shadcn-vue's `ui/chart` without its context, id and client-check
+* helper packages: the context is a typed `InjectionKey` as in
+* `dropdown-menu/context.ts`, ids come from a module counter (Vue's peer range
+* starts before Vue's own `useId`), and the client check is a `typeof window`
+* test.
+*/
+/** Format: `{ THEME_NAME: CSS_SELECTOR }`. */
+var THEMES = {
+	light: "",
+	dark: ".dark"
+};
+var ChartKey = Symbol("chelone-chart");
+/** Provide the chart context (called by `<ChartContainer>` in `setup`). */
+function provideChartContext(ctx) {
+	provide(ChartKey, ctx);
+}
+/** Read the ambient chart context. Throws outside a `<ChartContainer>`. */
+function useChart() {
+	const ctx = inject(ChartKey, null);
+	if (!ctx) throw new Error("useChart: used outside a <ChartContainer> component.");
+	return ctx;
+}
+var idCounter = 0;
+/**
+* A page-unique id, safe to put in a selector. Inside a component it is Vue's
+* own `useId` where the installed Vue has one (3.5+), which is per app and so
+* matches between server render and hydration. Vue's peer range starts at 3.4,
+* and `componentToString` calls this outside a component; both fall back to a
+* module counter, which a server that renders several requests in one process
+* does not reset, so on Vue 3.4 pass `id` to `<ChartContainer>` for SSR.
+*/
+function useId$1() {
+	const vueUseId = Vue.useId;
+	if (vueUseId && getCurrentInstance()) return vueUseId().replace(/[^\w-]/g, "");
+	idCounter += 1;
+	return `chelone-${idCounter}`;
+}
+function isWrapped(target) {
+	return "data" in target && typeof target.data === "object" && target.data !== null && !(target.data instanceof Date);
+}
+/**
+* Turn a tooltip component into a `(data, x?) => html` function, the shape
+* unovis' tooltip `triggers` take. Returns nothing on the server, where
+* there is no DOM to render into. The HTML comes from Vue's renderer, so text
+* in the payload is escaped.
+*/
+function componentToString(config, component, props) {
+	if (typeof window === "undefined") return void 0;
+	const id = useId$1();
+	return (data, x) => {
+		const payload = isWrapped(data) ? data.data : data;
+		const host = defineComponent({ setup() {
+			provideChartContext({
+				id,
+				config: ref(config)
+			});
+			return () => h(component, {
+				...props,
+				payload,
+				x
+			});
+		} });
+		const app = createApp(host);
+		const el = document.createElement("div");
+		app.mount(el);
+		const html = el.innerHTML;
+		app.unmount();
+		return html;
+	};
+}
+export { THEMES, componentToString, provideChartContext, useChart, useId$1 as useId };

package/dist/components/ui/checkbox.js

@@ -0,0 +1,4 @@
+import checkbox_vue_vue_type_script_setup_true_lang_default from "./checkbox.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/checkbox.vue
+var checkbox_default = checkbox_vue_vue_type_script_setup_true_lang_default;
+export { checkbox_default as default };

package/dist/components/ui/checkbox.vue.d.ts

@@ -5,9 +5,10 @@ type __VLS_Props = {
     ariaLabel?: string;
     class?: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/ui/checkbox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { cn } from "../../lib/utils.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock } from "vue";
+// src/components/ui/checkbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"checked",
+	"disabled",
+	"aria-label"
+];
+var checkbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "checkbox",
+	props: {
+		modelValue: { type: Boolean },
+		id: {},
+		disabled: { type: Boolean },
+		ariaLabel: {},
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* `<Checkbox>` — the shadcn-vue checkbox primitive, the Vue analog of
+		* `@chelone/react`'s `ui/checkbox.tsx` (a reka-ui `Checkbox`). Native
+		* `<input type=checkbox>` kept DEPENDENCY-FREE. Reka-ui adaptation: reka-ui uses
+		* `v-model:checked`; this slice exposes shadcn's `modelValue` boolean contract.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const classes = computed(() => cn("h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50", props.class));
+		function onChange(event) {
+			if (event.target instanceof HTMLInputElement) emit("update:modelValue", event.target.checked);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("input", {
+				id: __props.id,
+				type: "checkbox",
+				checked: __props.modelValue,
+				disabled: __props.disabled,
+				"aria-label": __props.ariaLabel,
+				class: normalizeClass(classes.value),
+				"data-slot": "checkbox",
+				onChange
+			}, null, 42, _hoisted_1);
+		};
+	}
+});
+export { checkbox_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/command/command-dialog.js

@@ -0,0 +1,4 @@
+import command_dialog_vue_vue_type_script_setup_true_lang_default from "./command-dialog.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/command/command-dialog.vue
+var command_dialog_default = command_dialog_vue_vue_type_script_setup_true_lang_default;
+export { command_dialog_default as default };