@youcan/celeste 0.6.96 → 0.6.98

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

@@ -1,34 +1,39 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./clsx.js");
-const index = require("./index.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "sidebar-menu-action",
-  props: {
-    showOnHover: { type: Boolean },
-    class: {},
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(No.unref(index.O), {
-        "data-sidebar": "menu-action",
-        class: No.normalizeClass(No.unref(clsx.clsx)(
-          "celeste-sidebar-menu-action",
-          _ctx.showOnHover && "celeste-sidebar-menu-action-show-on-hover",
-          props.class
-        )),
-        as: _ctx.as,
-        "as-child": _ctx.asChild
-      }, {
-        default: No.withCtx(() => [
-          No.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "as", "as-child"]);
-    };
-  }
+const require_dist = require("./dist.js");
+const require_clsx = require("./clsx.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/sidebar/sidebar-menu-action.vue
+var sidebar_menu_action_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "sidebar-menu-action",
+	props: {
+		showOnHover: { type: Boolean },
+		class: {},
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+				"data-sidebar": "menu-action",
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-sidebar-menu-action", _ctx.showOnHover && "celeste-sidebar-menu-action-show-on-hover", props.class)),
+				as: _ctx.as,
+				"as-child": _ctx.asChild
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"class",
+				"as",
+				"as-child"
+			]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "sidebar_menu_action_default", {
+	enumerable: true,
+	get: function() {
+		return sidebar_menu_action_default;
+	}
 });
-exports._sfc_main = _sfc_main;

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

@@ -1,29 +1,43 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./clsx.js");
-const badge = require("../badge.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "sidebar-menu-badge",
-  props: {
-    class: {},
-    variant: { default: "lighter" },
-    state: { default: "faded" },
-    size: { default: "sm" },
-    label: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(badge, {
-        "data-sidebar": "menu-badge",
-        class: No.normalizeClass(No.unref(clsx.clsx)("celeste-sidebar-menu-badge", props.class)),
-        variant: _ctx.variant,
-        state: _ctx.state,
-        size: _ctx.size,
-        label: _ctx.label,
-        type: "basic"
-      }, null, 8, ["class", "variant", "state", "size", "label"]);
-    };
-  }
+require("./dist.js");
+const require_clsx = require("./clsx.js");
+const require_badge = require("./badge.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/sidebar/sidebar-menu-badge.vue
+var sidebar_menu_badge_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "sidebar-menu-badge",
+	props: {
+		class: {},
+		variant: { default: "lighter" },
+		state: { default: "faded" },
+		size: { default: "sm" },
+		label: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(require_badge.badge_default, {
+				"data-sidebar": "menu-badge",
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-sidebar-menu-badge", props.class)),
+				variant: _ctx.variant,
+				state: _ctx.state,
+				size: _ctx.size,
+				label: _ctx.label,
+				type: "basic"
+			}, null, 8, [
+				"class",
+				"variant",
+				"state",
+				"size",
+				"label"
+			]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "sidebar_menu_badge_default", {
+	enumerable: true,
+	get: function() {
+		return sidebar_menu_badge_default;
+	}
 });
-exports._sfc_main = _sfc_main;

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

@@ -1,39 +1,44 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./clsx.js");
-const index$1 = require("./index.js");
-const index = require("./index2.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "sidebar-menu-button",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "button" },
-    class: {},
-    variant: { default: "default" },
-    isActive: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = index.reactiveOmit(props, "class", "variant", "isActive");
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(No.unref(index$1.O), No.mergeProps({
-        "data-sidebar": "menu-button",
-        "data-active": _ctx.isActive,
-        class: No.unref(clsx.clsx)(
-          "celeste-sidebar-menu-button",
-          `celeste-sidebar-menu-button-variant-${_ctx.variant}`,
-          props.class
-        )
-      }, { ...No.unref(delegatedProps), ..._ctx.$attrs }), {
-        default: No.withCtx(() => [
-          No.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["data-active", "class"]);
-    };
-  }
+const require_dist = require("./dist.js");
+const require_clsx = require("./clsx.js");
+const require_core = require("./core.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/sidebar/sidebar-menu-button.vue
+var sidebar_menu_button_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "sidebar-menu-button",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "button" },
+		class: {},
+		variant: { default: "default" },
+		isActive: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = require_core.reactiveOmit(props, "class", "variant", "isActive");
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), (0, vue.mergeProps)({
+				"data-sidebar": "menu-button",
+				"data-active": _ctx.isActive,
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-sidebar-menu-button", `celeste-sidebar-menu-button-variant-${_ctx.variant}`, props.class)
+			}, {
+				...(0, vue.unref)(delegatedProps),
+				..._ctx.$attrs
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["data-active", "class"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "sidebar_menu_button_default", {
+	enumerable: true,
+	get: function() {
+		return sidebar_menu_button_default;
+	}
 });
-exports._sfc_main = _sfc_main;

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

@@ -1,21 +1,25 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./clsx.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "sidebar-menu-item",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createElementBlock("li", {
-        "data-sidebar": "menu-item",
-        class: No.normalizeClass(No.unref(clsx.clsx)("celeste-sidebar-menu-item", props.class))
-      }, [
-        No.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+require("./dist.js");
+const require_clsx = require("./clsx.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/sidebar/sidebar-menu-item.vue
+var sidebar_menu_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "sidebar-menu-item",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", {
+				"data-sidebar": "menu-item",
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-sidebar-menu-item", props.class))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "sidebar_menu_item_default", {
+	enumerable: true,
+	get: function() {
+		return sidebar_menu_item_default;
+	}
 });
-exports._sfc_main = _sfc_main;

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

@@ -1,37 +1,47 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./clsx.js");
-const index = require("./index.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "sidebar-menu-sub-button",
-  props: {
-    size: { default: "md" },
-    isActive: { type: Boolean, default: false },
-    class: {},
-    asChild: { type: Boolean },
-    as: { default: "a" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(No.unref(index.O), No.mergeProps({
-        "data-sidebar": "menu-sub-button",
-        as: _ctx.as,
-        "as-child": _ctx.asChild,
-        "data-size": _ctx.size,
-        "data-active": _ctx.isActive,
-        class: No.unref(clsx.clsx)(
-          "celeste-sidebar-menu-sub-button",
-          `celeste-sidebar-menu-sub-button-size-${_ctx.size}`,
-          props.class
-        )
-      }, _ctx.$attrs), {
-        default: No.withCtx(() => [
-          No.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["as", "as-child", "data-size", "data-active", "class"]);
-    };
-  }
+const require_dist = require("./dist.js");
+const require_clsx = require("./clsx.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/sidebar/sidebar-menu-sub-button.vue
+var sidebar_menu_sub_button_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "sidebar-menu-sub-button",
+	props: {
+		size: { default: "md" },
+		isActive: {
+			type: Boolean,
+			default: false
+		},
+		class: {},
+		asChild: { type: Boolean },
+		as: { default: "a" }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), (0, vue.mergeProps)({
+				"data-sidebar": "menu-sub-button",
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				"data-size": _ctx.size,
+				"data-active": _ctx.isActive,
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-sidebar-menu-sub-button", `celeste-sidebar-menu-sub-button-size-${_ctx.size}`, props.class)
+			}, _ctx.$attrs), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"as",
+				"as-child",
+				"data-size",
+				"data-active",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "sidebar_menu_sub_button_default", {
+	enumerable: true,
+	get: function() {
+		return sidebar_menu_sub_button_default;
+	}
 });
-exports._sfc_main = _sfc_main;

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

@@ -1,21 +1,25 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./clsx.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "sidebar-menu-sub-item",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createElementBlock("li", {
-        "data-sidebar": "menu-sub-item",
-        class: No.normalizeClass(No.unref(clsx.clsx)("celeste-sidebar-menu-sub-item", props.class))
-      }, [
-        No.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+require("./dist.js");
+const require_clsx = require("./clsx.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/sidebar/sidebar-menu-sub-item.vue
+var sidebar_menu_sub_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "sidebar-menu-sub-item",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", {
+				"data-sidebar": "menu-sub-item",
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-sidebar-menu-sub-item", props.class))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "sidebar_menu_sub_item_default", {
+	enumerable: true,
+	get: function() {
+		return sidebar_menu_sub_item_default;
+	}
 });
-exports._sfc_main = _sfc_main;

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

@@ -1,21 +1,25 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./clsx.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "sidebar-menu-sub",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createElementBlock("ul", {
-        "data-sidebar": "menu-sub",
-        class: No.normalizeClass(No.unref(clsx.clsx)("celeste-sidebar-menu-sub", props.class))
-      }, [
-        No.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+require("./dist.js");
+const require_clsx = require("./clsx.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/sidebar/sidebar-menu-sub.vue
+var sidebar_menu_sub_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "sidebar-menu-sub",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("ul", {
+				"data-sidebar": "menu-sub",
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-sidebar-menu-sub", props.class))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "sidebar_menu_sub_default", {
+	enumerable: true,
+	get: function() {
+		return sidebar_menu_sub_default;
+	}
 });
-exports._sfc_main = _sfc_main;

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

@@ -1,21 +1,25 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./clsx.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "sidebar-menu",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createElementBlock("ul", {
-        "data-sidebar": "menu",
-        class: No.normalizeClass(No.unref(clsx.clsx)("celeste-sidebar-menu", props.class))
-      }, [
-        No.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+require("./dist.js");
+const require_clsx = require("./clsx.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/sidebar/sidebar-menu.vue
+var sidebar_menu_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "sidebar-menu",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("ul", {
+				"data-sidebar": "menu",
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-sidebar-menu", props.class))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "sidebar_menu_default", {
+	enumerable: true,
+	get: function() {
+		return sidebar_menu_default;
+	}
 });
-exports._sfc_main = _sfc_main;

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

@@ -0,0 +1,73 @@
+require("./dist.js");
+const require_clsx = require("./clsx.js");
+const require_core = require("./core.js");
+const require_use_sidebar = require("../use-sidebar.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/sidebar/sidebar-provider.vue
+var sidebar_provider_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "sidebar-provider",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			default: !require_core.defaultDocument?.cookie.includes(`${require_use_sidebar.SIDEBAR_COOKIE_NAME}=false`)
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {}
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const isMobile = require_core.useMediaQuery("(max-width: 768px)");
+		const openMobile = (0, vue.ref)(false);
+		const open = require_core.useVModel(props, "open", emits, {
+			defaultValue: props.defaultOpen ?? false,
+			passive: props.open === void 0
+		});
+		function setOpen(value) {
+			open.value = value;
+			document.cookie = `${require_use_sidebar.SIDEBAR_COOKIE_NAME}=${open.value}; path=/; max-age=${require_use_sidebar.SIDEBAR_COOKIE_MAX_AGE}`;
+		}
+		function setOpenMobile(value) {
+			openMobile.value = value;
+		}
+		function toggleSidebar() {
+			return isMobile.value ? setOpenMobile(!openMobile.value) : setOpen(!open.value);
+		}
+		require_core.useEventListener("keydown", (event) => {
+			if (event.key === "b" && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				toggleSidebar();
+			}
+		});
+		require_use_sidebar.provideSidebarContext({
+			state: (0, vue.computed)(() => open.value ? "expanded" : "collapsed"),
+			open,
+			setOpen,
+			isMobile,
+			openMobile,
+			setOpenMobile,
+			toggleSidebar
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", (0, vue.mergeProps)({
+				style: {
+					"--sidebar-width": (0, vue.unref)(require_use_sidebar.SIDEBAR_WIDTH),
+					"--sidebar-width-icon": (0, vue.unref)(require_use_sidebar.SIDEBAR_WIDTH_ICON)
+				},
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-sidebar-provider", props.class)
+			}, _ctx.$attrs), [(0, vue.renderSlot)(_ctx.$slots, "default")], 16);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "sidebar_provider_default", {
+	enumerable: true,
+	get: function() {
+		return sidebar_provider_default;
+	}
+});

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

@@ -0,0 +1,38 @@
+require("./dist.js");
+const require_clsx = require("./clsx.js");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.js");
+const require_compact_button = require("./compact-button.js");
+const require_use_sidebar = require("../use-sidebar.js");
+let vue = require("vue");
+//#region src/components/sidebar/sidebar-trigger.vue?vue&type=script&setup=true&lang.ts
+var sidebar_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "sidebar-trigger",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const { toggleSidebar } = require_use_sidebar.useSidebar();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(require_compact_button.compact_button_default, {
+				"data-sidebar": "trigger",
+				variant: "ghost",
+				size: "lg",
+				icon: "i-celeste-side-bar-line",
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-sidebar-trigger", props.class)),
+				onClick: (0, vue.unref)(toggleSidebar)
+			}, {
+				default: (0, vue.withCtx)(() => _cache[0] || (_cache[0] = [(0, vue.createElementVNode)("span", { class: "celeste-sidebar-trigger-label" }, "Toggle Sidebar", -1)])),
+				_: 1
+			}, 8, ["class", "onClick"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/sidebar/sidebar-trigger.vue
+var sidebar_trigger_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(sidebar_trigger_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f04baf43"]]);
+//#endregion
+Object.defineProperty(exports, "sidebar_trigger_default", {
+	enumerable: true,
+	get: function() {
+		return sidebar_trigger_default;
+	}
+});