@youcan/celeste 0.9.2 → 0.10.0

package/dist/es/chunks/select-value.js

@@ -5,7 +5,7 @@ import { t as useForwardExpose } from "./useForwardExpose.js";
 import { n as injectSelectRootContext, s as valueComparator } from "./BubbleSelect.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { computed, createBlock, createTextVNode, defineComponent, mergeProps, onMounted, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectValue.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectValue.js
 var SelectValue_default = /* @__PURE__ */ defineComponent({
 	__name: "SelectValue",
 	props: {
@@ -65,13 +65,19 @@ var SelectValue_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/select/select-value.vue
-var select_value_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var select_value_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "select-value",
 	props: {
 		placeholder: {},
 		asChild: { type: Boolean },
 		as: {},
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	setup(__props) {
 		const props = __props;

package/dist/es/chunks/select.js

@@ -20,13 +20,20 @@ var select_default = /* @__PURE__ */ defineComponent({
 		disabled: { type: Boolean },
 		name: {},
 		required: { type: Boolean },
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = useForwardPropsEmits(useDelegatedProps(props, "class"), emits);
+		const delegatedProps = useDelegatedProps(props, "class");
+		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(SelectRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-select", props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),

package/dist/es/chunks/sheet-close.js

@@ -4,10 +4,16 @@ import { t as DialogClose_default } from "./DialogClose.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/sheet/sheet-close.vue
-var sheet_close_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var sheet_close_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "sheet-close",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		asChild: { type: Boolean },
 		as: {}
 	},

package/dist/es/chunks/sheet-content.js

@@ -1,18 +1,24 @@
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { f as reactiveOmit } from "./dist.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
 import { t as DialogClose_default } from "./DialogClose.js";
 import { n as DialogOverlay_default, r as DialogContent_default, t as DialogPortal_default } from "./DialogPortal.js";
 import { t as compact_button_default } from "./compact-button.js";
-import { o as reactiveOmit } from "./core.js";
 import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/sheet/sheet-content.vue
-var sheet_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var sheet_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "sheet-content",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		side: { default: "right" },
 		forceMount: { type: Boolean },
 		disableOutsidePointerEvents: { type: Boolean },
@@ -30,10 +36,11 @@ var sheet_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = useForwardPropsEmits(reactiveOmit(props, "class", "side"), emits);
+		const delegated = reactiveOmit(props, "class", "side");
+		const forwarded = useForwardPropsEmits(delegated, emits);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DialogPortal_default), null, {
-				default: withCtx(() => [createVNode(unref(DialogOverlay_default), { class: "celeste-sheet-overlay" }), createVNode(unref(DialogContent_default), mergeProps({ class: unref(clsx)("celeste-sheet-content", `celeste-sheet-side-${_ctx.side}`, props.class) }, {
+				default: withCtx(() => [createVNode(unref(DialogOverlay_default), { class: "celeste-sheet-overlay" }), createVNode(unref(DialogContent_default), mergeProps({ class: unref(clsx)("celeste-sheet-content", `celeste-sheet-side-${__props.side}`, props.class) }, {
 					...unref(forwarded),
 					..._ctx.$attrs
 				}), {

package/dist/es/chunks/sheet-description.js

@@ -1,14 +1,20 @@
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { f as reactiveOmit } from "./dist.js";
 import { t as DialogDescription_default } from "./DialogDescription.js";
-import { o as reactiveOmit } from "./core.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/sheet/sheet-description.vue
-var sheet_description_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var sheet_description_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "sheet-description",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		asChild: { type: Boolean },
 		as: {}
 	},

package/dist/es/chunks/sheet-footer.js

@@ -3,9 +3,15 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
 //#endregion
 //#region src/components/sheet/sheet-footer.vue
-var sheet_footer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var sheet_footer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "sheet-footer",
-	props: { class: {} },
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {

package/dist/es/chunks/sheet-header.js

@@ -3,9 +3,15 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
 //#endregion
 //#region src/components/sheet/sheet-header.vue
-var sheet_header_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var sheet_header_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "sheet-header",
-	props: { class: {} },
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {

package/dist/es/chunks/sheet-title.js

@@ -1,14 +1,20 @@
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { f as reactiveOmit } from "./dist.js";
 import { t as DialogTitle_default } from "./DialogTitle.js";
-import { o as reactiveOmit } from "./core.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/sheet/sheet-title.vue
-var sheet_title_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var sheet_title_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "sheet-title",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		asChild: { type: Boolean },
 		as: {}
 	},

package/dist/es/chunks/sidebar-content.js

@@ -4,7 +4,13 @@ import { createElementBlock, defineComponent, normalizeClass, openBlock, renderS
 //#region src/components/sidebar/sidebar-content.vue
 var sidebar_content_default = /* @__PURE__ */ defineComponent({
 	__name: "sidebar-content",
-	props: { class: {} },
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {

package/dist/es/chunks/sidebar-element.js

@@ -6,7 +6,13 @@ import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref,
 var sidebar_element_default = /* @__PURE__ */ defineComponent({
 	__name: "sidebar-element",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		asChild: { type: Boolean },
 		as: { default: "div" }
 	},
@@ -16,7 +22,7 @@ var sidebar_element_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(unref(Primitive), mergeProps({
 				"data-sidebar": "element",
 				class: unref(clsx)("celeste-sidebar-element", props.class),
-				as: _ctx.as
+				as: __props.as
 			}, _ctx.$attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3

package/dist/es/chunks/sidebar-footer.js

@@ -4,7 +4,13 @@ import { createElementBlock, defineComponent, normalizeClass, openBlock, renderS
 //#region src/components/sidebar/sidebar-footer.vue
 var sidebar_footer_default = /* @__PURE__ */ defineComponent({
 	__name: "sidebar-footer",
-	props: { class: {} },
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {

package/dist/es/chunks/sidebar-group-content.js

@@ -3,9 +3,15 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
 //#endregion
 //#region src/components/sidebar/sidebar-group-content.vue
-var sidebar_group_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var sidebar_group_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "sidebar-group-content",
-	props: { class: {} },
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {

package/dist/es/chunks/sidebar-group-label.js

@@ -8,15 +8,21 @@ var sidebar_group_label_default = /* @__PURE__ */ defineComponent({
 	props: {
 		asChild: { type: Boolean },
 		as: {},
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Primitive), {
 				"data-sidebar": "group-label",
-				as: _ctx.as,
-				"as-child": _ctx.asChild,
+				as: __props.as,
+				"as-child": __props.asChild,
 				class: normalizeClass(unref(clsx)("celeste-sidebar-group-label", props.class))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),

package/dist/es/chunks/sidebar-group.js

@@ -4,7 +4,13 @@ import { createElementBlock, defineComponent, normalizeClass, openBlock, renderS
 //#region src/components/sidebar/sidebar-group.vue
 var sidebar_group_default = /* @__PURE__ */ defineComponent({
 	__name: "sidebar-group",
-	props: { class: {} },
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {

package/dist/es/chunks/sidebar-header.js

@@ -4,7 +4,13 @@ import { createElementBlock, defineComponent, normalizeClass, openBlock, renderS
 //#region src/components/sidebar/sidebar-header.vue
 var sidebar_header_default = /* @__PURE__ */ defineComponent({
 	__name: "sidebar-header",
-	props: { class: {} },
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {

package/dist/es/chunks/sidebar-menu-action.js

@@ -7,7 +7,13 @@ var sidebar_menu_action_default = /* @__PURE__ */ defineComponent({
 	__name: "sidebar-menu-action",
 	props: {
 		showOnHover: { type: Boolean },
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		asChild: { type: Boolean },
 		as: { default: "button" }
 	},
@@ -16,9 +22,9 @@ var sidebar_menu_action_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Primitive), {
 				"data-sidebar": "menu-action",
-				class: normalizeClass(unref(clsx)("celeste-sidebar-menu-action", _ctx.showOnHover && "celeste-sidebar-menu-action-show-on-hover", props.class)),
-				as: _ctx.as,
-				"as-child": _ctx.asChild
+				class: normalizeClass(unref(clsx)("celeste-sidebar-menu-action", __props.showOnHover && "celeste-sidebar-menu-action-show-on-hover", props.class)),
+				as: __props.as,
+				"as-child": __props.asChild
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3

package/dist/es/chunks/sidebar-menu-badge.js

@@ -6,7 +6,13 @@ import { createBlock, defineComponent, normalizeClass, openBlock, unref } from "
 var sidebar_menu_badge_default = /* @__PURE__ */ defineComponent({
 	__name: "sidebar-menu-badge",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		variant: { default: "lighter" },
 		state: { default: "faded" },
 		size: { default: "sm" },
@@ -18,10 +24,10 @@ var sidebar_menu_badge_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(badge_default, {
 				"data-sidebar": "menu-badge",
 				class: normalizeClass(unref(clsx)("celeste-sidebar-menu-badge", props.class)),
-				variant: _ctx.variant,
-				state: _ctx.state,
-				size: _ctx.size,
-				label: _ctx.label,
+				variant: __props.variant,
+				state: __props.state,
+				size: __props.size,
+				label: __props.label,
 				type: "basic"
 			}, null, 8, [
 				"class",

package/dist/es/chunks/sidebar-menu-button.js

@@ -1,6 +1,6 @@
 import { t as clsx } from "./clsx.js";
+import { f as reactiveOmit } from "./dist.js";
 import { t as Primitive } from "./Primitive.js";
-import { o as reactiveOmit } from "./core.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/sidebar/sidebar-menu-button.vue
@@ -10,7 +10,13 @@ var sidebar_menu_button_default = /* @__PURE__ */ defineComponent({
 	props: {
 		asChild: { type: Boolean },
 		as: { default: "button" },
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		variant: { default: "default" },
 		isActive: {
 			type: Boolean,
@@ -23,8 +29,8 @@ var sidebar_menu_button_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Primitive), mergeProps({
 				"data-sidebar": "menu-button",
-				"data-active": _ctx.isActive,
-				class: unref(clsx)("celeste-sidebar-menu-button", `celeste-sidebar-menu-button-variant-${_ctx.variant}`, props.class)
+				"data-active": __props.isActive,
+				class: unref(clsx)("celeste-sidebar-menu-button", `celeste-sidebar-menu-button-variant-${__props.variant}`, props.class)
 			}, {
 				...unref(delegatedProps),
 				..._ctx.$attrs

package/dist/es/chunks/sidebar-menu-item.js

@@ -4,7 +4,13 @@ import { createElementBlock, defineComponent, normalizeClass, openBlock, renderS
 //#region src/components/sidebar/sidebar-menu-item.vue
 var sidebar_menu_item_default = /* @__PURE__ */ defineComponent({
 	__name: "sidebar-menu-item",
-	props: { class: {} },
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {

package/dist/es/chunks/sidebar-menu-sub-button.js

@@ -11,7 +11,13 @@ var sidebar_menu_sub_button_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		asChild: { type: Boolean },
 		as: { default: "a" }
 	},
@@ -20,11 +26,11 @@ var sidebar_menu_sub_button_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Primitive), mergeProps({
 				"data-sidebar": "menu-sub-button",
-				as: _ctx.as,
-				"as-child": _ctx.asChild,
-				"data-size": _ctx.size,
-				"data-active": _ctx.isActive,
-				class: unref(clsx)("celeste-sidebar-menu-sub-button", `celeste-sidebar-menu-sub-button-size-${_ctx.size}`, props.class)
+				as: __props.as,
+				"as-child": __props.asChild,
+				"data-size": __props.size,
+				"data-active": __props.isActive,
+				class: unref(clsx)("celeste-sidebar-menu-sub-button", `celeste-sidebar-menu-sub-button-size-${__props.size}`, props.class)
 			}, _ctx.$attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3

package/dist/es/chunks/sidebar-menu-sub-item.js

@@ -4,7 +4,13 @@ import { createElementBlock, defineComponent, normalizeClass, openBlock, renderS
 //#region src/components/sidebar/sidebar-menu-sub-item.vue
 var sidebar_menu_sub_item_default = /* @__PURE__ */ defineComponent({
 	__name: "sidebar-menu-sub-item",
-	props: { class: {} },
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {

package/dist/es/chunks/sidebar-menu-sub.js

@@ -4,7 +4,13 @@ import { createElementBlock, defineComponent, normalizeClass, openBlock, renderS
 //#region src/components/sidebar/sidebar-menu-sub.vue
 var sidebar_menu_sub_default = /* @__PURE__ */ defineComponent({
 	__name: "sidebar-menu-sub",
-	props: { class: {} },
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {

package/dist/es/chunks/sidebar-menu.js

@@ -4,7 +4,13 @@ import { createElementBlock, defineComponent, normalizeClass, openBlock, renderS
 //#region src/components/sidebar/sidebar-menu.vue
 var sidebar_menu_default = /* @__PURE__ */ defineComponent({
 	__name: "sidebar-menu",
-	props: { class: {} },
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {

package/dist/es/chunks/sidebar-provider.js

@@ -1,5 +1,5 @@
 import { t as clsx } from "./clsx.js";
-import { a as useVModel, i as useMediaQuery, r as useEventListener, t as defaultDocument } from "./core.js";
+import { c as useMediaQuery, f as useVModel, s as useEventListener, t as defaultDocument } from "./dist2.js";
 import { SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, provideSidebarContext } from "../use-sidebar.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, ref, renderSlot, unref } from "vue";
 //#endregion
@@ -15,7 +15,13 @@ var sidebar_provider_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: void 0
 		},
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	emits: ["update:open"],
 	setup(__props, { emit: __emit }) {
@@ -43,8 +49,9 @@ var sidebar_provider_default = /* @__PURE__ */ defineComponent({
 				toggleSidebar();
 			}
 		});
+		const state = computed(() => open.value ? "expanded" : "collapsed");
 		provideSidebarContext({
-			state: computed(() => open.value ? "expanded" : "collapsed"),
+			state,
 			open,
 			setOpen,
 			isMobile,

package/dist/es/chunks/sidebar-trigger.js

@@ -5,9 +5,15 @@ import { useSidebar } from "../use-sidebar.js";
 import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/sidebar/sidebar-trigger.vue
-var sidebar_trigger_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var sidebar_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "sidebar-trigger",
-	props: { class: {} },
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(__props) {
 		const props = __props;
 		const { toggleSidebar } = useSidebar();
@@ -20,7 +26,7 @@ var sidebar_trigger_default = /* @__PURE__ */ _plugin_vue_export_helper_default(
 				class: normalizeClass(unref(clsx)("celeste-sidebar-trigger", props.class)),
 				onClick: unref(toggleSidebar)
 			}, {
-				default: withCtx(() => _cache[0] || (_cache[0] = [createElementVNode("span", { class: "celeste-sidebar-trigger-label" }, "Toggle Sidebar", -1)])),
+				default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "celeste-sidebar-trigger-label" }, "Toggle Sidebar", -1)])]),
 				_: 1
 			}, 8, ["class", "onClick"]);
 		};

package/dist/es/chunks/sidebar.js

@@ -28,7 +28,13 @@ var sidebar_default = /* @__PURE__ */ defineComponent({
 	props: {
 		variant: { default: "sidebar" },
 		collapsible: { default: "offcanvas" },
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	setup(__props) {
 		const props = __props;
@@ -52,10 +58,10 @@ var sidebar_default = /* @__PURE__ */ defineComponent({
 			}, 16, ["open", "onUpdate:open"])) : (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: "celeste-sidebar-desktop",
-				"data-state": _ctx.collapsible === "none" ? void 0 : unref(state),
-				"data-collapsible": unref(state) === "collapsed" && _ctx.collapsible !== "none" ? _ctx.collapsible : "",
-				"data-variant": _ctx.variant
-			}, [createElementVNode("div", { class: normalizeClass(unref(clsx)("celeste-sidebar-gap", `celeste-sidebar-gap-variant-${_ctx.variant}`)) }, null, 2), createElementVNode("div", mergeProps({ class: unref(clsx)("celeste-sidebar-container", `celeste-sidebar-container-variant-${_ctx.variant}`, _ctx.collapsible === "none" && "celeste-sidebar-container-collapsible-none", props.class) }, _ctx.$attrs), [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "default")])], 16)], 8, _hoisted_2));
+				"data-state": __props.collapsible === "none" ? void 0 : unref(state),
+				"data-collapsible": unref(state) === "collapsed" && __props.collapsible !== "none" ? __props.collapsible : "",
+				"data-variant": __props.variant
+			}, [createElementVNode("div", { class: normalizeClass(unref(clsx)("celeste-sidebar-gap", `celeste-sidebar-gap-variant-${__props.variant}`)) }, null, 2), createElementVNode("div", mergeProps({ class: unref(clsx)("celeste-sidebar-container", `celeste-sidebar-container-variant-${__props.variant}`, __props.collapsible === "none" && "celeste-sidebar-container-collapsible-none", props.class) }, _ctx.$attrs), [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "default")])], 16)], 8, _hoisted_2));
 		};
 	}
 });