@youcan/celeste 0.9.2 → 0.10.0

package/dist/cjs/chunks/button.cjs

@@ -1,13 +1,18 @@
-require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_Primitive = require("./Primitive.cjs");
 let vue = require("vue");
 //#region src/components/button/button.vue?vue&type=script&setup=true&lang.ts
-var button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "button",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		size: { default: "md" },
 		intent: { default: "primary" },
 		variant: { default: "fill" },
@@ -18,9 +23,9 @@ var button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 		const props = __props;
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
-				as: _ctx.as,
-				"as-child": _ctx.asChild,
-				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.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: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-button", `celeste-button-intent-${__props.intent}`, `celeste-button-size-${__props.size}`, `celeste-button-variant-${__props.variant}`, props.class))
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
@@ -34,7 +39,7 @@ var button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 });
 //#endregion
 //#region src/components/button/button.vue
-var button_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d9a3a958"]]);
+var button_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d9a3a958"]]);
 //#endregion
 Object.defineProperty(exports, "button_default", {
 	enumerable: true,

package/dist/cjs/chunks/calendar.cjs

@@ -1,8 +1,7 @@
-require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_createContext = require("./createContext.cjs");
-const require_dist = require("./dist.cjs");
+const require_dist = require("./dist2.cjs");
 const require_Primitive = require("./Primitive.cjs");
 const require_useCalendar = require("./useCalendar.cjs");
 const require_useDirection = require("./useDirection.cjs");
@@ -12,7 +11,7 @@ const require_useLocale = require("./useLocale.cjs");
 const require_usePrimitiveElement = require("./usePrimitiveElement.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("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)",
@@ -29,7 +28,7 @@ var _hoisted_2$1 = {
 	role: "heading",
 	"aria-level": "2"
 };
-var [injectCalendarRootContext, provideCalendarRootContext] = /* @__PURE__ */ require_createContext.createContext("CalendarRoot");
+var [injectCalendarRootContext, provideCalendarRootContext] = /*#__PURE__*/ require_createContext.createContext("CalendarRoot");
 var CalendarRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "CalendarRoot",
 	props: {
@@ -203,8 +202,8 @@ var CalendarRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		(0, vue.watch)(modelValue, (_modelValue) => {
 			if (Array.isArray(_modelValue) && _modelValue.length) {
 				const lastValue = _modelValue.at(-1);
-				if (lastValue && !require_useCalendar.$14e0f24ef4ac5c92$export$91b62ebf2ba703ee(placeholder.value, lastValue)) onPlaceholderChange(lastValue);
-			} else if (!Array.isArray(_modelValue) && _modelValue && !require_useCalendar.$14e0f24ef4ac5c92$export$91b62ebf2ba703ee(placeholder.value, _modelValue)) onPlaceholderChange(_modelValue);
+				if (lastValue && !require_useCalendar.$ad063034c8620db8$export$91b62ebf2ba703ee(placeholder.value, lastValue)) onPlaceholderChange(lastValue);
+			} else if (!Array.isArray(_modelValue) && _modelValue && !require_useCalendar.$ad063034c8620db8$export$91b62ebf2ba703ee(placeholder.value, _modelValue)) onPlaceholderChange(_modelValue);
 		});
 		function onDateChange(value) {
 			if (!multiple.value) {
@@ -212,15 +211,15 @@ var CalendarRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					modelValue.value = value.copy();
 					return;
 				}
-				if (!preventDeselect.value && require_useCalendar.$14e0f24ef4ac5c92$export$91b62ebf2ba703ee(modelValue.value, value)) {
+				if (!preventDeselect.value && require_useCalendar.$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) => require_useCalendar.$14e0f24ef4ac5c92$export$ea39ec197993aef0(date, value)) === -1) modelValue.value = [...modelValue.value, value];
+				if (modelValue.value.findIndex((date) => require_useCalendar.$ad063034c8620db8$export$ea39ec197993aef0(date, value)) === -1) modelValue.value = [...modelValue.value, value];
 				else if (!preventDeselect.value) {
-					const next = modelValue.value.filter((date) => !require_useCalendar.$14e0f24ef4ac5c92$export$ea39ec197993aef0(date, value));
+					const next = modelValue.value.filter((date) => !require_useCalendar.$ad063034c8620db8$export$ea39ec197993aef0(date, value));
 					if (!next.length) {
 						placeholder.value = value.copy();
 						modelValue.value = void 0;
@@ -308,7 +307,7 @@ var CalendarRoot_default = /* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
 	__name: "CalendarCell",
 	props: {
@@ -350,7 +349,7 @@ var CalendarCell_default = /* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
 	__name: "CalendarCellTrigger",
 	props: {
@@ -388,17 +387,17 @@ var CalendarCellTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		});
 		const isUnavailable = (0, vue.computed)(() => rootContext.isDateUnavailable?.(props.day) ?? false);
 		const isDateToday = (0, vue.computed)(() => {
-			return require_useCalendar.$14e0f24ef4ac5c92$export$629b0a497aa65267(props.day, require_useCalendar.$14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+			return require_useCalendar.$ad063034c8620db8$export$629b0a497aa65267(props.day, require_useCalendar.$ad063034c8620db8$export$aa8b41735afcabd2());
 		});
 		const isOutsideView = (0, vue.computed)(() => {
-			return !require_useCalendar.$14e0f24ef4ac5c92$export$a18c89cbd24170ff(props.day, props.month);
+			return !require_useCalendar.$ad063034c8620db8$export$a18c89cbd24170ff(props.day, props.month);
 		});
 		const isOutsideVisibleView = (0, vue.computed)(() => rootContext.isOutsideVisibleView(props.day));
 		const isDisabled = (0, vue.computed)(() => rootContext.isDateDisabled(props.day) || rootContext.disableDaysOutsideCurrentView.value && isOutsideView.value);
 		const isFocusedDate = (0, vue.computed)(() => {
 			if (isOutsideView.value || isDisabled.value) return false;
-			if (!rootContext.disabled.value && rootContext.isPlaceholderFocusable.value && require_useCalendar.$14e0f24ef4ac5c92$export$ea39ec197993aef0(props.day, rootContext.placeholder.value)) return true;
-			if ((!rootContext.hasSelectedDate.value || rootContext.isSelectedDateDisabled.value) && !rootContext.isPlaceholderFocusable.value) return rootContext.firstFocusableDate.value && require_useCalendar.$14e0f24ef4ac5c92$export$ea39ec197993aef0(props.day, rootContext.firstFocusableDate.value);
+			if (!rootContext.disabled.value && rootContext.isPlaceholderFocusable.value && require_useCalendar.$ad063034c8620db8$export$ea39ec197993aef0(props.day, rootContext.placeholder.value)) return true;
+			if ((!rootContext.hasSelectedDate.value || rootContext.isSelectedDateDisabled.value) && !rootContext.isPlaceholderFocusable.value) return rootContext.firstFocusableDate.value && require_useCalendar.$ad063034c8620db8$export$ea39ec197993aef0(props.day, rootContext.firstFocusableDate.value);
 			return false;
 		});
 		const isSelectedDate = (0, vue.computed)(() => rootContext.isDateSelected(props.day));
@@ -427,7 +426,7 @@ var CalendarCellTrigger_default = /* @__PURE__ */ (0, vue.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);
@@ -515,7 +514,7 @@ var CalendarCellTrigger_default = /* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
 	__name: "CalendarGrid",
 	props: {
@@ -555,7 +554,7 @@ var CalendarGrid_default = /* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
 	__name: "CalendarGridBody",
 	props: {
@@ -580,7 +579,7 @@ var CalendarGridBody_default = /* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
 	__name: "CalendarGridHead",
 	props: {
@@ -605,7 +604,7 @@ var CalendarGridHead_default = /* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
 	__name: "CalendarGridRow",
 	props: {
@@ -630,7 +629,7 @@ var CalendarGridRow_default = /* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
 	__name: "CalendarHeadCell",
 	props: {
@@ -655,7 +654,7 @@ var CalendarHeadCell_default = /* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
 	__name: "CalendarHeading",
 	props: {
@@ -681,7 +680,7 @@ var CalendarHeading_default = /* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
 	__name: "CalendarNext",
 	props: {
@@ -732,7 +731,7 @@ var CalendarNext_default = /* @__PURE__ */ (0, vue.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__ */ (0, vue.defineComponent)({
 	__name: "CalendarPrev",
 	props: {
@@ -787,10 +786,16 @@ var CalendarPrev_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var _hoisted_1 = { class: "celeste-calendar-header" };
 var _hoisted_2 = { class: "celeste-calendar-months" };
 var _hoisted_3 = { class: "celeste-calendar-day-number" };
-var calendar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+var calendar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "calendar",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		markedDates: {},
 		defaultValue: {},
 		defaultPlaceholder: {},
@@ -826,9 +831,10 @@ var calendar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(require_use_delegated_props.useDelegatedProps(props, ["class", "markedDates"]), emits);
+		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, ["class", "markedDates"]);
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
 		function isMarked(date) {
-			return props.markedDates?.some((marked) => require_useCalendar.$14e0f24ef4ac5c92$export$91b62ebf2ba703ee(marked, date)) ?? false;
+			return props.markedDates?.some((marked) => require_useCalendar.$ad063034c8620db8$export$91b62ebf2ba703ee(marked, date)) ?? false;
 		}
 		function weekdayLabel(day) {
 			return /^[a-z]/i.test(day.trim()) ? day.slice(0, 2) : day;
@@ -837,18 +843,18 @@ var calendar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-calendar", props.class) }), {
 				default: (0, vue.withCtx)(({ weekDays, grid }) => [(0, vue.createElementVNode)("div", _hoisted_1, [
 					(0, vue.createVNode)((0, vue.unref)(CalendarPrev_default), { "as-child": "" }, {
-						default: (0, vue.withCtx)(() => _cache[0] || (_cache[0] = [(0, vue.createElementVNode)("button", {
+						default: (0, vue.withCtx)(() => [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "celeste-calendar-nav"
-						}, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-left-s-line" })], -1)])),
+						}, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
 						_: 1
 					}),
 					(0, vue.createVNode)((0, vue.unref)(CalendarHeading_default), { class: "celeste-calendar-heading" }),
 					(0, vue.createVNode)((0, vue.unref)(CalendarNext_default), { "as-child": "" }, {
-						default: (0, vue.withCtx)(() => _cache[1] || (_cache[1] = [(0, vue.createElementVNode)("button", {
+						default: (0, vue.withCtx)(() => [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "celeste-calendar-nav"
-						}, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-s-line" })], -1)])),
+						}, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
 						_: 1
 					})
 				]), (0, vue.createElementVNode)("div", _hoisted_2, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(grid, (month) => {
@@ -913,7 +919,7 @@ var calendar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 });
 //#endregion
 //#region src/components/calendar/calendar.vue
-var calendar_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(calendar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b0c6d2f8"]]);
+var calendar_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(calendar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b0c6d2f8"]]);
 //#endregion
 Object.defineProperty(exports, "calendar_default", {
 	enumerable: true,

package/dist/cjs/chunks/chart-card.cjs

@@ -0,0 +1,69 @@
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_badge = require("./badge.cjs");
+let vue = require("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"
+};
+var chart_card_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.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 (0, vue.openBlock)(), (0, vue.createElementBlock)("section", { class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-chart-card", props.class)) }, [(0, vue.createElementVNode)("header", _hoisted_1, [(0, vue.createElementVNode)("div", _hoisted_2, [
+				(0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(__props.title), 1),
+				__props.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4, [(0, vue.createElementVNode)("span", _hoisted_5, (0, vue.toDisplayString)(__props.value), 1), __props.delta ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_badge.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"
+				])) : (0, vue.createCommentVNode)("", true)])) : (0, vue.createCommentVNode)("", true),
+				__props.caption ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_6, (0, vue.toDisplayString)(__props.caption), 1)) : (0, vue.createCommentVNode)("", true)
+			]), _ctx.$slots.toolbar ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_7, [(0, vue.renderSlot)(_ctx.$slots, "toolbar", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true)]), (0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/chart/chart-card.vue
+var chart_card_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(chart_card_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e3917b02"]]);
+//#endregion
+Object.defineProperty(exports, "chart_card_default", {
+	enumerable: true,
+	get: function() {
+		return chart_card_default;
+	}
+});

package/dist/cjs/chunks/chart-legend.cjs

@@ -0,0 +1,88 @@
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+let vue = require("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"];
+var chart_legend_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "chart-legend",
+	props: /*@__PURE__*/ (0, vue.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 = (0, vue.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 (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-chart-legend", props.class)),
+				"data-variant": __props.variant
+			}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.items, (item) => {
+				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.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: (0, vue.withCtx)(() => [
+						(0, vue.createElementVNode)("span", {
+							class: "celeste-chart-legend-swatch",
+							style: (0, vue.normalizeStyle)(isHidden(item.key) ? void 0 : { background: item.color })
+						}, null, 4),
+						(0, vue.createElementVNode)("span", _hoisted_2, (0, vue.toDisplayString)(item.name), 1),
+						item.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3, (0, vue.toDisplayString)(item.value), 1)) : (0, vue.createCommentVNode)("", true),
+						item.delta ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+							key: 1,
+							class: "celeste-chart-legend-delta",
+							"data-direction": item.delta.direction
+						}, (0, vue.toDisplayString)(item.delta.value), 9, _hoisted_4)) : (0, vue.createCommentVNode)("", true)
+					]),
+					_: 2
+				}, 1032, [
+					"type",
+					"data-hidden",
+					"aria-pressed",
+					"onClick"
+				]);
+			}), 128))], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+//#region src/components/chart/chart-legend.vue
+var chart_legend_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(chart_legend_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-83c0a045"]]);
+//#endregion
+Object.defineProperty(exports, "chart_legend_default", {
+	enumerable: true,
+	get: function() {
+		return chart_legend_default;
+	}
+});

package/dist/cjs/chunks/chart-plot.cjs

@@ -0,0 +1,92 @@
+const require_clsx = require("./clsx.cjs");
+let vue = require("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__ */ (0, vue.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 (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-chart", props.class)) }, [
+				(0, vue.createElementVNode)("div", {
+					class: "celeste-chart-plot",
+					"data-size": __props.size,
+					"data-state": __props.state,
+					role: "img",
+					"aria-label": __props.ariaLabel
+				}, [__props.state === "ready" ? (0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, void 0, 0) : __props.state === "loading" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3, [
+					(0, vue.createElementVNode)("i", { class: (0, vue.normalizeClass)([__props.state === "error" ? "i-celeste-error-warning-fill" : "i-celeste-bar-chart-2-line", "celeste-chart-message-icon"]) }, null, 2),
+					__props.title ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4, (0, vue.toDisplayString)(__props.title), 1)) : (0, vue.createCommentVNode)("", true),
+					__props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5, (0, vue.toDisplayString)(__props.description), 1)) : (0, vue.createCommentVNode)("", true),
+					(0, vue.renderSlot)(_ctx.$slots, "action")
+				]))], 8, _hoisted_1),
+				(0, vue.renderSlot)(_ctx.$slots, "footer"),
+				__props.table ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("table", {
+					key: 0,
+					class: "celeste-chart-table",
+					"data-visible": __props.tableVisible || void 0
+				}, [
+					(0, vue.createElementVNode)("caption", null, (0, vue.toDisplayString)(__props.ariaLabel), 1),
+					(0, vue.createElementVNode)("thead", null, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.table.head, (head) => {
+						return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", {
+							key: head,
+							scope: "col"
+						}, (0, vue.toDisplayString)(head), 1);
+					}), 128))])]),
+					(0, vue.createElementVNode)("tbody", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.table.rows, (row, i) => {
+						return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", { key: i }, [(0, vue.createElementVNode)("th", _hoisted_7, (0, vue.toDisplayString)(row[0]), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(row.slice(1), (cell, j) => {
+							return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", { key: j }, (0, vue.toDisplayString)(cell), 1);
+						}), 128))]);
+					}), 128))])
+				], 8, _hoisted_6)) : (0, vue.createCommentVNode)("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "chart_plot_default", {
+	enumerable: true,
+	get: function() {
+		return chart_plot_default;
+	}
+});

package/dist/cjs/chunks/checkbox-card.cjs

@@ -1,4 +1,3 @@
-require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_Primitive = require("./Primitive.cjs");
@@ -12,7 +11,7 @@ var _hoisted_3 = {
 	role: "presentation",
 	class: "celeste-checkbox-card-row"
 };
-var checkbox_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+var checkbox_card_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "checkbox-card",
 	props: {
 		for: {},
@@ -20,16 +19,22 @@ var checkbox_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		as: {},
 		required: { type: Boolean },
 		disabled: { type: Boolean },
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Label.Label_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
-				"aria-required": _ctx.required,
-				"aria-disabled": _ctx.disabled,
-				class: (0, vue.unref)(require_clsx.clsx)("celeste-checkbox-card", props.class, { "celeste-checkbox-card-disabled": _ctx.disabled })
+				"aria-required": __props.required,
+				"aria-disabled": __props.disabled,
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-checkbox-card", props.class, { "celeste-checkbox-card-disabled": __props.disabled })
 			}), {
 				default: (0, vue.withCtx)(() => [
 					_ctx.$slots.image || _ctx.$slots.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
@@ -39,7 +44,7 @@ var checkbox_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					}, [_ctx.$slots.image ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("i", {
 						class: "celeste-checkbox-card-preview-fallback",
 						"i-celeste-image-circle-fill": ""
-					}, null, -1)), (0, vue.renderSlot)(_ctx.$slots, "image", { class: "i-celeste-image-circle-fill?bg" }, void 0, true)], 64)) : _ctx.$slots.icon ? (0, vue.renderSlot)(_ctx.$slots, "icon", { key: 1 }, void 0, true) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true),
+					}, null, -1)), (0, vue.renderSlot)(_ctx.$slots, "image", { class: "i-celeste-image-circle-fill?bg" }, void 0, true)], 64)) : _ctx.$slots.icon ? (0, vue.renderSlot)(_ctx.$slots, "icon", {}, void 0, true, 1) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true),
 					(0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createElementVNode)("div", _hoisted_3, [
 						(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
 							as: "span",
@@ -61,7 +66,7 @@ var checkbox_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 							"as-child": "",
 							class: "celeste-checkbox-card-badge"
 						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "badge", { disabled: _ctx.disabled }, void 0, true)]),
+							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "badge", { disabled: __props.disabled }, void 0, true)]),
 							_: 3
 						})) : (0, vue.createCommentVNode)("", true)
 					])]), _ctx.$slots.description ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
@@ -73,7 +78,7 @@ var checkbox_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						_: 3
 					})) : (0, vue.createCommentVNode)("", true)]),
 					(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
-						disabled: _ctx.disabled,
+						disabled: __props.disabled,
 						"as-child": "",
 						class: "celeste-checkbox-card-checkbox"
 					}, {
@@ -92,7 +97,7 @@ var checkbox_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/checkbox/checkbox-card.vue
-var checkbox_card_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(checkbox_card_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-93ac8a54"]]);
+var checkbox_card_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(checkbox_card_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-93ac8a54"]]);
 //#endregion
 Object.defineProperty(exports, "checkbox_card_default", {
 	enumerable: true,