@youcan/celeste 0.7.2 → 0.8.0

package/dist/es/chunks/components.js

@@ -5,13 +5,13 @@ import { t as sonner_alert_default } from "./sonner-alert.js";
 import { t as badge_default } from "./badge.js";
 import { t as status_badge_default } from "./status-badge.js";
 import { t as tooltip_content_default } from "./tooltip-content.js";
-import { t as counter_input_default } from "./counter-input.js";
 import { t as collapsible_content_default } from "./collapsible-content.js";
 import { t as collapsible_trigger_default } from "./collapsible-trigger.js";
 import { t as combobox_anchor_default } from "./combobox-anchor.js";
 import { t as combobox_empty_default } from "./combobox-empty.js";
 import { t as combobox_list_default } from "./combobox-list.js";
 import { t as combobox_trigger_default } from "./combobox-trigger.js";
+import { t as calendar_default } from "./calendar.js";
 import { t as checkbox_default } from "./checkbox.js";
 import { t as slider_default } from "./slider.js";
 import { t as dropdown_menu_item_default } from "./dropdown-menu-item.js";
@@ -22,9 +22,11 @@ import { t as dropdown_menu_sub_content_default } from "./dropdown-menu-sub-cont
 import { t as dropdown_menu_sub_trigger_default } from "./dropdown-menu-sub-trigger.js";
 import { t as popover_content_default } from "./popover-content.js";
 import { t as popover_trigger_default } from "./popover-trigger.js";
+import { t as range_calendar_default } from "./range-calendar.js";
 import { t as dropdown_menu_group_default } from "./dropdown-menu-group.js";
 import { t as dropdown_menu_sub_default } from "./dropdown-menu-sub.js";
 import { t as dropdown_menu_trigger_default } from "./dropdown-menu-trigger.js";
+import { t as counter_input_default } from "./counter-input.js";
 import { t as pagination_ellipsis_default } from "./pagination-ellipsis.js";
 import { t as pagination_first_default } from "./pagination-first.js";
 import { t as pagination_last_default } from "./pagination-last.js";
@@ -74,6 +76,7 @@ import { t as combobox_item_default } from "./combobox-item.js";
 import { t as combobox_root_default } from "./combobox-root.js";
 import { t as combobox_separator_default } from "./combobox-separator.js";
 import { t as combobox_default } from "./combobox.js";
+import { t as date_picker_default } from "./date-picker.js";
 import { t as digit_input_group_default } from "./digit-input-group.js";
 import { t as digit_input_default } from "./digit-input.js";
 import { t as dropdown_menu_default } from "./dropdown-menu.js";
@@ -96,6 +99,7 @@ import { t as progress_circle_default } from "./progress-circle.js";
 import { t as radio_group_card_default } from "./radio-group-card.js";
 import { t as radio_group_label_default } from "./radio-group-label.js";
 import { t as radio_group_default } from "./radio-group.js";
+import { t as range_picker_default } from "./range-picker.js";
 import { t as rich_editor_default } from "./rich-editor.js";
 import { t as segmented_control_default } from "./segmented-control.js";
 import { t as sheet_close_default } from "./sheet-close.js";
@@ -160,6 +164,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	AlphaSlider: () => alpha_slider_default,
 	Badge: () => badge_default,
 	Button: () => button_default,
+	Calendar: () => calendar_default,
 	Checkbox: () => checkbox_default,
 	CheckboxCard: () => checkbox_card_default,
 	CheckboxLabel: () => checkbox_label_default,
@@ -182,6 +187,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	CompactButton: () => compact_button_default,
 	ContentDivider: () => content_divider_default,
 	CounterInput: () => counter_input_default,
+	DatePicker: () => date_picker_default,
 	DigitInput: () => digit_input_default,
 	DigitInputGroup: () => digit_input_group_default,
 	DigitInputSlot: () => digit_input_slot_default,
@@ -225,6 +231,8 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	RadioGroupCard: () => radio_group_card_default,
 	RadioGroupItem: () => radio_group_item_default,
 	RadioGroupLabel: () => radio_group_label_default,
+	RangeCalendar: () => range_calendar_default,
+	RangePicker: () => range_picker_default,
 	RichEditor: () => rich_editor_default,
 	ScrollArea: () => scroll_area_default,
 	SegmentedControl: () => segmented_control_default,

package/dist/es/chunks/counter-input.js

@@ -5,27 +5,16 @@ import { t as getActiveElement } from "./getActiveElement.js";
 import { t as isNullish } from "./nullish.js";
 import { c as createEventHook, d as isClient, i as useEventListener, p as reactiveComputed, r as unrefElement, s as useVModel } from "./dist.js";
 import { t as Primitive } from "./Primitive.js";
-import { t as injectConfigProviderContext } from "./ConfigProvider.js";
 import { t as useComposing } from "./useComposing.js";
 import { t as useFormControl } from "./useFormControl.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
 import { t as useKbd } from "./useKbd.js";
+import { t as useLocale } from "./useLocale.js";
 import { t as usePrimitiveElement } from "./usePrimitiveElement.js";
 import { t as VisuallyHiddenInput_default } from "./VisuallyHiddenInput.js";
 import { t as compact_button_default } from "./compact-button.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { computed, createBlock, createCommentVNode, createVNode, defineComponent, mergeProps, onMounted, openBlock, ref, renderSlot, toRefs, unref, watch, withCtx, withModifiers } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useLocale.js
-/**
-* The `useLocale` function provides a way to access the current locale in your application.
-* @param {Ref<string | undefined>} [locale] - An optional ref containing the locale.
-* @returns A computed ref holding the resolved locale.
-*/
-function useLocale(locale) {
-	const context = injectConfigProviderContext({ locale: ref("en") });
-	return computed(() => locale?.value || context.locale?.value || "en");
-}
-//#endregion
 //#region ../../node_modules/.pnpm/@internationalized+number@3.6.0/node_modules/@internationalized/number/dist/NumberFormatter.mjs
 var $488c6ddbf4ef74c2$var$formatterCache = /* @__PURE__ */ new Map();
 var $488c6ddbf4ef74c2$var$supportsSignDisplay = false;

package/dist/es/chunks/date-picker.js

@@ -0,0 +1,92 @@
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as calendar_default } from "./calendar.js";
+import { t as button_default } from "./button.js";
+import { useDelegatedProps } from "../use-delegated-props.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, toDisplayString, unref, useModel, withCtx } from "vue";
+//#region src/components/date-picker/date-picker.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "celeste-date-picker-body" };
+var _hoisted_2 = {
+	key: 0,
+	class: "celeste-date-picker-footer"
+};
+//#endregion
+//#region src/components/date-picker/date-picker.vue
+var date_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "date-picker",
+	props: /* @__PURE__ */ mergeModels({
+		footer: {
+			type: Boolean,
+			default: true
+		},
+		cancelLabel: { default: "Cancel" },
+		applyLabel: { default: "Apply" },
+		class: {},
+		markedDates: {},
+		defaultValue: {},
+		defaultPlaceholder: {},
+		placeholder: {},
+		pagedNavigation: { type: Boolean },
+		preventDeselect: { type: Boolean },
+		weekStartsOn: {},
+		weekdayFormat: {},
+		calendarLabel: {},
+		fixedWeeks: { type: Boolean },
+		maxValue: {},
+		minValue: {},
+		locale: {},
+		numberOfMonths: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		initialFocus: { type: Boolean },
+		isDateDisabled: {},
+		isDateUnavailable: {},
+		dir: {},
+		nextPage: {},
+		prevPage: {},
+		multiple: { type: Boolean },
+		disableDaysOutsideCurrentView: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["apply", "cancel"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const modelValue = useModel(__props, "modelValue");
+		const calendarProps = useDelegatedProps(props, [
+			"class",
+			"footer",
+			"cancelLabel",
+			"applyLabel"
+		]);
+		const cardClass = computed(() => clsx("celeste-date-picker", props.class));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(cardClass.value) }, [createElementVNode("div", _hoisted_1, [createVNode(calendar_default, mergeProps({
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+			}, unref(calendarProps)), null, 16, ["modelValue"])]), _ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(button_default, {
+				class: "celeste-date-picker-action",
+				variant: "stroke",
+				intent: "neutral",
+				onClick: _cache[1] || (_cache[1] = ($event) => emits("cancel"))
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(_ctx.cancelLabel), 1)]),
+				_: 1
+			}), createVNode(button_default, {
+				class: "celeste-date-picker-action",
+				variant: "fill",
+				intent: "primary",
+				onClick: _cache[2] || (_cache[2] = ($event) => emits("apply", modelValue.value))
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(_ctx.applyLabel), 1)]),
+				_: 1
+			})])) : createCommentVNode("", true)], 2);
+		};
+	}
+}), [["__scopeId", "data-v-ac6d198e"]]);
+//#endregion
+export { date_picker_default as t };

package/dist/es/chunks/defu.js

@@ -0,0 +1,29 @@
+//#region ../../node_modules/.pnpm/defu@6.1.7/node_modules/defu/dist/defu.mjs
+function isPlainObject(value) {
+	if (value === null || typeof value !== "object") return false;
+	const prototype = Object.getPrototypeOf(value);
+	if (prototype !== null && prototype !== Object.prototype && Object.getPrototypeOf(prototype) !== null) return false;
+	if (Symbol.iterator in value) return false;
+	if (Symbol.toStringTag in value) return Object.prototype.toString.call(value) === "[object Module]";
+	return true;
+}
+function _defu(baseObject, defaults, namespace = ".", merger) {
+	if (!isPlainObject(defaults)) return _defu(baseObject, {}, namespace, merger);
+	const object = { ...defaults };
+	for (const key of Object.keys(baseObject)) {
+		if (key === "__proto__" || key === "constructor") continue;
+		const value = baseObject[key];
+		if (value === null || value === void 0) continue;
+		if (merger && merger(object, key, value, namespace)) continue;
+		if (Array.isArray(value) && Array.isArray(object[key])) object[key] = [...value, ...object[key]];
+		else if (isPlainObject(value) && isPlainObject(object[key])) object[key] = _defu(value, object[key], (namespace ? `${namespace}.` : "") + key.toString(), merger);
+		else object[key] = value;
+	}
+	return object;
+}
+function createDefu(merger) {
+	return (...arguments_) => arguments_.reduce((p, c) => _defu(p, c, "", merger), {});
+}
+var defu = createDefu();
+//#endregion
+export { defu as t };

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

@@ -3,7 +3,6 @@ import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { m as reactiveOmit } from "./dist.js";
 import { t as Primitive } from "./Primitive.js";
-import { t as DismissableLayer_default } from "./DismissableLayer.js";
 import { n as useBodyScrollLock, t as FocusScope_default } from "./FocusScope.js";
 import { t as useFocusGuards } from "./useFocusGuards.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
@@ -12,6 +11,7 @@ import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
 import { t as useHideOthers } from "./useHideOthers.js";
 import { t as useId } from "./useId.js";
 import { t as Presence_default } from "./Presence.js";
+import { t as DismissableLayer_default } from "./DismissableLayer.js";
 import { t as Teleport_default } from "./Teleport.js";
 import { t as PopperArrow_default } from "./PopperArrow.js";
 import { n as injectPopoverRootContext } from "./PopoverRoot.js";