@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.
- package/ai/component-registry.json +2 -2
- package/ai/component-registry.md +1 -1
- package/ai/icons.md +1 -1
- package/ai/tokens.md +1 -1
- package/dist/celeste.css +86 -86
- package/dist/cjs/chunks/calendar.cjs +71 -72
- package/dist/cjs/chunks/combobox-root.cjs +6 -6
- package/dist/cjs/chunks/digit-input.cjs +13 -12
- package/dist/cjs/chunks/dropdown-menu.cjs +9 -6
- package/dist/cjs/chunks/radio-group.cjs +4 -8
- package/dist/cjs/chunks/range-calendar.cjs +71 -72
- package/dist/cjs/chunks/scroll-area.cjs +16 -17
- package/dist/cjs/chunks/segmented-control.cjs +20 -21
- package/dist/cjs/chunks/select.cjs +8 -5
- package/dist/cjs/chunks/slider.cjs +14 -15
- package/dist/cjs/chunks/tab-menu.cjs +8 -9
- package/dist/cjs/command-root.cjs +8 -5
- package/dist/cjs/use-direction.cjs +4 -4
- package/dist/components/radio-group/radio-group.d.ts +2 -2
- package/dist/components/scroll-area/scroll-area.d.ts +2 -2
- package/dist/components/segmented-control/segmented-control.d.ts +2 -2
- package/dist/components/tab-menu/tab-menu.d.ts +2 -2
- package/dist/composables/use-direction.d.ts +2 -2
- package/dist/es/chunks/calendar.js +71 -72
- package/dist/es/chunks/combobox-root.js +6 -6
- package/dist/es/chunks/digit-input.js +14 -13
- package/dist/es/chunks/dropdown-menu.js +9 -6
- package/dist/es/chunks/radio-group.js +5 -9
- package/dist/es/chunks/range-calendar.js +71 -72
- package/dist/es/chunks/scroll-area.js +16 -17
- package/dist/es/chunks/segmented-control.js +21 -22
- package/dist/es/chunks/select.js +8 -5
- package/dist/es/chunks/slider.js +14 -15
- package/dist/es/chunks/tab-menu.js +9 -10
- package/dist/es/command-root.js +8 -5
- package/dist/es/use-direction.js +5 -5
- package/package.json +3 -3
- package/src/components/calendar/calendar.vue +62 -64
- package/src/components/combobox/combobox-root.vue +9 -5
- package/src/components/command/command-root.vue +10 -9
- package/src/components/digit-input/digit-input.vue +10 -11
- package/src/components/dropdown-menu/dropdown-menu.vue +9 -8
- package/src/components/radio-group/radio-group.vue +9 -10
- package/src/components/range-calendar/range-calendar.vue +63 -65
- package/src/components/scroll-area/scroll-area.vue +14 -15
- package/src/components/segmented-control/segmented-control.vue +20 -21
- package/src/components/select/select.vue +9 -8
- package/src/components/slider/slider.vue +16 -17
- package/src/components/tab-menu/tab-menu.vue +9 -10
- 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
|
|
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)(
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
}),
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
})
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
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)(() => [(
|
|
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
|
-
|
|
919
|
-
|
|
920
|
-
|
|
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
|
-
},
|
|
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-
|
|
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
|
|
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)(
|
|
42
|
-
default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(
|
|
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
|
-
},
|
|
45
|
+
}, 8, ["dir"])]),
|
|
46
46
|
_: 3
|
|
47
|
-
},
|
|
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-
|
|
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
|
|
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)(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
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
|
-
},
|
|
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-
|
|
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
|
|
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)(
|
|
34
|
-
|
|
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
|
-
},
|
|
40
|
+
}, 8, ["dir"])]),
|
|
38
41
|
_: 3
|
|
39
|
-
},
|
|
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-
|
|
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
|
|
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)(
|
|
40
|
-
default: (0, vue.withCtx)(() => [(0, vue.
|
|
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
|
-
},
|
|
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
|
|
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)(
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
}),
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
})
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
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)(() => [(
|
|
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
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
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
|
-
},
|
|
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-
|
|
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
|
|
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)(
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
}),
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
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
|
-
},
|
|
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-
|
|
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
|
|
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)(
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
},
|
|
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
|
-
},
|
|
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-
|
|
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,
|