@youcan/celeste 0.13.0 → 0.13.1

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 (50) hide show
  1. package/ai/component-registry.json +2 -2
  2. package/ai/component-registry.md +1 -1
  3. package/ai/icons.md +1 -1
  4. package/ai/tokens.md +1 -1
  5. package/dist/celeste.css +86 -86
  6. package/dist/cjs/chunks/calendar.cjs +71 -72
  7. package/dist/cjs/chunks/combobox-root.cjs +6 -6
  8. package/dist/cjs/chunks/digit-input.cjs +13 -12
  9. package/dist/cjs/chunks/dropdown-menu.cjs +9 -6
  10. package/dist/cjs/chunks/radio-group.cjs +4 -8
  11. package/dist/cjs/chunks/range-calendar.cjs +71 -72
  12. package/dist/cjs/chunks/scroll-area.cjs +16 -17
  13. package/dist/cjs/chunks/segmented-control.cjs +20 -21
  14. package/dist/cjs/chunks/select.cjs +8 -5
  15. package/dist/cjs/chunks/slider.cjs +14 -15
  16. package/dist/cjs/chunks/tab-menu.cjs +8 -9
  17. package/dist/cjs/command-root.cjs +8 -5
  18. package/dist/cjs/use-direction.cjs +4 -4
  19. package/dist/components/radio-group/radio-group.d.ts +2 -2
  20. package/dist/components/scroll-area/scroll-area.d.ts +2 -2
  21. package/dist/components/segmented-control/segmented-control.d.ts +2 -2
  22. package/dist/components/tab-menu/tab-menu.d.ts +2 -2
  23. package/dist/composables/use-direction.d.ts +2 -2
  24. package/dist/es/chunks/calendar.js +71 -72
  25. package/dist/es/chunks/combobox-root.js +6 -6
  26. package/dist/es/chunks/digit-input.js +14 -13
  27. package/dist/es/chunks/dropdown-menu.js +9 -6
  28. package/dist/es/chunks/radio-group.js +5 -9
  29. package/dist/es/chunks/range-calendar.js +71 -72
  30. package/dist/es/chunks/scroll-area.js +16 -17
  31. package/dist/es/chunks/segmented-control.js +21 -22
  32. package/dist/es/chunks/select.js +8 -5
  33. package/dist/es/chunks/slider.js +14 -15
  34. package/dist/es/chunks/tab-menu.js +9 -10
  35. package/dist/es/command-root.js +8 -5
  36. package/dist/es/use-direction.js +5 -5
  37. package/package.json +3 -3
  38. package/src/components/calendar/calendar.vue +62 -64
  39. package/src/components/combobox/combobox-root.vue +9 -5
  40. package/src/components/command/command-root.vue +10 -9
  41. package/src/components/digit-input/digit-input.vue +10 -11
  42. package/src/components/dropdown-menu/dropdown-menu.vue +9 -8
  43. package/src/components/radio-group/radio-group.vue +9 -10
  44. package/src/components/range-calendar/range-calendar.vue +63 -65
  45. package/src/components/scroll-area/scroll-area.vue +14 -15
  46. package/src/components/segmented-control/segmented-control.vue +20 -21
  47. package/src/components/select/select.vue +9 -8
  48. package/src/components/slider/slider.vue +16 -17
  49. package/src/components/tab-menu/tab-menu.vue +9 -10
  50. package/src/composables/use-direction.ts +6 -6
@@ -3,7 +3,6 @@ const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.c
3
3
  const require_createContext = require("./createContext.cjs");
4
4
  const require_dist = require("./dist2.cjs");
5
5
  const require_Primitive = require("./Primitive.cjs");
6
- const require_ConfigProvider = require("./ConfigProvider.cjs");
7
6
  const require_useCalendar = require("./useCalendar.cjs");
8
7
  const require_useDirection = require("./useDirection.cjs");
9
8
  const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
@@ -835,7 +834,7 @@ var calendar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue
835
834
  const emits = __emit;
836
835
  const delegatedProps = require_use_delegated_props.useDelegatedProps(props, ["class", "markedDates"]);
837
836
  const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
838
- const direction = require_use_direction.useDirection();
837
+ const dir = require_use_direction.useDirection(() => props.dir);
839
838
  function isMarked(date) {
840
839
  return props.markedDates?.some((marked) => require_useCalendar.$ad063034c8620db8$export$91b62ebf2ba703ee(marked, date)) ?? false;
841
840
  }
@@ -843,89 +842,89 @@ var calendar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue
843
842
  return /^[a-z]/i.test(day.trim()) ? day.slice(0, 2) : day;
844
843
  }
845
844
  return (_ctx, _cache) => {
846
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
847
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-calendar", props.class) }), {
848
- default: (0, vue.withCtx)(({ weekDays, grid }) => [(0, vue.createElementVNode)("div", _hoisted_1, [
849
- (0, vue.createVNode)((0, vue.unref)(CalendarPrev_default), { "as-child": "" }, {
850
- default: (0, vue.withCtx)(() => [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("button", {
851
- type: "button",
852
- class: "celeste-calendar-nav"
853
- }, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
854
- _: 1
855
- }),
856
- (0, vue.createVNode)((0, vue.unref)(CalendarHeading_default), { class: "celeste-calendar-heading" }),
857
- (0, vue.createVNode)((0, vue.unref)(CalendarNext_default), { "as-child": "" }, {
858
- default: (0, vue.withCtx)(() => [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("button", {
859
- type: "button",
860
- class: "celeste-calendar-nav"
861
- }, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
862
- _: 1
863
- })
864
- ]), (0, vue.createElementVNode)("div", _hoisted_2, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(grid, (month) => {
865
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarGrid_default), {
866
- key: month.value.toString(),
867
- class: "celeste-calendar-grid"
868
- }, {
869
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarGridHead_default), null, {
870
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarGridRow_default), { class: "celeste-calendar-week" }, {
871
- default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDays, (day) => {
872
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarHeadCell_default), {
873
- key: day,
874
- class: "celeste-calendar-weekday"
875
- }, {
876
- default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(weekdayLabel(day)), 1)]),
877
- _: 2
878
- }, 1024);
879
- }), 128))]),
880
- _: 2
881
- }, 1024)]),
882
- _: 2
883
- }, 1024), (0, vue.createVNode)((0, vue.unref)(CalendarGridBody_default), { class: "celeste-calendar-body" }, {
884
- default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(month.rows, (weekDates, index) => {
885
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarGridRow_default), {
886
- key: `week-${index}`,
887
- class: "celeste-calendar-week"
845
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
846
+ class: (0, vue.unref)(require_clsx.clsx)("celeste-calendar", props.class),
847
+ dir: (0, vue.unref)(dir)
848
+ }), {
849
+ default: (0, vue.withCtx)(({ weekDays, grid }) => [(0, vue.createElementVNode)("div", _hoisted_1, [
850
+ (0, vue.createVNode)((0, vue.unref)(CalendarPrev_default), { "as-child": "" }, {
851
+ default: (0, vue.withCtx)(() => [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("button", {
852
+ type: "button",
853
+ class: "celeste-calendar-nav"
854
+ }, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
855
+ _: 1
856
+ }),
857
+ (0, vue.createVNode)((0, vue.unref)(CalendarHeading_default), { class: "celeste-calendar-heading" }),
858
+ (0, vue.createVNode)((0, vue.unref)(CalendarNext_default), { "as-child": "" }, {
859
+ default: (0, vue.withCtx)(() => [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("button", {
860
+ type: "button",
861
+ class: "celeste-calendar-nav"
862
+ }, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
863
+ _: 1
864
+ })
865
+ ]), (0, vue.createElementVNode)("div", _hoisted_2, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(grid, (month) => {
866
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarGrid_default), {
867
+ key: month.value.toString(),
868
+ class: "celeste-calendar-grid"
869
+ }, {
870
+ default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarGridHead_default), null, {
871
+ default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarGridRow_default), { class: "celeste-calendar-week" }, {
872
+ default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDays, (day) => {
873
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarHeadCell_default), {
874
+ key: day,
875
+ class: "celeste-calendar-weekday"
888
876
  }, {
889
- default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDates, (weekDate) => {
890
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarCell_default), {
891
- key: weekDate.toString(),
892
- date: weekDate,
893
- class: "celeste-calendar-cell"
894
- }, {
895
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarCellTrigger_default), {
896
- day: weekDate,
897
- month: month.value,
898
- class: "celeste-calendar-day",
899
- "data-marked": isMarked(weekDate) ? "" : void 0
900
- }, {
901
- default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(weekDate.day), 1)]),
902
- _: 2
903
- }, 1032, [
904
- "day",
905
- "month",
906
- "data-marked"
907
- ])]),
908
- _: 2
909
- }, 1032, ["date"]);
910
- }), 128))]),
877
+ default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(weekdayLabel(day)), 1)]),
911
878
  _: 2
912
879
  }, 1024);
913
880
  }), 128))]),
914
881
  _: 2
915
882
  }, 1024)]),
916
883
  _: 2
917
- }, 1024);
918
- }), 128))])]),
919
- _: 1
920
- }, 16, ["class"])]),
884
+ }, 1024), (0, vue.createVNode)((0, vue.unref)(CalendarGridBody_default), { class: "celeste-calendar-body" }, {
885
+ default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(month.rows, (weekDates, index) => {
886
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarGridRow_default), {
887
+ key: `week-${index}`,
888
+ class: "celeste-calendar-week"
889
+ }, {
890
+ default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDates, (weekDate) => {
891
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarCell_default), {
892
+ key: weekDate.toString(),
893
+ date: weekDate,
894
+ class: "celeste-calendar-cell"
895
+ }, {
896
+ default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarCellTrigger_default), {
897
+ day: weekDate,
898
+ month: month.value,
899
+ class: "celeste-calendar-day",
900
+ "data-marked": isMarked(weekDate) ? "" : void 0
901
+ }, {
902
+ default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(weekDate.day), 1)]),
903
+ _: 2
904
+ }, 1032, [
905
+ "day",
906
+ "month",
907
+ "data-marked"
908
+ ])]),
909
+ _: 2
910
+ }, 1032, ["date"]);
911
+ }), 128))]),
912
+ _: 2
913
+ }, 1024);
914
+ }), 128))]),
915
+ _: 2
916
+ }, 1024)]),
917
+ _: 2
918
+ }, 1024);
919
+ }), 128))])]),
921
920
  _: 1
922
- }, 8, ["dir"]);
921
+ }, 16, ["class", "dir"]);
923
922
  };
924
923
  }
925
924
  });
926
925
  //#endregion
927
926
  //#region src/components/calendar/calendar.vue
928
- var calendar_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(calendar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f067ca68"]]);
927
+ var calendar_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(calendar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8b6a5725"]]);
929
928
  //#endregion
930
929
  Object.defineProperty(exports, "calendar_default", {
931
930
  enumerable: true,
@@ -36,21 +36,21 @@ var combobox_root_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
36
36
  setup(__props, { emit: __emit }) {
37
37
  const props = __props;
38
38
  const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(props, __emit);
39
- const direction = require_use_direction.useDirection();
39
+ const dir = require_use_direction.useDirection(() => props.dir);
40
40
  return (_ctx, _cache) => {
41
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
42
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_ComboboxRoot.ComboboxRoot_default), (0, vue.mergeProps)({ class: "celeste-combobox-root" }, (0, vue.unref)(forwarded)), {
41
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ComboboxRoot.ComboboxRoot_default), (0, vue.mergeProps)({ class: "celeste-combobox-root" }, (0, vue.unref)(forwarded), { dir: (0, vue.unref)(dir) }), {
42
+ default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: (0, vue.unref)(dir) }, {
43
43
  default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
44
44
  _: 3
45
- }, 16)]),
45
+ }, 8, ["dir"])]),
46
46
  _: 3
47
- }, 8, ["dir"]);
47
+ }, 16, ["dir"]);
48
48
  };
49
49
  }
50
50
  });
51
51
  //#endregion
52
52
  //#region src/components/combobox/combobox-root.vue
53
- var combobox_root_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_root_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7e1e8d15"]]);
53
+ var combobox_root_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_root_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-bfdab687"]]);
54
54
  //#endregion
55
55
  Object.defineProperty(exports, "combobox_root_default", {
56
56
  enumerable: true,
@@ -1,7 +1,6 @@
1
1
  const require_clsx = require("./clsx.cjs");
2
2
  const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
3
3
  const require_dist = require("./dist.cjs");
4
- const require_ConfigProvider = require("./ConfigProvider.cjs");
5
4
  const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
6
5
  const require_PinInputRoot = require("./PinInputRoot.cjs");
7
6
  const require_use_direction = require("../use-direction.cjs");
@@ -41,24 +40,26 @@ var digit_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
41
40
  const emits = __emit;
42
41
  const delegatedProps = require_dist.reactiveOmit(props, "class", "hasError");
43
42
  const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
44
- const direction = require_use_direction.useDirection();
43
+ const dir = require_use_direction.useDirection(() => props.dir);
45
44
  return (_ctx, _cache) => {
46
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
47
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_PinInputRoot.PinInputRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
48
- class: (0, vue.unref)(require_clsx.clsx)("celeste-digit-input", props.class),
49
- "data-error": __props.hasError
50
- }), {
51
- default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
52
- _: 3
53
- }, 16, ["class", "data-error"])]),
45
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_PinInputRoot.PinInputRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
46
+ class: (0, vue.unref)(require_clsx.clsx)("celeste-digit-input", props.class),
47
+ "data-error": __props.hasError,
48
+ dir: (0, vue.unref)(dir)
49
+ }), {
50
+ default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
54
51
  _: 3
55
- }, 8, ["dir"]);
52
+ }, 16, [
53
+ "class",
54
+ "data-error",
55
+ "dir"
56
+ ]);
56
57
  };
57
58
  }
58
59
  });
59
60
  //#endregion
60
61
  //#region src/components/digit-input/digit-input.vue
61
- var digit_input_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(digit_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-20a3fbb5"]]);
62
+ var digit_input_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(digit_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-12ddf69b"]]);
62
63
  //#endregion
63
64
  Object.defineProperty(exports, "digit_input_default", {
64
65
  enumerable: true,
@@ -28,21 +28,24 @@ var dropdown_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
28
28
  const emits = __emit;
29
29
  const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
30
30
  const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
31
- const direction = require_use_direction.useDirection();
31
+ const dir = require_use_direction.useDirection(() => props.dir);
32
32
  return (_ctx, _cache) => {
33
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
34
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_DropdownMenuRoot.DropdownMenuRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu", props.class) }), {
33
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DropdownMenuRoot.DropdownMenuRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
34
+ class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu", props.class),
35
+ dir: (0, vue.unref)(dir)
36
+ }), {
37
+ default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: (0, vue.unref)(dir) }, {
35
38
  default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
36
39
  _: 3
37
- }, 16, ["class"])]),
40
+ }, 8, ["dir"])]),
38
41
  _: 3
39
- }, 8, ["dir"]);
42
+ }, 16, ["class", "dir"]);
40
43
  };
41
44
  }
42
45
  });
43
46
  //#endregion
44
47
  //#region src/components/dropdown-menu/dropdown-menu.vue
45
- var dropdown_menu_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fa4c1e84"]]);
48
+ var dropdown_menu_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-154e9b38"]]);
46
49
  //#endregion
47
50
  Object.defineProperty(exports, "dropdown_menu_default", {
48
51
  enumerable: true,
@@ -1,5 +1,4 @@
1
1
  const require_clsx = require("./clsx.cjs");
2
- const require_ConfigProvider = require("./ConfigProvider.cjs");
3
2
  const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
4
3
  const require_RadioGroupRoot = require("./RadioGroupRoot.cjs");
5
4
  const require_use_delegated_props = require("../use-delegated-props.cjs");
@@ -34,15 +33,12 @@ var radio_group_default = /* @__PURE__ */ (0, vue.defineComponent)({
34
33
  const emits = __emit;
35
34
  const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
36
35
  const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
37
- const direction = require_use_direction.useDirection();
36
+ const dir = require_use_direction.useDirection(() => props.dir);
38
37
  return (_ctx, _cache) => {
39
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
40
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_RadioGroupRoot.RadioGroupRoot_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-radio-wrapper", props.class) }, (0, vue.unref)(forwarded)), {
41
- default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
42
- _: 3
43
- }, 16, ["class"])]),
38
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_RadioGroupRoot.RadioGroupRoot_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-radio-wrapper", props.class) }, (0, vue.unref)(forwarded), { dir: (0, vue.unref)(dir) }), {
39
+ default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
44
40
  _: 3
45
- }, 8, ["dir"]);
41
+ }, 16, ["class", "dir"]);
46
42
  };
47
43
  }
48
44
  });
@@ -3,7 +3,6 @@ const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.c
3
3
  const require_createContext = require("./createContext.cjs");
4
4
  const require_dist = require("./dist2.cjs");
5
5
  const require_Primitive = require("./Primitive.cjs");
6
- const require_ConfigProvider = require("./ConfigProvider.cjs");
7
6
  const require_useCalendar = require("./useCalendar.cjs");
8
7
  const require_useDirection = require("./useDirection.cjs");
9
8
  const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
@@ -1078,7 +1077,7 @@ var range_calendar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (
1078
1077
  const emits = __emit;
1079
1078
  const delegatedProps = require_use_delegated_props.useDelegatedProps(props, ["class", "markedDates"]);
1080
1079
  const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
1081
- const direction = require_use_direction.useDirection();
1080
+ const dir = require_use_direction.useDirection(() => props.dir);
1082
1081
  const monthFormatter = (0, vue.computed)(() => new require_useCalendar.$12a3c853105e5a70$export$ad991b66133851cf(props.locale ?? "en-US", {
1083
1082
  month: "long",
1084
1083
  year: "numeric"
@@ -1093,89 +1092,89 @@ var range_calendar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (
1093
1092
  return /^[a-z]/i.test(day.trim()) ? day.slice(0, 2) : day;
1094
1093
  }
1095
1094
  return (_ctx, _cache) => {
1096
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
1097
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-range-calendar", props.class) }), {
1098
- default: (0, vue.withCtx)(({ weekDays, grid }) => [(0, vue.createElementVNode)("div", _hoisted_1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(grid, (month) => {
1099
- return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
1100
- key: month.value.toString(),
1101
- class: "celeste-range-calendar-month"
1102
- }, [(0, vue.createElementVNode)("div", _hoisted_2, [
1103
- (0, vue.createVNode)((0, vue.unref)(RangeCalendarPrev_default), { "as-child": "" }, {
1104
- default: (0, vue.withCtx)(() => [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("button", {
1105
- type: "button",
1106
- class: "celeste-range-calendar-nav"
1107
- }, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
1108
- _: 1
1109
- }),
1110
- (0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(formatMonth(month.value)), 1),
1111
- (0, vue.createVNode)((0, vue.unref)(RangeCalendarNext_default), { "as-child": "" }, {
1112
- default: (0, vue.withCtx)(() => [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("button", {
1113
- type: "button",
1114
- class: "celeste-range-calendar-nav"
1115
- }, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
1116
- _: 1
1117
- })
1118
- ]), (0, vue.createVNode)((0, vue.unref)(RangeCalendarGrid_default), { class: "celeste-range-calendar-grid" }, {
1119
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarGridHead_default), null, {
1120
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarGridRow_default), { class: "celeste-range-calendar-week" }, {
1121
- default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDays, (day) => {
1122
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarHeadCell_default), {
1123
- key: day,
1124
- class: "celeste-range-calendar-weekday"
1125
- }, {
1126
- default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(weekdayLabel(day)), 1)]),
1127
- _: 2
1128
- }, 1024);
1129
- }), 128))]),
1130
- _: 2
1131
- }, 1024)]),
1132
- _: 2
1133
- }, 1024), (0, vue.createVNode)((0, vue.unref)(RangeCalendarGridBody_default), { class: "celeste-range-calendar-body" }, {
1134
- default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(month.rows, (weekDates, index) => {
1135
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarGridRow_default), {
1136
- key: `week-${index}`,
1137
- class: "celeste-range-calendar-week"
1095
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
1096
+ class: (0, vue.unref)(require_clsx.clsx)("celeste-range-calendar", props.class),
1097
+ dir: (0, vue.unref)(dir)
1098
+ }), {
1099
+ default: (0, vue.withCtx)(({ weekDays, grid }) => [(0, vue.createElementVNode)("div", _hoisted_1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(grid, (month) => {
1100
+ return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
1101
+ key: month.value.toString(),
1102
+ class: "celeste-range-calendar-month"
1103
+ }, [(0, vue.createElementVNode)("div", _hoisted_2, [
1104
+ (0, vue.createVNode)((0, vue.unref)(RangeCalendarPrev_default), { "as-child": "" }, {
1105
+ default: (0, vue.withCtx)(() => [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("button", {
1106
+ type: "button",
1107
+ class: "celeste-range-calendar-nav"
1108
+ }, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
1109
+ _: 1
1110
+ }),
1111
+ (0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(formatMonth(month.value)), 1),
1112
+ (0, vue.createVNode)((0, vue.unref)(RangeCalendarNext_default), { "as-child": "" }, {
1113
+ default: (0, vue.withCtx)(() => [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("button", {
1114
+ type: "button",
1115
+ class: "celeste-range-calendar-nav"
1116
+ }, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
1117
+ _: 1
1118
+ })
1119
+ ]), (0, vue.createVNode)((0, vue.unref)(RangeCalendarGrid_default), { class: "celeste-range-calendar-grid" }, {
1120
+ default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarGridHead_default), null, {
1121
+ default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarGridRow_default), { class: "celeste-range-calendar-week" }, {
1122
+ default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDays, (day) => {
1123
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarHeadCell_default), {
1124
+ key: day,
1125
+ class: "celeste-range-calendar-weekday"
1138
1126
  }, {
1139
- default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDates, (weekDate) => {
1140
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarCell_default), {
1141
- key: weekDate.toString(),
1142
- date: weekDate,
1143
- class: "celeste-range-calendar-cell"
1144
- }, {
1145
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarCellTrigger_default), {
1146
- day: weekDate,
1147
- month: month.value,
1148
- class: "celeste-range-calendar-day",
1149
- "data-marked": isMarked(weekDate) ? "" : void 0
1150
- }, {
1151
- default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_4, (0, vue.toDisplayString)(weekDate.day), 1)]),
1152
- _: 2
1153
- }, 1032, [
1154
- "day",
1155
- "month",
1156
- "data-marked"
1157
- ])]),
1158
- _: 2
1159
- }, 1032, ["date"]);
1160
- }), 128))]),
1127
+ default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(weekdayLabel(day)), 1)]),
1161
1128
  _: 2
1162
1129
  }, 1024);
1163
1130
  }), 128))]),
1164
1131
  _: 2
1165
1132
  }, 1024)]),
1166
1133
  _: 2
1167
- }, 1024)]);
1168
- }), 128))])]),
1169
- _: 1
1170
- }, 16, ["class"])]),
1134
+ }, 1024), (0, vue.createVNode)((0, vue.unref)(RangeCalendarGridBody_default), { class: "celeste-range-calendar-body" }, {
1135
+ default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(month.rows, (weekDates, index) => {
1136
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarGridRow_default), {
1137
+ key: `week-${index}`,
1138
+ class: "celeste-range-calendar-week"
1139
+ }, {
1140
+ default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDates, (weekDate) => {
1141
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarCell_default), {
1142
+ key: weekDate.toString(),
1143
+ date: weekDate,
1144
+ class: "celeste-range-calendar-cell"
1145
+ }, {
1146
+ default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarCellTrigger_default), {
1147
+ day: weekDate,
1148
+ month: month.value,
1149
+ class: "celeste-range-calendar-day",
1150
+ "data-marked": isMarked(weekDate) ? "" : void 0
1151
+ }, {
1152
+ default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_4, (0, vue.toDisplayString)(weekDate.day), 1)]),
1153
+ _: 2
1154
+ }, 1032, [
1155
+ "day",
1156
+ "month",
1157
+ "data-marked"
1158
+ ])]),
1159
+ _: 2
1160
+ }, 1032, ["date"]);
1161
+ }), 128))]),
1162
+ _: 2
1163
+ }, 1024);
1164
+ }), 128))]),
1165
+ _: 2
1166
+ }, 1024)]),
1167
+ _: 2
1168
+ }, 1024)]);
1169
+ }), 128))])]),
1171
1170
  _: 1
1172
- }, 8, ["dir"]);
1171
+ }, 16, ["class", "dir"]);
1173
1172
  };
1174
1173
  }
1175
1174
  });
1176
1175
  //#endregion
1177
1176
  //#region src/components/range-calendar/range-calendar.vue
1178
- var range_calendar_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(range_calendar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-87d63238"]]);
1177
+ var range_calendar_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(range_calendar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ebdaadb8"]]);
1179
1178
  //#endregion
1180
1179
  Object.defineProperty(exports, "range_calendar_default", {
1181
1180
  enumerable: true,
@@ -2,7 +2,6 @@ const require_clsx = require("./clsx.cjs");
2
2
  const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
3
3
  const require_dist = require("./dist2.cjs");
4
4
  const require_Primitive = require("./Primitive.cjs");
5
- const require_ConfigProvider = require("./ConfigProvider.cjs");
6
5
  const require_useForwardExpose = require("./useForwardExpose.cjs");
7
6
  const require_useNonce = require("./useNonce.cjs");
8
7
  const require_scroll_bar = require("./scroll-bar.cjs");
@@ -161,29 +160,29 @@ var scroll_area_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
161
160
  setup(__props) {
162
161
  const props = __props;
163
162
  const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
164
- const direction = require_use_direction.useDirection();
163
+ const dir = require_use_direction.useDirection(() => props.dir);
165
164
  return (_ctx, _cache) => {
166
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
167
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_scroll_bar.ScrollAreaRoot_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-scroll-area", props.class) }), {
168
- default: (0, vue.withCtx)(() => [
169
- (0, vue.createVNode)((0, vue.unref)(ScrollAreaViewport_default), { class: "celeste-scroll-area-viewport" }, {
170
- default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
171
- _: 3
172
- }),
173
- (0, vue.createVNode)(require_scroll_bar.scroll_bar_default),
174
- (0, vue.createVNode)(require_scroll_bar.scroll_bar_default, { orientation: "horizontal" }),
175
- (0, vue.createVNode)((0, vue.unref)(ScrollAreaCorner_default))
176
- ]),
177
- _: 3
178
- }, 16, ["class"])]),
165
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_scroll_bar.ScrollAreaRoot_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
166
+ class: (0, vue.unref)(require_clsx.clsx)("celeste-scroll-area", props.class),
167
+ dir: (0, vue.unref)(dir)
168
+ }), {
169
+ default: (0, vue.withCtx)(() => [
170
+ (0, vue.createVNode)((0, vue.unref)(ScrollAreaViewport_default), { class: "celeste-scroll-area-viewport" }, {
171
+ default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
172
+ _: 3
173
+ }),
174
+ (0, vue.createVNode)(require_scroll_bar.scroll_bar_default),
175
+ (0, vue.createVNode)(require_scroll_bar.scroll_bar_default, { orientation: "horizontal" }),
176
+ (0, vue.createVNode)((0, vue.unref)(ScrollAreaCorner_default))
177
+ ]),
179
178
  _: 3
180
- }, 8, ["dir"]);
179
+ }, 16, ["class", "dir"]);
181
180
  };
182
181
  }
183
182
  });
184
183
  //#endregion
185
184
  //#region src/components/scroll-area/scroll-area.vue
186
- var scroll_area_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(scroll_area_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1bb37e0a"]]);
185
+ var scroll_area_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(scroll_area_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0933ded6"]]);
187
186
  //#endregion
188
187
  Object.defineProperty(exports, "scroll_area_default", {
189
188
  enumerable: true,
@@ -1,6 +1,5 @@
1
1
  const require_clsx = require("./clsx.cjs");
2
2
  const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
3
- const require_ConfigProvider = require("./ConfigProvider.cjs");
4
3
  const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
5
4
  const require_ToggleGroupRoot = require("./ToggleGroupRoot.cjs");
6
5
  const require_use_delegated_props = require("../use-delegated-props.cjs");
@@ -37,34 +36,34 @@ var segmented_control_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
37
36
  const emits = __emit;
38
37
  const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
39
38
  const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
40
- const direction = require_use_direction.useDirection();
39
+ const dir = require_use_direction.useDirection(() => props.dir);
41
40
  const { listRef, indicator, ready } = require_use_tab_observer.useTabObserver("[data-state=\"on\"]");
42
41
  return (_ctx, _cache) => {
43
- return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
44
- default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_ToggleGroupRoot.ToggleGroupRoot_default), (0, vue.mergeProps)({
45
- ref_key: "listRef",
46
- ref: listRef,
47
- class: (0, vue.unref)(require_clsx.clsx)("celeste-segmented-control", props.class)
48
- }, (0, vue.unref)(forwarded), { type: "single" }), {
49
- default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true), (0, vue.createElementVNode)("div", {
50
- hidden: !(0, vue.unref)(ready),
51
- class: "celeste-segmented-control-indicator",
52
- style: (0, vue.normalizeStyle)({
53
- width: `${(0, vue.unref)(indicator).width}px`,
54
- height: `${(0, vue.unref)(indicator).height}px`,
55
- transform: `translate3d(${(0, vue.unref)(indicator).left}px, ${(0, vue.unref)(indicator).top}px, 0)`
56
- })
57
- }, null, 12, _hoisted_1)]),
58
- _: 3
59
- }, 16, ["class"])]),
42
+ return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ToggleGroupRoot.ToggleGroupRoot_default), (0, vue.mergeProps)({
43
+ ref_key: "listRef",
44
+ ref: listRef,
45
+ class: (0, vue.unref)(require_clsx.clsx)("celeste-segmented-control", props.class)
46
+ }, (0, vue.unref)(forwarded), {
47
+ type: "single",
48
+ dir: (0, vue.unref)(dir)
49
+ }), {
50
+ default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true), (0, vue.createElementVNode)("div", {
51
+ hidden: !(0, vue.unref)(ready),
52
+ class: "celeste-segmented-control-indicator",
53
+ style: (0, vue.normalizeStyle)({
54
+ width: `${(0, vue.unref)(indicator).width}px`,
55
+ height: `${(0, vue.unref)(indicator).height}px`,
56
+ transform: `translate3d(${(0, vue.unref)(indicator).left}px, ${(0, vue.unref)(indicator).top}px, 0)`
57
+ })
58
+ }, null, 12, _hoisted_1)]),
60
59
  _: 3
61
- }, 8, ["dir"]);
60
+ }, 16, ["class", "dir"]);
62
61
  };
63
62
  }
64
63
  });
65
64
  //#endregion
66
65
  //#region src/components/segmented-control/segmented-control.vue
67
- var segmented_control_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(segmented_control_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1b4b28d6"]]);
66
+ var segmented_control_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(segmented_control_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e04f0e52"]]);
68
67
  //#endregion
69
68
  Object.defineProperty(exports, "segmented_control_default", {
70
69
  enumerable: true,