@youcan/celeste 0.7.2 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/celeste.css +495 -30
- package/dist/cjs/calendar.cjs +2 -0
- package/dist/cjs/chunks/ComboboxContent.cjs +1 -1
- package/dist/cjs/chunks/DialogPortal.cjs +1 -1
- package/dist/cjs/chunks/DismissableLayer.cjs +0 -34
- package/dist/cjs/chunks/FocusScope.cjs +2 -2
- package/dist/cjs/chunks/MenuContentImpl.cjs +1 -1
- package/dist/cjs/chunks/SelectItemAlignedPosition.cjs +1 -1
- package/dist/cjs/chunks/calendar.cjs +923 -0
- package/dist/cjs/chunks/components.cjs +9 -1
- package/dist/cjs/chunks/counter-input.cjs +2 -13
- package/dist/cjs/chunks/date-picker.cjs +99 -0
- package/dist/cjs/chunks/defu.cjs +34 -0
- package/dist/cjs/chunks/popover-content.cjs +1 -1
- package/dist/cjs/chunks/range-calendar.cjs +1170 -0
- package/dist/cjs/chunks/range-picker.cjs +231 -0
- package/dist/cjs/chunks/text-input.cjs +1 -1
- package/dist/cjs/chunks/tooltip-content.cjs +3 -2
- package/dist/cjs/chunks/useCalendar.cjs +2439 -0
- package/dist/cjs/chunks/useLocale.cjs +20 -0
- package/dist/cjs/date-picker.cjs +2 -0
- package/dist/cjs/index.cjs +9 -1
- package/dist/cjs/range-calendar.cjs +2 -0
- package/dist/cjs/range-picker.cjs +2 -0
- package/dist/components/calendar/calendar.d.ts +19 -0
- package/dist/components/calendar/index.d.ts +2 -0
- package/dist/components/date-picker/date-picker.d.ts +27 -0
- package/dist/components/date-picker/index.d.ts +2 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/range-calendar/index.d.ts +2 -0
- package/dist/components/range-calendar/range-calendar.d.ts +24 -0
- package/dist/components/range-picker/index.d.ts +2 -0
- package/dist/components/range-picker/range-picker.d.ts +38 -0
- package/dist/components/rich-editor/rich-editor.d.ts +1 -1
- package/dist/components/text-input/text-input.d.ts +2 -2
- package/dist/es/calendar.js +2 -0
- package/dist/es/chunks/ComboboxContent.js +1 -1
- package/dist/es/chunks/DialogPortal.js +1 -1
- package/dist/es/chunks/DismissableLayer.js +1 -29
- package/dist/es/chunks/FocusScope.js +1 -1
- package/dist/es/chunks/MenuContentImpl.js +1 -1
- package/dist/es/chunks/SelectItemAlignedPosition.js +1 -1
- package/dist/es/chunks/calendar.js +916 -0
- package/dist/es/chunks/components.js +9 -1
- package/dist/es/chunks/counter-input.js +1 -12
- package/dist/es/chunks/date-picker.js +92 -0
- package/dist/es/chunks/defu.js +29 -0
- package/dist/es/chunks/popover-content.js +1 -1
- package/dist/es/chunks/range-calendar.js +1163 -0
- package/dist/es/chunks/range-picker.js +224 -0
- package/dist/es/chunks/text-input.js +1 -1
- package/dist/es/chunks/tooltip-content.js +2 -1
- package/dist/es/chunks/useCalendar.js +2331 -0
- package/dist/es/chunks/useLocale.js +14 -0
- package/dist/es/date-picker.js +2 -0
- package/dist/es/index.js +6 -2
- package/dist/es/range-calendar.js +2 -0
- package/dist/es/range-picker.js +2 -0
- package/package.json +4 -3
- package/src/components/calendar/calendar.vue +305 -0
- package/src/components/calendar/index.ts +2 -0
- package/src/components/calendar/stories/calendar.stories.ts +76 -0
- package/src/components/date-picker/date-picker.vue +91 -0
- package/src/components/date-picker/index.ts +2 -0
- package/src/components/date-picker/stories/date-picker.stories.ts +92 -0
- package/src/components/index.ts +4 -0
- package/src/components/range-calendar/index.ts +2 -0
- package/src/components/range-calendar/range-calendar.vue +363 -0
- package/src/components/range-calendar/stories/range-calendar.stories.ts +46 -0
- package/src/components/range-picker/index.ts +2 -0
- package/src/components/range-picker/range-picker.vue +237 -0
- package/src/components/range-picker/stories/range-picker.stories.ts +97 -0
- package/src/components/text-input/text-input.vue +2 -1
|
@@ -5,13 +5,13 @@ const require_sonner_alert = require("./sonner-alert.cjs");
|
|
|
5
5
|
const require_badge = require("./badge.cjs");
|
|
6
6
|
const require_status_badge = require("./status-badge.cjs");
|
|
7
7
|
const require_tooltip_content = require("./tooltip-content.cjs");
|
|
8
|
-
const require_counter_input = require("./counter-input.cjs");
|
|
9
8
|
const require_collapsible_content = require("./collapsible-content.cjs");
|
|
10
9
|
const require_collapsible_trigger = require("./collapsible-trigger.cjs");
|
|
11
10
|
const require_combobox_anchor = require("./combobox-anchor.cjs");
|
|
12
11
|
const require_combobox_empty = require("./combobox-empty.cjs");
|
|
13
12
|
const require_combobox_list = require("./combobox-list.cjs");
|
|
14
13
|
const require_combobox_trigger = require("./combobox-trigger.cjs");
|
|
14
|
+
const require_calendar = require("./calendar.cjs");
|
|
15
15
|
const require_checkbox = require("./checkbox.cjs");
|
|
16
16
|
const require_slider = require("./slider.cjs");
|
|
17
17
|
const require_dropdown_menu_item = require("./dropdown-menu-item.cjs");
|
|
@@ -22,9 +22,11 @@ const require_dropdown_menu_sub_content = require("./dropdown-menu-sub-content.c
|
|
|
22
22
|
const require_dropdown_menu_sub_trigger = require("./dropdown-menu-sub-trigger.cjs");
|
|
23
23
|
const require_popover_content = require("./popover-content.cjs");
|
|
24
24
|
const require_popover_trigger = require("./popover-trigger.cjs");
|
|
25
|
+
const require_range_calendar = require("./range-calendar.cjs");
|
|
25
26
|
const require_dropdown_menu_group = require("./dropdown-menu-group.cjs");
|
|
26
27
|
const require_dropdown_menu_sub = require("./dropdown-menu-sub.cjs");
|
|
27
28
|
const require_dropdown_menu_trigger = require("./dropdown-menu-trigger.cjs");
|
|
29
|
+
const require_counter_input = require("./counter-input.cjs");
|
|
28
30
|
const require_pagination_ellipsis = require("./pagination-ellipsis.cjs");
|
|
29
31
|
const require_pagination_first = require("./pagination-first.cjs");
|
|
30
32
|
const require_pagination_last = require("./pagination-last.cjs");
|
|
@@ -74,6 +76,7 @@ const require_combobox_item = require("./combobox-item.cjs");
|
|
|
74
76
|
const require_combobox_root = require("./combobox-root.cjs");
|
|
75
77
|
const require_combobox_separator = require("./combobox-separator.cjs");
|
|
76
78
|
const require_combobox = require("./combobox.cjs");
|
|
79
|
+
const require_date_picker = require("./date-picker.cjs");
|
|
77
80
|
const require_digit_input_group = require("./digit-input-group.cjs");
|
|
78
81
|
const require_digit_input = require("./digit-input.cjs");
|
|
79
82
|
const require_dropdown_menu = require("./dropdown-menu.cjs");
|
|
@@ -96,6 +99,7 @@ const require_progress_circle = require("./progress-circle.cjs");
|
|
|
96
99
|
const require_radio_group_card = require("./radio-group-card.cjs");
|
|
97
100
|
const require_radio_group_label = require("./radio-group-label.cjs");
|
|
98
101
|
const require_radio_group = require("./radio-group.cjs");
|
|
102
|
+
const require_range_picker = require("./range-picker.cjs");
|
|
99
103
|
const require_rich_editor = require("./rich-editor.cjs");
|
|
100
104
|
const require_segmented_control = require("./segmented-control.cjs");
|
|
101
105
|
const require_sheet_close = require("./sheet-close.cjs");
|
|
@@ -160,6 +164,7 @@ var components_exports = /* @__PURE__ */ require_chunk.__exportAll({
|
|
|
160
164
|
AlphaSlider: () => require_alpha_slider.alpha_slider_default,
|
|
161
165
|
Badge: () => require_badge.badge_default,
|
|
162
166
|
Button: () => require_button.button_default,
|
|
167
|
+
Calendar: () => require_calendar.calendar_default,
|
|
163
168
|
Checkbox: () => require_checkbox.checkbox_default,
|
|
164
169
|
CheckboxCard: () => require_checkbox_card.checkbox_card_default,
|
|
165
170
|
CheckboxLabel: () => require_checkbox_label.checkbox_label_default,
|
|
@@ -182,6 +187,7 @@ var components_exports = /* @__PURE__ */ require_chunk.__exportAll({
|
|
|
182
187
|
CompactButton: () => require_compact_button.compact_button_default,
|
|
183
188
|
ContentDivider: () => require_content_divider.content_divider_default,
|
|
184
189
|
CounterInput: () => require_counter_input.counter_input_default,
|
|
190
|
+
DatePicker: () => require_date_picker.date_picker_default,
|
|
185
191
|
DigitInput: () => require_digit_input.digit_input_default,
|
|
186
192
|
DigitInputGroup: () => require_digit_input_group.digit_input_group_default,
|
|
187
193
|
DigitInputSlot: () => require_digit_input_slot.digit_input_slot_default,
|
|
@@ -225,6 +231,8 @@ var components_exports = /* @__PURE__ */ require_chunk.__exportAll({
|
|
|
225
231
|
RadioGroupCard: () => require_radio_group_card.radio_group_card_default,
|
|
226
232
|
RadioGroupItem: () => require_radio_group_item.radio_group_item_default,
|
|
227
233
|
RadioGroupLabel: () => require_radio_group_label.radio_group_label_default,
|
|
234
|
+
RangeCalendar: () => require_range_calendar.range_calendar_default,
|
|
235
|
+
RangePicker: () => require_range_picker.range_picker_default,
|
|
228
236
|
RichEditor: () => require_rich_editor.rich_editor_default,
|
|
229
237
|
ScrollArea: () => require_scroll_area.scroll_area_default,
|
|
230
238
|
SegmentedControl: () => require_segmented_control.segmented_control_default,
|
|
@@ -6,27 +6,16 @@ const require_getActiveElement = require("./getActiveElement.cjs");
|
|
|
6
6
|
const require_nullish = require("./nullish.cjs");
|
|
7
7
|
const require_dist = require("./dist.cjs");
|
|
8
8
|
const require_Primitive = require("./Primitive.cjs");
|
|
9
|
-
const require_ConfigProvider = require("./ConfigProvider.cjs");
|
|
10
9
|
const require_useComposing = require("./useComposing.cjs");
|
|
11
10
|
const require_useFormControl = require("./useFormControl.cjs");
|
|
12
11
|
const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
|
|
13
12
|
const require_useKbd = require("./useKbd.cjs");
|
|
13
|
+
const require_useLocale = require("./useLocale.cjs");
|
|
14
14
|
const require_usePrimitiveElement = require("./usePrimitiveElement.cjs");
|
|
15
15
|
const require_VisuallyHiddenInput = require("./VisuallyHiddenInput.cjs");
|
|
16
16
|
const require_compact_button = require("./compact-button.cjs");
|
|
17
17
|
const require_use_delegated_props = require("../use-delegated-props.cjs");
|
|
18
18
|
let vue = require("vue");
|
|
19
|
-
//#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
|
|
20
|
-
/**
|
|
21
|
-
* The `useLocale` function provides a way to access the current locale in your application.
|
|
22
|
-
* @param {Ref<string | undefined>} [locale] - An optional ref containing the locale.
|
|
23
|
-
* @returns A computed ref holding the resolved locale.
|
|
24
|
-
*/
|
|
25
|
-
function useLocale(locale) {
|
|
26
|
-
const context = require_ConfigProvider.injectConfigProviderContext({ locale: (0, vue.ref)("en") });
|
|
27
|
-
return (0, vue.computed)(() => locale?.value || context.locale?.value || "en");
|
|
28
|
-
}
|
|
29
|
-
//#endregion
|
|
30
19
|
//#region ../../node_modules/.pnpm/@internationalized+number@3.6.0/node_modules/@internationalized/number/dist/NumberFormatter.mjs
|
|
31
20
|
var $488c6ddbf4ef74c2$var$formatterCache = /* @__PURE__ */ new Map();
|
|
32
21
|
var $488c6ddbf4ef74c2$var$supportsSignDisplay = false;
|
|
@@ -498,7 +487,7 @@ var NumberFieldRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
498
487
|
passive: props.modelValue === void 0
|
|
499
488
|
});
|
|
500
489
|
const { primitiveElement, currentElement } = require_usePrimitiveElement.usePrimitiveElement();
|
|
501
|
-
const locale = useLocale(propLocale);
|
|
490
|
+
const locale = require_useLocale.useLocale(propLocale);
|
|
502
491
|
const isFormControl = require_useFormControl.useFormControl(currentElement);
|
|
503
492
|
const inputEl = (0, vue.ref)();
|
|
504
493
|
const isDecreaseDisabled = (0, vue.computed)(() => {
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
require("./chunk.cjs");
|
|
2
|
+
const require_clsx = require("./clsx.cjs");
|
|
3
|
+
const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
|
|
4
|
+
const require_calendar = require("./calendar.cjs");
|
|
5
|
+
const require_button = require("./button.cjs");
|
|
6
|
+
const require_use_delegated_props = require("../use-delegated-props.cjs");
|
|
7
|
+
let vue = require("vue");
|
|
8
|
+
//#region src/components/date-picker/date-picker.vue?vue&type=script&setup=true&lang.ts
|
|
9
|
+
var _hoisted_1 = { class: "celeste-date-picker-body" };
|
|
10
|
+
var _hoisted_2 = {
|
|
11
|
+
key: 0,
|
|
12
|
+
class: "celeste-date-picker-footer"
|
|
13
|
+
};
|
|
14
|
+
var date_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
15
|
+
__name: "date-picker",
|
|
16
|
+
props: /* @__PURE__ */ (0, vue.mergeModels)({
|
|
17
|
+
footer: {
|
|
18
|
+
type: Boolean,
|
|
19
|
+
default: true
|
|
20
|
+
},
|
|
21
|
+
cancelLabel: { default: "Cancel" },
|
|
22
|
+
applyLabel: { default: "Apply" },
|
|
23
|
+
class: {},
|
|
24
|
+
markedDates: {},
|
|
25
|
+
defaultValue: {},
|
|
26
|
+
defaultPlaceholder: {},
|
|
27
|
+
placeholder: {},
|
|
28
|
+
pagedNavigation: { type: Boolean },
|
|
29
|
+
preventDeselect: { type: Boolean },
|
|
30
|
+
weekStartsOn: {},
|
|
31
|
+
weekdayFormat: {},
|
|
32
|
+
calendarLabel: {},
|
|
33
|
+
fixedWeeks: { type: Boolean },
|
|
34
|
+
maxValue: {},
|
|
35
|
+
minValue: {},
|
|
36
|
+
locale: {},
|
|
37
|
+
numberOfMonths: {},
|
|
38
|
+
disabled: { type: Boolean },
|
|
39
|
+
readonly: { type: Boolean },
|
|
40
|
+
initialFocus: { type: Boolean },
|
|
41
|
+
isDateDisabled: {},
|
|
42
|
+
isDateUnavailable: {},
|
|
43
|
+
dir: {},
|
|
44
|
+
nextPage: {},
|
|
45
|
+
prevPage: {},
|
|
46
|
+
multiple: { type: Boolean },
|
|
47
|
+
disableDaysOutsideCurrentView: { type: Boolean },
|
|
48
|
+
asChild: { type: Boolean },
|
|
49
|
+
as: {}
|
|
50
|
+
}, {
|
|
51
|
+
"modelValue": {},
|
|
52
|
+
"modelModifiers": {}
|
|
53
|
+
}),
|
|
54
|
+
emits: /* @__PURE__ */ (0, vue.mergeModels)(["apply", "cancel"], ["update:modelValue"]),
|
|
55
|
+
setup(__props, { emit: __emit }) {
|
|
56
|
+
const props = __props;
|
|
57
|
+
const emits = __emit;
|
|
58
|
+
const modelValue = (0, vue.useModel)(__props, "modelValue");
|
|
59
|
+
const calendarProps = require_use_delegated_props.useDelegatedProps(props, [
|
|
60
|
+
"class",
|
|
61
|
+
"footer",
|
|
62
|
+
"cancelLabel",
|
|
63
|
+
"applyLabel"
|
|
64
|
+
]);
|
|
65
|
+
const cardClass = (0, vue.computed)(() => require_clsx.clsx("celeste-date-picker", props.class));
|
|
66
|
+
return (_ctx, _cache) => {
|
|
67
|
+
return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(cardClass.value) }, [(0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createVNode)(require_calendar.calendar_default, (0, vue.mergeProps)({
|
|
68
|
+
modelValue: modelValue.value,
|
|
69
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
|
|
70
|
+
}, (0, vue.unref)(calendarProps)), null, 16, ["modelValue"])]), _ctx.footer ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2, [(0, vue.createVNode)(require_button.button_default, {
|
|
71
|
+
class: "celeste-date-picker-action",
|
|
72
|
+
variant: "stroke",
|
|
73
|
+
intent: "neutral",
|
|
74
|
+
onClick: _cache[1] || (_cache[1] = ($event) => emits("cancel"))
|
|
75
|
+
}, {
|
|
76
|
+
default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(_ctx.cancelLabel), 1)]),
|
|
77
|
+
_: 1
|
|
78
|
+
}), (0, vue.createVNode)(require_button.button_default, {
|
|
79
|
+
class: "celeste-date-picker-action",
|
|
80
|
+
variant: "fill",
|
|
81
|
+
intent: "primary",
|
|
82
|
+
onClick: _cache[2] || (_cache[2] = ($event) => emits("apply", modelValue.value))
|
|
83
|
+
}, {
|
|
84
|
+
default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(_ctx.applyLabel), 1)]),
|
|
85
|
+
_: 1
|
|
86
|
+
})])) : (0, vue.createCommentVNode)("", true)], 2);
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
//#endregion
|
|
91
|
+
//#region src/components/date-picker/date-picker.vue
|
|
92
|
+
var date_picker_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(date_picker_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ac6d198e"]]);
|
|
93
|
+
//#endregion
|
|
94
|
+
Object.defineProperty(exports, "date_picker_default", {
|
|
95
|
+
enumerable: true,
|
|
96
|
+
get: function() {
|
|
97
|
+
return date_picker_default;
|
|
98
|
+
}
|
|
99
|
+
});
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
//#region ../../node_modules/.pnpm/defu@6.1.7/node_modules/defu/dist/defu.mjs
|
|
2
|
+
function isPlainObject(value) {
|
|
3
|
+
if (value === null || typeof value !== "object") return false;
|
|
4
|
+
const prototype = Object.getPrototypeOf(value);
|
|
5
|
+
if (prototype !== null && prototype !== Object.prototype && Object.getPrototypeOf(prototype) !== null) return false;
|
|
6
|
+
if (Symbol.iterator in value) return false;
|
|
7
|
+
if (Symbol.toStringTag in value) return Object.prototype.toString.call(value) === "[object Module]";
|
|
8
|
+
return true;
|
|
9
|
+
}
|
|
10
|
+
function _defu(baseObject, defaults, namespace = ".", merger) {
|
|
11
|
+
if (!isPlainObject(defaults)) return _defu(baseObject, {}, namespace, merger);
|
|
12
|
+
const object = { ...defaults };
|
|
13
|
+
for (const key of Object.keys(baseObject)) {
|
|
14
|
+
if (key === "__proto__" || key === "constructor") continue;
|
|
15
|
+
const value = baseObject[key];
|
|
16
|
+
if (value === null || value === void 0) continue;
|
|
17
|
+
if (merger && merger(object, key, value, namespace)) continue;
|
|
18
|
+
if (Array.isArray(value) && Array.isArray(object[key])) object[key] = [...value, ...object[key]];
|
|
19
|
+
else if (isPlainObject(value) && isPlainObject(object[key])) object[key] = _defu(value, object[key], (namespace ? `${namespace}.` : "") + key.toString(), merger);
|
|
20
|
+
else object[key] = value;
|
|
21
|
+
}
|
|
22
|
+
return object;
|
|
23
|
+
}
|
|
24
|
+
function createDefu(merger) {
|
|
25
|
+
return (...arguments_) => arguments_.reduce((p, c) => _defu(p, c, "", merger), {});
|
|
26
|
+
}
|
|
27
|
+
var defu = createDefu();
|
|
28
|
+
//#endregion
|
|
29
|
+
Object.defineProperty(exports, "defu", {
|
|
30
|
+
enumerable: true,
|
|
31
|
+
get: function() {
|
|
32
|
+
return defu;
|
|
33
|
+
}
|
|
34
|
+
});
|
|
@@ -3,7 +3,6 @@ const require_clsx = require("./clsx.cjs");
|
|
|
3
3
|
const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
|
|
4
4
|
const require_dist = require("./dist.cjs");
|
|
5
5
|
const require_Primitive = require("./Primitive.cjs");
|
|
6
|
-
const require_DismissableLayer = require("./DismissableLayer.cjs");
|
|
7
6
|
const require_FocusScope = require("./FocusScope.cjs");
|
|
8
7
|
const require_useFocusGuards = require("./useFocusGuards.cjs");
|
|
9
8
|
const require_useForwardExpose = require("./useForwardExpose.cjs");
|
|
@@ -12,6 +11,7 @@ const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
|
|
|
12
11
|
const require_useHideOthers = require("./useHideOthers.cjs");
|
|
13
12
|
const require_useId = require("./useId.cjs");
|
|
14
13
|
const require_Presence = require("./Presence.cjs");
|
|
14
|
+
const require_DismissableLayer = require("./DismissableLayer.cjs");
|
|
15
15
|
const require_Teleport = require("./Teleport.cjs");
|
|
16
16
|
const require_PopperArrow = require("./PopperArrow.cjs");
|
|
17
17
|
const require_PopperContent = require("./PopperContent.cjs");
|