@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.
Files changed (73) hide show
  1. package/dist/celeste.css +495 -30
  2. package/dist/cjs/calendar.cjs +2 -0
  3. package/dist/cjs/chunks/ComboboxContent.cjs +1 -1
  4. package/dist/cjs/chunks/DialogPortal.cjs +1 -1
  5. package/dist/cjs/chunks/DismissableLayer.cjs +0 -34
  6. package/dist/cjs/chunks/FocusScope.cjs +2 -2
  7. package/dist/cjs/chunks/MenuContentImpl.cjs +1 -1
  8. package/dist/cjs/chunks/SelectItemAlignedPosition.cjs +1 -1
  9. package/dist/cjs/chunks/calendar.cjs +923 -0
  10. package/dist/cjs/chunks/components.cjs +9 -1
  11. package/dist/cjs/chunks/counter-input.cjs +2 -13
  12. package/dist/cjs/chunks/date-picker.cjs +99 -0
  13. package/dist/cjs/chunks/defu.cjs +34 -0
  14. package/dist/cjs/chunks/popover-content.cjs +1 -1
  15. package/dist/cjs/chunks/range-calendar.cjs +1170 -0
  16. package/dist/cjs/chunks/range-picker.cjs +231 -0
  17. package/dist/cjs/chunks/text-input.cjs +1 -1
  18. package/dist/cjs/chunks/tooltip-content.cjs +3 -2
  19. package/dist/cjs/chunks/useCalendar.cjs +2439 -0
  20. package/dist/cjs/chunks/useLocale.cjs +20 -0
  21. package/dist/cjs/date-picker.cjs +2 -0
  22. package/dist/cjs/index.cjs +9 -1
  23. package/dist/cjs/range-calendar.cjs +2 -0
  24. package/dist/cjs/range-picker.cjs +2 -0
  25. package/dist/components/calendar/calendar.d.ts +19 -0
  26. package/dist/components/calendar/index.d.ts +2 -0
  27. package/dist/components/date-picker/date-picker.d.ts +27 -0
  28. package/dist/components/date-picker/index.d.ts +2 -0
  29. package/dist/components/index.d.ts +4 -0
  30. package/dist/components/range-calendar/index.d.ts +2 -0
  31. package/dist/components/range-calendar/range-calendar.d.ts +24 -0
  32. package/dist/components/range-picker/index.d.ts +2 -0
  33. package/dist/components/range-picker/range-picker.d.ts +38 -0
  34. package/dist/components/rich-editor/rich-editor.d.ts +1 -1
  35. package/dist/components/text-input/text-input.d.ts +2 -2
  36. package/dist/es/calendar.js +2 -0
  37. package/dist/es/chunks/ComboboxContent.js +1 -1
  38. package/dist/es/chunks/DialogPortal.js +1 -1
  39. package/dist/es/chunks/DismissableLayer.js +1 -29
  40. package/dist/es/chunks/FocusScope.js +1 -1
  41. package/dist/es/chunks/MenuContentImpl.js +1 -1
  42. package/dist/es/chunks/SelectItemAlignedPosition.js +1 -1
  43. package/dist/es/chunks/calendar.js +916 -0
  44. package/dist/es/chunks/components.js +9 -1
  45. package/dist/es/chunks/counter-input.js +1 -12
  46. package/dist/es/chunks/date-picker.js +92 -0
  47. package/dist/es/chunks/defu.js +29 -0
  48. package/dist/es/chunks/popover-content.js +1 -1
  49. package/dist/es/chunks/range-calendar.js +1163 -0
  50. package/dist/es/chunks/range-picker.js +224 -0
  51. package/dist/es/chunks/text-input.js +1 -1
  52. package/dist/es/chunks/tooltip-content.js +2 -1
  53. package/dist/es/chunks/useCalendar.js +2331 -0
  54. package/dist/es/chunks/useLocale.js +14 -0
  55. package/dist/es/date-picker.js +2 -0
  56. package/dist/es/index.js +6 -2
  57. package/dist/es/range-calendar.js +2 -0
  58. package/dist/es/range-picker.js +2 -0
  59. package/package.json +4 -3
  60. package/src/components/calendar/calendar.vue +305 -0
  61. package/src/components/calendar/index.ts +2 -0
  62. package/src/components/calendar/stories/calendar.stories.ts +76 -0
  63. package/src/components/date-picker/date-picker.vue +91 -0
  64. package/src/components/date-picker/index.ts +2 -0
  65. package/src/components/date-picker/stories/date-picker.stories.ts +92 -0
  66. package/src/components/index.ts +4 -0
  67. package/src/components/range-calendar/index.ts +2 -0
  68. package/src/components/range-calendar/range-calendar.vue +363 -0
  69. package/src/components/range-calendar/stories/range-calendar.stories.ts +46 -0
  70. package/src/components/range-picker/index.ts +2 -0
  71. package/src/components/range-picker/range-picker.vue +237 -0
  72. package/src/components/range-picker/stories/range-picker.stories.ts +97 -0
  73. 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");