@youcan/celeste 0.7.2 → 0.8.0

package/dist/cjs/chunks/range-picker.cjs

@@ -0,0 +1,231 @@
+require("./chunk.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_useCalendar = require("./useCalendar.cjs");
+const require_range_calendar = require("./range-calendar.cjs");
+const require_button = require("./button.cjs");
+const require_use_delegated_props = require("../use-delegated-props.cjs");
+let vue = require("vue");
+//#region src/components/range-picker/range-picker.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "celeste-range-picker-presets"
+};
+var _hoisted_2 = ["data-active", "onClick"];
+var _hoisted_3 = { class: "celeste-range-picker-content" };
+var _hoisted_4 = { class: "celeste-range-picker-calendar" };
+var _hoisted_5 = {
+	key: 0,
+	class: "celeste-range-picker-footer"
+};
+var _hoisted_6 = { class: "celeste-range-picker-hint" };
+var _hoisted_7 = { class: "celeste-range-picker-hint-label" };
+var _hoisted_8 = { class: "celeste-range-picker-hint-value" };
+var _hoisted_9 = {
+	key: 1,
+	class: "celeste-range-picker-hint-label"
+};
+var range_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "range-picker",
+	props: /* @__PURE__ */ (0, vue.mergeModels)({
+		showPresets: {
+			type: Boolean,
+			default: true
+		},
+		footer: {
+			type: Boolean,
+			default: true
+		},
+		presets: {},
+		rangeLabel: { default: "Range:" },
+		placeholderLabel: { default: "Select a range" },
+		cancelLabel: { default: "Cancel" },
+		applyLabel: { default: "Apply" },
+		class: {},
+		markedDates: {},
+		defaultPlaceholder: {},
+		defaultValue: {},
+		placeholder: {},
+		allowNonContiguousRanges: { type: Boolean },
+		pagedNavigation: { type: Boolean },
+		preventDeselect: { type: Boolean },
+		maximumDays: {},
+		weekStartsOn: {},
+		weekdayFormat: {},
+		calendarLabel: {},
+		fixedWeeks: { type: Boolean },
+		maxValue: {},
+		minValue: {},
+		locale: {},
+		numberOfMonths: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		initialFocus: { type: Boolean },
+		isDateDisabled: {},
+		isDateUnavailable: {},
+		isDateHighlightable: {},
+		dir: {},
+		nextPage: {},
+		prevPage: {},
+		disableDaysOutsideCurrentView: { type: Boolean },
+		fixedDate: {},
+		asChild: { type: Boolean },
+		as: {}
+	}, {
+		"modelValue": { default: () => ({
+			start: void 0,
+			end: void 0
+		}) },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ (0, vue.mergeModels)(["apply", "cancel"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		function defaultPresets() {
+			const now = require_useCalendar.$14e0f24ef4ac5c92$export$d0bdf45af03a6ea3(require_useCalendar.$14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+			return [
+				{
+					label: "Today",
+					value: {
+						start: now,
+						end: now
+					}
+				},
+				{
+					label: "Last 7 days",
+					value: {
+						start: now.subtract({ days: 6 }),
+						end: now
+					}
+				},
+				{
+					label: "Last 30 days",
+					value: {
+						start: now.subtract({ days: 29 }),
+						end: now
+					}
+				},
+				{
+					label: "Last 3 months",
+					value: {
+						start: now.subtract({ months: 3 }),
+						end: now
+					}
+				},
+				{
+					label: "Last 12 months",
+					value: {
+						start: now.subtract({ months: 12 }),
+						end: now
+					}
+				},
+				{
+					label: "Month to date",
+					value: {
+						start: now.set({ day: 1 }),
+						end: now
+					}
+				},
+				{
+					label: "Year to date",
+					value: {
+						start: now.set({
+							month: 1,
+							day: 1
+						}),
+						end: now
+					}
+				},
+				{
+					label: "All time",
+					value: {
+						start: void 0,
+						end: void 0
+					}
+				}
+			];
+		}
+		const modelValue = (0, vue.useModel)(__props, "modelValue");
+		const presetList = (0, vue.computed)(() => props.presets ?? defaultPresets());
+		const activePreset = (0, vue.ref)(null);
+		const calendarProps = require_use_delegated_props.useDelegatedProps(props, [
+			"class",
+			"showPresets",
+			"footer",
+			"presets",
+			"rangeLabel",
+			"placeholderLabel",
+			"cancelLabel",
+			"applyLabel"
+		]);
+		let settingFromPreset = false;
+		function resolvePreset(preset) {
+			return typeof preset.value === "function" ? preset.value() : preset.value;
+		}
+		function selectPreset(preset) {
+			settingFromPreset = true;
+			modelValue.value = resolvePreset(preset);
+			activePreset.value = preset.label;
+			(0, vue.nextTick)(() => {
+				settingFromPreset = false;
+			});
+		}
+		(0, vue.watch)(modelValue, () => {
+			if (!settingFromPreset) activePreset.value = null;
+		}, { deep: true });
+		const rangeFormatter = (0, vue.computed)(() => new require_useCalendar.$fb18d541ea1ad717$export$ad991b66133851cf(props.locale ?? "en-US", {
+			month: "short",
+			day: "2-digit",
+			year: "numeric"
+		}));
+		const formattedRange = (0, vue.computed)(() => {
+			const value = modelValue.value;
+			if (!value?.start || !value?.end) return "";
+			const tz = require_useCalendar.$14e0f24ef4ac5c92$export$aa8b41735afcabd2();
+			return `${rangeFormatter.value.format(value.start.toDate(tz))} - ${rangeFormatter.value.format(value.end.toDate(tz))}`;
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-range-picker", props.class)) }, [_ctx.showPresets ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("aside", _hoisted_1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(presetList.value, (preset) => {
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+					key: preset.label,
+					type: "button",
+					class: "celeste-range-picker-preset",
+					"data-active": activePreset.value === preset.label ? "" : void 0,
+					onClick: ($event) => selectPreset(preset)
+				}, (0, vue.toDisplayString)(preset.label), 9, _hoisted_2);
+			}), 128))])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.createElementVNode)("div", _hoisted_4, [(0, vue.createVNode)(require_range_calendar.range_calendar_default, (0, vue.mergeProps)({
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+			}, (0, vue.unref)(calendarProps)), null, 16, ["modelValue"])]), _ctx.footer ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5, [
+				(0, vue.createElementVNode)("p", _hoisted_6, [formattedRange.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("span", _hoisted_7, (0, vue.toDisplayString)(_ctx.rangeLabel) + "\xA0", 1), (0, vue.createElementVNode)("span", _hoisted_8, (0, vue.toDisplayString)(formattedRange.value), 1)], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_9, (0, vue.toDisplayString)(_ctx.placeholderLabel), 1))]),
+				(0, vue.createVNode)(require_button.button_default, {
+					variant: "stroke",
+					intent: "neutral",
+					onClick: _cache[1] || (_cache[1] = ($event) => emits("cancel"))
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(_ctx.cancelLabel), 1)]),
+					_: 1
+				}),
+				(0, vue.createVNode)(require_button.button_default, {
+					variant: "fill",
+					intent: "primary",
+					onClick: _cache[2] || (_cache[2] = ($event) => emits("apply", modelValue.value))
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(_ctx.applyLabel), 1)]),
+					_: 1
+				})
+			])) : (0, vue.createCommentVNode)("", true)])], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/range-picker/range-picker.vue
+var range_picker_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(range_picker_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4f5c8aa9"]]);
+//#endregion
+Object.defineProperty(exports, "range_picker_default", {
+	enumerable: true,
+	get: function() {
+		return range_picker_default;
+	}
+});

package/dist/cjs/chunks/text-input.cjs

@@ -109,7 +109,7 @@ var text_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0,
 });
 //#endregion
 //#region src/components/text-input/text-input.vue
-var text_input_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(text_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4aaec87f"]]);
+var text_input_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(text_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-394fa109"]]);
 //#endregion
 Object.defineProperty(exports, "text_input_default", {
 	enumerable: true,

package/dist/cjs/chunks/tooltip-content.cjs

@@ -2,11 +2,12 @@ require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_dist = require("./dist.cjs");
-const require_DismissableLayer = require("./DismissableLayer.cjs");
+const require_defu = require("./defu.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
 const require_useForwardProps = require("./useForwardProps.cjs");
 const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
 const require_Presence = require("./Presence.cjs");
+const require_DismissableLayer = require("./DismissableLayer.cjs");
 const require_Teleport = require("./Teleport.cjs");
 const require_VisuallyHidden = require("./VisuallyHidden.cjs");
 const require_PopperArrow = require("./PopperArrow.cjs");
@@ -322,7 +323,7 @@ var TooltipContentImpl_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const ariaLabel = (0, vue.computed)(() => props.ariaLabel || currentElement.value?.textContent);
 		const popperContentProps = (0, vue.computed)(() => {
 			const { ariaLabel: _, ...restProps } = props;
-			return require_DismissableLayer.defu(restProps, providerContext.content.value ?? {}, {
+			return require_defu.defu(restProps, providerContext.content.value ?? {}, {
 				side: "top",
 				sideOffset: 0,
 				align: "center",