@youcan/celeste 0.6.97 → 0.6.99

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

@@ -0,0 +1,73 @@
+require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require_core = require("./core.cjs");
+const require_use_sidebar = require("../use-sidebar.cjs");
+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.cjs

@@ -0,0 +1,38 @@
+require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_compact_button = require("./compact-button.cjs");
+const require_use_sidebar = require("../use-sidebar.cjs");
+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;
+	}
+});

package/dist/cjs/chunks/sidebar.cjs

@@ -0,0 +1,69 @@
+require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require_use_sidebar = require("../use-sidebar.cjs");
+require("./sheet-close.cjs");
+const require_sheet_content = require("./sheet-content.cjs");
+require("./sheet-description.cjs");
+require("./sheet-footer.cjs");
+require("./sheet-header.cjs");
+require("./sheet-title.cjs");
+require("./sheet-trigger.cjs");
+const require_sheet = require("./sheet.cjs");
+let vue = require("vue");
+//#region src/components/sidebar/sidebar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "celeste-sidebar-mobile-content" };
+var _hoisted_2 = [
+	"data-state",
+	"data-collapsible",
+	"data-variant"
+];
+var _hoisted_3 = {
+	"data-sidebar": "sidebar",
+	class: "celeste-sidebar-inner"
+};
+//#endregion
+//#region src/components/sidebar/sidebar.vue
+var sidebar_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "sidebar",
+	props: {
+		variant: { default: "sidebar" },
+		collapsible: { default: "offcanvas" },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { isMobile, state, openMobile, setOpenMobile } = require_use_sidebar.useSidebar();
+		return (_ctx, _cache) => {
+			return (0, vue.unref)(isMobile) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_sheet.sheet_default), (0, vue.mergeProps)({
+				key: 0,
+				open: (0, vue.unref)(openMobile)
+			}, _ctx.$attrs, { "onUpdate:open": (0, vue.unref)(setOpenMobile) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_sheet_content.sheet_content_default), {
+					"data-sidebar": "sidebar",
+					"data-mobile": "true",
+					side: "right",
+					class: "celeste-sidebar-mobile",
+					style: (0, vue.normalizeStyle)({ "--sidebar-width": (0, vue.unref)(require_use_sidebar.SIDEBAR_WIDTH_MOBILE) })
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.renderSlot)(_ctx.$slots, "default")])]),
+					_: 3
+				}, 8, ["style"])]),
+				_: 3
+			}, 16, ["open", "onUpdate:open"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				key: 1,
+				class: "celeste-sidebar-desktop",
+				"data-state": _ctx.collapsible === "none" ? void 0 : (0, vue.unref)(state),
+				"data-collapsible": (0, vue.unref)(state) === "collapsed" && _ctx.collapsible !== "none" ? _ctx.collapsible : "",
+				"data-variant": _ctx.variant
+			}, [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-sidebar-gap", `celeste-sidebar-gap-variant-${_ctx.variant}`)) }, null, 2), (0, vue.createElementVNode)("div", (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-sidebar-container", `celeste-sidebar-container-variant-${_ctx.variant}`, _ctx.collapsible === "none" && "celeste-sidebar-container-collapsible-none", props.class) }, _ctx.$attrs), [(0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.renderSlot)(_ctx.$slots, "default")])], 16)], 8, _hoisted_2));
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "sidebar_default", {
+	enumerable: true,
+	get: function() {
+		return sidebar_default;
+	}
+});

package/dist/cjs/chunks/slider.cjs

@@ -0,0 +1,51 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require_use_delegated_props = require("../use-delegated-props.cjs");
+let vue = require("vue");
+//#endregion
+//#region src/components/slider/slider.vue
+var slider_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "slider",
+	props: {
+		name: {},
+		defaultValue: {},
+		modelValue: {},
+		disabled: { type: Boolean },
+		dir: {},
+		inverted: { type: Boolean },
+		min: {},
+		max: {},
+		step: {},
+		minStepsBetweenThumbs: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	emits: ["update:modelValue", "valueCommit"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = require_dist.Se(require_use_delegated_props.useDelegatedProps(props, "class"), emits);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.og), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-slider", props.class) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.sg), { class: "celeste-slider-track" }, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.rg), { class: "celeste-slider-range" })]),
+					_: 1
+				}), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(_ctx.modelValue, (_, key) => {
+					return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.lg), {
+						key,
+						class: "celeste-slider-thumb"
+					});
+				}), 128))]),
+				_: 1
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "slider_default", {
+	enumerable: true,
+	get: function() {
+		return slider_default;
+	}
+});

package/dist/cjs/chunks/social-button.cjs

@@ -0,0 +1,42 @@
+const require_dist = require("./dist.cjs");
+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/button/social-button.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	role: "presentation"
+};
+var social_button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "social-button",
+	props: {
+		brand: {},
+		variant: { default: "stroke" },
+		class: {},
+		label: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+				"aria-label": _ctx.label,
+				role: "button",
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-social-button", `celeste-social-button-${_ctx.brand}`, `celeste-social-button-${_ctx.variant}`, props.class)),
+				as: "button"
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("i", { class: (0, vue.normalizeClass)(`i-celeste-brand-${_ctx.brand}-${_ctx.variant === "fill" ? "white" : "original"}`) }, null, 2), _ctx.label ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1, (0, vue.toDisplayString)(_ctx.label), 1)) : (0, vue.createCommentVNode)("", true)]),
+				_: 1
+			}, 8, ["aria-label", "class"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/button/social-button.vue
+var social_button_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(social_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-694226a7"]]);
+//#endregion
+Object.defineProperty(exports, "social_button_default", {
+	enumerable: true,
+	get: function() {
+		return social_button_default;
+	}
+});

package/dist/cjs/chunks/sonner-alert.cjs

@@ -0,0 +1,42 @@
+require("./dist.cjs");
+const require_alert = require("./alert.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+let vue = require("vue");
+//#region src/components/sonner/sonner-alert.vue?vue&type=script&setup=true&lang.ts
+var sonner_alert_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "sonner-alert",
+	props: {
+		title: {},
+		description: {},
+		onDismiss: {}
+	},
+	setup(__props) {
+		const props = __props;
+		function handleDismiss() {
+			if (props.onDismiss) props.onDismiss();
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_alert.alert_default), (0, vue.mergeProps)(props, {
+				class: "sonner-alert",
+				onDismiss: handleDismiss
+			}), (0, vue.createSlots)({
+				title: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(props.title), 1)]),
+				_: 2
+			}, [props.description ? {
+				name: "description",
+				fn: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(props.description), 1)]),
+				key: "0"
+			} : void 0]), 1040);
+		};
+	}
+});
+//#endregion
+//#region src/components/sonner/sonner-alert.vue
+var sonner_alert_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(sonner_alert_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-37e85563"]]);
+//#endregion
+Object.defineProperty(exports, "sonner_alert_default", {
+	enumerable: true,
+	get: function() {
+		return sonner_alert_default;
+	}
+});