@youcan/celeste 0.9.3 → 0.10.0

package/dist/es/chunks/button.js

@@ -4,10 +4,16 @@ import { t as Primitive } from "./Primitive.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/button/button.vue
-var button_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "button",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		size: { default: "md" },
 		intent: { default: "primary" },
 		variant: { default: "fill" },
@@ -18,9 +24,9 @@ var button_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 		const props = __props;
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Primitive), {
-				as: _ctx.as,
-				"as-child": _ctx.asChild,
-				class: normalizeClass(unref(clsx)("celeste-button", `celeste-button-intent-${_ctx.intent}`, `celeste-button-size-${_ctx.size}`, `celeste-button-variant-${_ctx.variant}`, props.class))
+				as: __props.as,
+				"as-child": __props.asChild,
+				class: normalizeClass(unref(clsx)("celeste-button", `celeste-button-intent-${__props.intent}`, `celeste-button-size-${__props.size}`, `celeste-button-variant-${__props.variant}`, props.class))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3

package/dist/es/chunks/calendar.js

@@ -1,9 +1,9 @@
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { t as createContext } from "./createContext.js";
-import { s as useVModel } from "./dist.js";
+import { f as useVModel } from "./dist2.js";
 import { t as Primitive } from "./Primitive.js";
-import { a as handleCalendarInitialFocus, d as toDate, g as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, h as $14e0f24ef4ac5c92$export$a18c89cbd24170ff, i as getWeekStartsOn, m as $14e0f24ef4ac5c92$export$91b62ebf2ba703ee, n as useCalendarState, p as $14e0f24ef4ac5c92$export$629b0a497aa65267, s as getDefaultDate, t as useCalendar, v as $14e0f24ef4ac5c92$export$ea39ec197993aef0 } from "./useCalendar.js";
+import { a as handleCalendarInitialFocus, d as toDate, g as $ad063034c8620db8$export$aa8b41735afcabd2, h as $ad063034c8620db8$export$a18c89cbd24170ff, i as getWeekStartsOn, m as $ad063034c8620db8$export$91b62ebf2ba703ee, n as useCalendarState, p as $ad063034c8620db8$export$629b0a497aa65267, s as getDefaultDate, t as useCalendar, v as $ad063034c8620db8$export$ea39ec197993aef0 } from "./useCalendar.js";
 import { t as useDirection } from "./useDirection.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
 import { t as useKbd } from "./useKbd.js";
@@ -11,7 +11,7 @@ import { t as useLocale } from "./useLocale.js";
 import { t as usePrimitiveElement } from "./usePrimitiveElement.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeProps, onMounted, openBlock, renderList, renderSlot, toDisplayString, toRefs, unref, watch, withCtx, withKeys } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarRoot.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarRoot.js
 var _hoisted_1$1 = { style: {
 	"border": "0px",
 	"clip": "rect(0px, 0px, 0px, 0px)",
@@ -28,7 +28,7 @@ var _hoisted_2$1 = {
 	role: "heading",
 	"aria-level": "2"
 };
-var [injectCalendarRootContext, provideCalendarRootContext] = /* @__PURE__ */ createContext("CalendarRoot");
+var [injectCalendarRootContext, provideCalendarRootContext] = /*#__PURE__*/ createContext("CalendarRoot");
 var CalendarRoot_default = /* @__PURE__ */ defineComponent({
 	__name: "CalendarRoot",
 	props: {
@@ -202,8 +202,8 @@ var CalendarRoot_default = /* @__PURE__ */ defineComponent({
 		watch(modelValue, (_modelValue) => {
 			if (Array.isArray(_modelValue) && _modelValue.length) {
 				const lastValue = _modelValue.at(-1);
-				if (lastValue && !$14e0f24ef4ac5c92$export$91b62ebf2ba703ee(placeholder.value, lastValue)) onPlaceholderChange(lastValue);
-			} else if (!Array.isArray(_modelValue) && _modelValue && !$14e0f24ef4ac5c92$export$91b62ebf2ba703ee(placeholder.value, _modelValue)) onPlaceholderChange(_modelValue);
+				if (lastValue && !$ad063034c8620db8$export$91b62ebf2ba703ee(placeholder.value, lastValue)) onPlaceholderChange(lastValue);
+			} else if (!Array.isArray(_modelValue) && _modelValue && !$ad063034c8620db8$export$91b62ebf2ba703ee(placeholder.value, _modelValue)) onPlaceholderChange(_modelValue);
 		});
 		function onDateChange(value) {
 			if (!multiple.value) {
@@ -211,15 +211,15 @@ var CalendarRoot_default = /* @__PURE__ */ defineComponent({
 					modelValue.value = value.copy();
 					return;
 				}
-				if (!preventDeselect.value && $14e0f24ef4ac5c92$export$91b62ebf2ba703ee(modelValue.value, value)) {
+				if (!preventDeselect.value && $ad063034c8620db8$export$91b62ebf2ba703ee(modelValue.value, value)) {
 					placeholder.value = value.copy();
 					modelValue.value = void 0;
 				} else modelValue.value = value.copy();
 			} else if (!modelValue.value) modelValue.value = [value.copy()];
 			else if (Array.isArray(modelValue.value)) {
-				if (modelValue.value.findIndex((date) => $14e0f24ef4ac5c92$export$ea39ec197993aef0(date, value)) === -1) modelValue.value = [...modelValue.value, value];
+				if (modelValue.value.findIndex((date) => $ad063034c8620db8$export$ea39ec197993aef0(date, value)) === -1) modelValue.value = [...modelValue.value, value];
 				else if (!preventDeselect.value) {
-					const next = modelValue.value.filter((date) => !$14e0f24ef4ac5c92$export$ea39ec197993aef0(date, value));
+					const next = modelValue.value.filter((date) => !$ad063034c8620db8$export$ea39ec197993aef0(date, value));
 					if (!next.length) {
 						placeholder.value = value.copy();
 						modelValue.value = void 0;
@@ -307,7 +307,7 @@ var CalendarRoot_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarCell.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarCell.js
 var CalendarCell_default = /* @__PURE__ */ defineComponent({
 	__name: "CalendarCell",
 	props: {
@@ -349,7 +349,7 @@ var CalendarCell_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarCellTrigger.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarCellTrigger.js
 var CalendarCellTrigger_default = /* @__PURE__ */ defineComponent({
 	__name: "CalendarCellTrigger",
 	props: {
@@ -387,17 +387,17 @@ var CalendarCellTrigger_default = /* @__PURE__ */ defineComponent({
 		});
 		const isUnavailable = computed(() => rootContext.isDateUnavailable?.(props.day) ?? false);
 		const isDateToday = computed(() => {
-			return $14e0f24ef4ac5c92$export$629b0a497aa65267(props.day, $14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+			return $ad063034c8620db8$export$629b0a497aa65267(props.day, $ad063034c8620db8$export$aa8b41735afcabd2());
 		});
 		const isOutsideView = computed(() => {
-			return !$14e0f24ef4ac5c92$export$a18c89cbd24170ff(props.day, props.month);
+			return !$ad063034c8620db8$export$a18c89cbd24170ff(props.day, props.month);
 		});
 		const isOutsideVisibleView = computed(() => rootContext.isOutsideVisibleView(props.day));
 		const isDisabled = computed(() => rootContext.isDateDisabled(props.day) || rootContext.disableDaysOutsideCurrentView.value && isOutsideView.value);
 		const isFocusedDate = computed(() => {
 			if (isOutsideView.value || isDisabled.value) return false;
-			if (!rootContext.disabled.value && rootContext.isPlaceholderFocusable.value && $14e0f24ef4ac5c92$export$ea39ec197993aef0(props.day, rootContext.placeholder.value)) return true;
-			if ((!rootContext.hasSelectedDate.value || rootContext.isSelectedDateDisabled.value) && !rootContext.isPlaceholderFocusable.value) return rootContext.firstFocusableDate.value && $14e0f24ef4ac5c92$export$ea39ec197993aef0(props.day, rootContext.firstFocusableDate.value);
+			if (!rootContext.disabled.value && rootContext.isPlaceholderFocusable.value && $ad063034c8620db8$export$ea39ec197993aef0(props.day, rootContext.placeholder.value)) return true;
+			if ((!rootContext.hasSelectedDate.value || rootContext.isSelectedDateDisabled.value) && !rootContext.isPlaceholderFocusable.value) return rootContext.firstFocusableDate.value && $ad063034c8620db8$export$ea39ec197993aef0(props.day, rootContext.firstFocusableDate.value);
 			return false;
 		});
 		const isSelectedDate = computed(() => rootContext.isDateSelected(props.day));
@@ -426,7 +426,7 @@ var CalendarCellTrigger_default = /* @__PURE__ */ defineComponent({
 					shiftFocus(props.day, -sign);
 					break;
 				case kbd.ARROW_UP:
-					shiftFocus(props.day, -indexIncrementation);
+					shiftFocus(props.day, -7);
 					break;
 				case kbd.ARROW_DOWN:
 					shiftFocus(props.day, indexIncrementation);
@@ -514,7 +514,7 @@ var CalendarCellTrigger_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarGrid.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarGrid.js
 var CalendarGrid_default = /* @__PURE__ */ defineComponent({
 	__name: "CalendarGrid",
 	props: {
@@ -554,7 +554,7 @@ var CalendarGrid_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarGridBody.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarGridBody.js
 var CalendarGridBody_default = /* @__PURE__ */ defineComponent({
 	__name: "CalendarGridBody",
 	props: {
@@ -579,7 +579,7 @@ var CalendarGridBody_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarGridHead.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarGridHead.js
 var CalendarGridHead_default = /* @__PURE__ */ defineComponent({
 	__name: "CalendarGridHead",
 	props: {
@@ -604,7 +604,7 @@ var CalendarGridHead_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarGridRow.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarGridRow.js
 var CalendarGridRow_default = /* @__PURE__ */ defineComponent({
 	__name: "CalendarGridRow",
 	props: {
@@ -629,7 +629,7 @@ var CalendarGridRow_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarHeadCell.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarHeadCell.js
 var CalendarHeadCell_default = /* @__PURE__ */ defineComponent({
 	__name: "CalendarHeadCell",
 	props: {
@@ -654,7 +654,7 @@ var CalendarHeadCell_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarHeading.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarHeading.js
 var CalendarHeading_default = /* @__PURE__ */ defineComponent({
 	__name: "CalendarHeading",
 	props: {
@@ -680,7 +680,7 @@ var CalendarHeading_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarNext.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarNext.js
 var CalendarNext_default = /* @__PURE__ */ defineComponent({
 	__name: "CalendarNext",
 	props: {
@@ -731,7 +731,7 @@ var CalendarNext_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarPrev.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarPrev.js
 var CalendarPrev_default = /* @__PURE__ */ defineComponent({
 	__name: "CalendarPrev",
 	props: {
@@ -788,10 +788,16 @@ var _hoisted_2 = { class: "celeste-calendar-months" };
 var _hoisted_3 = { class: "celeste-calendar-day-number" };
 //#endregion
 //#region src/components/calendar/calendar.vue
-var calendar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "calendar",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		markedDates: {},
 		defaultValue: {},
 		defaultPlaceholder: {},
@@ -827,9 +833,10 @@ var calendar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = useForwardPropsEmits(useDelegatedProps(props, ["class", "markedDates"]), emits);
+		const delegatedProps = useDelegatedProps(props, ["class", "markedDates"]);
+		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		function isMarked(date) {
-			return props.markedDates?.some((marked) => $14e0f24ef4ac5c92$export$91b62ebf2ba703ee(marked, date)) ?? false;
+			return props.markedDates?.some((marked) => $ad063034c8620db8$export$91b62ebf2ba703ee(marked, date)) ?? false;
 		}
 		function weekdayLabel(day) {
 			return /^[a-z]/i.test(day.trim()) ? day.slice(0, 2) : day;
@@ -838,18 +845,18 @@ var calendar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 			return openBlock(), createBlock(unref(CalendarRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-calendar", props.class) }), {
 				default: withCtx(({ weekDays, grid }) => [createElementVNode("div", _hoisted_1, [
 					createVNode(unref(CalendarPrev_default), { "as-child": "" }, {
-						default: withCtx(() => _cache[0] || (_cache[0] = [createElementVNode("button", {
+						default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("button", {
 							type: "button",
 							class: "celeste-calendar-nav"
-						}, [createElementVNode("i", { class: "i-celeste-arrow-left-s-line" })], -1)])),
+						}, [createElementVNode("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
 						_: 1
 					}),
 					createVNode(unref(CalendarHeading_default), { class: "celeste-calendar-heading" }),
 					createVNode(unref(CalendarNext_default), { "as-child": "" }, {
-						default: withCtx(() => _cache[1] || (_cache[1] = [createElementVNode("button", {
+						default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("button", {
 							type: "button",
 							class: "celeste-calendar-nav"
-						}, [createElementVNode("i", { class: "i-celeste-arrow-right-s-line" })], -1)])),
+						}, [createElementVNode("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
 						_: 1
 					})
 				]), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(grid, (month) => {

package/dist/es/chunks/chart-card.js

@@ -0,0 +1,63 @@
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as badge_default } from "./badge.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
+//#region src/components/chart/chart-card.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "celeste-chart-card-header" };
+var _hoisted_2 = { class: "celeste-chart-card-heading" };
+var _hoisted_3 = { class: "celeste-chart-card-title" };
+var _hoisted_4 = {
+	key: 0,
+	class: "celeste-chart-card-kpi"
+};
+var _hoisted_5 = { class: "celeste-chart-card-value" };
+var _hoisted_6 = {
+	key: 1,
+	class: "celeste-chart-card-caption"
+};
+var _hoisted_7 = {
+	key: 0,
+	class: "celeste-chart-card-toolbar"
+};
+//#endregion
+//#region src/components/chart/chart-card.vue
+var chart_card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "chart-card",
+	props: {
+		title: {},
+		value: {},
+		caption: {},
+		delta: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", { class: normalizeClass(unref(clsx)("celeste-chart-card", props.class)) }, [createElementVNode("header", _hoisted_1, [createElementVNode("div", _hoisted_2, [
+				createElementVNode("span", _hoisted_3, toDisplayString(__props.title), 1),
+				__props.value ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(__props.value), 1), __props.delta ? (openBlock(), createBlock(badge_default, {
+					key: 0,
+					type: "leading-icon",
+					variant: "lighter",
+					size: "sm",
+					state: __props.delta.direction === "up" ? "success" : "error",
+					icon: `i-celeste-arrow-${__props.delta.direction}-line`,
+					label: __props.delta.value
+				}, null, 8, [
+					"state",
+					"icon",
+					"label"
+				])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				__props.caption ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.caption), 1)) : createCommentVNode("", true)
+			]), _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)])) : createCommentVNode("", true)]), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+		};
+	}
+}), [["__scopeId", "data-v-e3917b02"]]);
+//#endregion
+export { chart_card_default as t };

package/dist/es/chunks/chart-legend.js

@@ -0,0 +1,82 @@
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, useModel, withCtx } from "vue";
+//#region src/components/chart/chart-legend.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-variant"];
+var _hoisted_2 = { class: "celeste-chart-legend-name" };
+var _hoisted_3 = {
+	key: 0,
+	class: "celeste-chart-legend-value"
+};
+var _hoisted_4 = ["data-direction"];
+//#endregion
+//#region src/components/chart/chart-legend.vue
+var chart_legend_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "chart-legend",
+	props: /*@__PURE__*/ mergeModels({
+		items: {},
+		variant: { default: "inline" },
+		toggle: {
+			type: Boolean,
+			default: true
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		"modelValue": { default: () => [] },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const hidden = useModel(__props, "modelValue");
+		function isHidden(key) {
+			return hidden.value.includes(key);
+		}
+		function onToggle(key) {
+			hidden.value = isHidden(key) ? hidden.value.filter((k) => k !== key) : [...hidden.value, key];
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(clsx)("celeste-chart-legend", props.class)),
+				"data-variant": __props.variant
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+				return openBlock(), createBlock(resolveDynamicComponent(__props.toggle ? "button" : "span"), {
+					key: item.key,
+					class: "celeste-chart-legend-item",
+					type: __props.toggle ? "button" : void 0,
+					"data-hidden": isHidden(item.key) || void 0,
+					"aria-pressed": __props.toggle ? !isHidden(item.key) : void 0,
+					onClick: ($event) => __props.toggle && onToggle(item.key)
+				}, {
+					default: withCtx(() => [
+						createElementVNode("span", {
+							class: "celeste-chart-legend-swatch",
+							style: normalizeStyle(isHidden(item.key) ? void 0 : { background: item.color })
+						}, null, 4),
+						createElementVNode("span", _hoisted_2, toDisplayString(item.name), 1),
+						item.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.value), 1)) : createCommentVNode("", true),
+						item.delta ? (openBlock(), createElementBlock("span", {
+							key: 1,
+							class: "celeste-chart-legend-delta",
+							"data-direction": item.delta.direction
+						}, toDisplayString(item.delta.value), 9, _hoisted_4)) : createCommentVNode("", true)
+					]),
+					_: 2
+				}, 1032, [
+					"type",
+					"data-hidden",
+					"aria-pressed",
+					"onClick"
+				]);
+			}), 128))], 10, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-83c0a045"]]);
+//#endregion
+export { chart_legend_default as t };

package/dist/es/chunks/chart-plot.js

@@ -0,0 +1,87 @@
+import { t as clsx } from "./clsx.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref } from "vue";
+//#region src/components/chart/chart-plot.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-size",
+	"data-state",
+	"aria-label"
+];
+var _hoisted_2 = {
+	key: 1,
+	class: "celeste-chart-skeleton"
+};
+var _hoisted_3 = {
+	key: 2,
+	class: "celeste-chart-message"
+};
+var _hoisted_4 = {
+	key: 0,
+	class: "celeste-chart-message-title"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "celeste-chart-message-description"
+};
+var _hoisted_6 = ["data-visible"];
+var _hoisted_7 = { scope: "row" };
+//#endregion
+//#region src/components/chart/chart-plot.vue
+var chart_plot_default = /* @__PURE__ */ defineComponent({
+	__name: "chart-plot",
+	props: {
+		ariaLabel: {},
+		state: { default: "ready" },
+		size: { default: "default" },
+		table: {},
+		tableVisible: { type: Boolean },
+		title: {},
+		description: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(clsx)("celeste-chart", props.class)) }, [
+				createElementVNode("div", {
+					class: "celeste-chart-plot",
+					"data-size": __props.size,
+					"data-state": __props.state,
+					role: "img",
+					"aria-label": __props.ariaLabel
+				}, [__props.state === "ready" ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : __props.state === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2)) : (openBlock(), createElementBlock("div", _hoisted_3, [
+					createElementVNode("i", { class: normalizeClass([__props.state === "error" ? "i-celeste-error-warning-fill" : "i-celeste-bar-chart-2-line", "celeste-chart-message-icon"]) }, null, 2),
+					__props.title ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					__props.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "action")
+				]))], 8, _hoisted_1),
+				renderSlot(_ctx.$slots, "footer"),
+				__props.table ? (openBlock(), createElementBlock("table", {
+					key: 0,
+					class: "celeste-chart-table",
+					"data-visible": __props.tableVisible || void 0
+				}, [
+					createElementVNode("caption", null, toDisplayString(__props.ariaLabel), 1),
+					createElementVNode("thead", null, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.table.head, (head) => {
+						return openBlock(), createElementBlock("th", {
+							key: head,
+							scope: "col"
+						}, toDisplayString(head), 1);
+					}), 128))])]),
+					createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.table.rows, (row, i) => {
+						return openBlock(), createElementBlock("tr", { key: i }, [createElementVNode("th", _hoisted_7, toDisplayString(row[0]), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(row.slice(1), (cell, j) => {
+							return openBlock(), createElementBlock("td", { key: j }, toDisplayString(cell), 1);
+						}), 128))]);
+					}), 128))])
+				], 8, _hoisted_6)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { chart_plot_default as t };

package/dist/es/chunks/checkbox-card.js

@@ -13,7 +13,7 @@ var _hoisted_3 = {
 };
 //#endregion
 //#region src/components/checkbox/checkbox-card.vue
-var checkbox_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var checkbox_card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "checkbox-card",
 	props: {
 		for: {},
@@ -21,16 +21,22 @@ var checkbox_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		as: {},
 		required: { type: Boolean },
 		disabled: { type: Boolean },
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Label_default), mergeProps(unref(delegatedProps), {
-				"aria-required": _ctx.required,
-				"aria-disabled": _ctx.disabled,
-				class: unref(clsx)("celeste-checkbox-card", props.class, { "celeste-checkbox-card-disabled": _ctx.disabled })
+				"aria-required": __props.required,
+				"aria-disabled": __props.disabled,
+				class: unref(clsx)("celeste-checkbox-card", props.class, { "celeste-checkbox-card-disabled": __props.disabled })
 			}), {
 				default: withCtx(() => [
 					_ctx.$slots.image || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
@@ -40,7 +46,7 @@ var checkbox_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 					}, [_ctx.$slots.image ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[0] || (_cache[0] = createElementVNode("i", {
 						class: "celeste-checkbox-card-preview-fallback",
 						"i-celeste-image-circle-fill": ""
-					}, null, -1)), renderSlot(_ctx.$slots, "image", { class: "i-celeste-image-circle-fill?bg" }, void 0, true)], 64)) : _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 1 }, void 0, true) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
+					}, null, -1)), renderSlot(_ctx.$slots, "image", { class: "i-celeste-image-circle-fill?bg" }, void 0, true)], 64)) : _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", {}, void 0, true, 1) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
 					createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [
 						createVNode(unref(Primitive), {
 							as: "span",
@@ -62,7 +68,7 @@ var checkbox_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 							"as-child": "",
 							class: "celeste-checkbox-card-badge"
 						}, {
-							default: withCtx(() => [renderSlot(_ctx.$slots, "badge", { disabled: _ctx.disabled }, void 0, true)]),
+							default: withCtx(() => [renderSlot(_ctx.$slots, "badge", { disabled: __props.disabled }, void 0, true)]),
 							_: 3
 						})) : createCommentVNode("", true)
 					])]), _ctx.$slots.description ? (openBlock(), createBlock(unref(Primitive), {
@@ -74,7 +80,7 @@ var checkbox_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 						_: 3
 					})) : createCommentVNode("", true)]),
 					createVNode(unref(Primitive), {
-						disabled: _ctx.disabled,
+						disabled: __props.disabled,
 						"as-child": "",
 						class: "celeste-checkbox-card-checkbox"
 					}, {

package/dist/es/chunks/checkbox-label.js

@@ -16,7 +16,7 @@ var _hoisted_3 = {
 };
 //#endregion
 //#region src/components/checkbox/checkbox-label.vue
-var checkbox_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var checkbox_label_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "checkbox-label",
 	props: {
 		for: {},
@@ -24,15 +24,21 @@ var checkbox_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 		as: {},
 		required: { type: Boolean },
 		disabled: { type: Boolean },
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Label_default), mergeProps(unref(delegatedProps), {
-				"aria-required": _ctx.required,
-				"aria-disabcled": _ctx.disabled,
+				"aria-required": __props.required,
+				"aria-disabcled": __props.disabled,
 				class: unref(clsx)("celeste-checkbox-label", props.class)
 			}), {
 				default: withCtx(() => [createVNode(unref(Primitive), {