@youcan/celeste 0.16.0 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ai/README.md +1 -1
- package/ai/component-registry.json +333 -3
- package/ai/icons.json +2 -2
- package/ai/tokens.json +2 -2
- package/dist/celeste.css +236 -214
- package/dist/cjs/chunks/DrawerDescription.cjs +37 -0
- package/dist/cjs/chunks/DrawerTitle.cjs +37 -0
- package/dist/cjs/chunks/components.cjs +29 -11
- package/dist/cjs/chunks/dialog-body.cjs +46 -0
- package/dist/cjs/chunks/dialog-close.cjs +31 -0
- package/dist/cjs/chunks/dialog-content.cjs +39 -0
- package/dist/cjs/chunks/dialog-description.cjs +37 -0
- package/dist/cjs/chunks/dialog-footer.cjs +46 -0
- package/dist/cjs/chunks/dialog-header.cjs +39 -0
- package/dist/cjs/chunks/dialog-title.cjs +37 -0
- package/dist/cjs/chunks/dialog-trigger.cjs +31 -0
- package/dist/cjs/chunks/dialog.cjs +76 -0
- package/dist/cjs/chunks/drawer-description.cjs +2 -31
- package/dist/cjs/chunks/drawer-header.cjs +1 -1
- package/dist/cjs/chunks/drawer-title.cjs +2 -31
- package/dist/cjs/context.cjs +6 -0
- package/dist/cjs/dialog-body.cjs +2 -0
- package/dist/cjs/dialog-close.cjs +2 -0
- package/dist/cjs/dialog-content.cjs +2 -0
- package/dist/cjs/dialog-description.cjs +2 -0
- package/dist/cjs/dialog-footer.cjs +2 -0
- package/dist/cjs/dialog-header.cjs +2 -0
- package/dist/cjs/dialog-title.cjs +2 -0
- package/dist/cjs/dialog-trigger.cjs +2 -0
- package/dist/cjs/dialog.cjs +2 -0
- package/dist/cjs/index.cjs +29 -11
- package/dist/components/dialog/context.d.ts +14 -0
- package/dist/components/dialog/dialog-body.d.ts +19 -0
- package/dist/components/dialog/dialog-close.d.ts +15 -0
- package/dist/components/dialog/dialog-content.d.ts +19 -0
- package/dist/components/dialog/dialog-description.d.ts +17 -0
- package/dist/components/dialog/dialog-footer.d.ts +19 -0
- package/dist/components/dialog/dialog-header.d.ts +13 -0
- package/dist/components/dialog/dialog-title.d.ts +17 -0
- package/dist/components/dialog/dialog-trigger.d.ts +15 -0
- package/dist/components/dialog/dialog.d.ts +28 -0
- package/dist/components/dialog/index.d.ts +18 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/es/chunks/DrawerDescription.js +32 -0
- package/dist/es/chunks/DrawerTitle.js +32 -0
- package/dist/es/chunks/components.js +29 -11
- package/dist/es/chunks/dialog-body.js +39 -0
- package/dist/es/chunks/dialog-close.js +26 -0
- package/dist/es/chunks/dialog-content.js +34 -0
- package/dist/es/chunks/dialog-description.js +30 -0
- package/dist/es/chunks/dialog-footer.js +39 -0
- package/dist/es/chunks/dialog-header.js +34 -0
- package/dist/es/chunks/dialog-title.js +30 -0
- package/dist/es/chunks/dialog-trigger.js +26 -0
- package/dist/es/chunks/dialog.js +71 -0
- package/dist/es/chunks/drawer-description.js +1 -29
- package/dist/es/chunks/drawer-header.js +1 -1
- package/dist/es/chunks/drawer-title.js +1 -29
- package/dist/es/context.js +5 -0
- package/dist/es/dialog-body.js +2 -0
- package/dist/es/dialog-close.js +2 -0
- package/dist/es/dialog-content.js +2 -0
- package/dist/es/dialog-description.js +2 -0
- package/dist/es/dialog-footer.js +2 -0
- package/dist/es/dialog-header.js +2 -0
- package/dist/es/dialog-title.js +2 -0
- package/dist/es/dialog-trigger.js +2 -0
- package/dist/es/dialog.js +2 -0
- package/dist/es/index.js +21 -12
- package/package.json +3 -3
- package/src/components/dialog/context.ts +4 -0
- package/src/components/dialog/dialog-body.vue +30 -0
- package/src/components/dialog/dialog-close.vue +16 -0
- package/src/components/dialog/dialog-content.vue +23 -0
- package/src/components/dialog/dialog-description.vue +28 -0
- package/src/components/dialog/dialog-footer.vue +32 -0
- package/src/components/dialog/dialog-header.vue +29 -0
- package/src/components/dialog/dialog-title.vue +28 -0
- package/src/components/dialog/dialog-trigger.vue +16 -0
- package/src/components/dialog/dialog.vue +38 -0
- package/src/components/dialog/index.ts +18 -0
- package/src/components/dialog/stories/dialog.stories.ts +74 -0
- package/src/components/index.ts +1 -0
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
const require_context = require("../context.cjs");
|
|
2
|
+
const require_drawer_close = require("./drawer-close.cjs");
|
|
3
|
+
const require_modal_close = require("./modal-close.cjs");
|
|
4
|
+
let vue = require("vue");
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/dialog/dialog-close.vue
|
|
7
|
+
var dialog_close_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
8
|
+
__name: "dialog-close",
|
|
9
|
+
setup(__props) {
|
|
10
|
+
const { drawer } = require_context.injectDialogContext();
|
|
11
|
+
return (_ctx, _cache) => {
|
|
12
|
+
return (0, vue.unref)(drawer) ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_drawer_close.drawer_close_default, {
|
|
13
|
+
key: 0,
|
|
14
|
+
"as-child": ""
|
|
15
|
+
}, {
|
|
16
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
17
|
+
_: 3
|
|
18
|
+
})) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_modal_close.modal_close_default, { key: 1 }, {
|
|
19
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
20
|
+
_: 3
|
|
21
|
+
}));
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
//#endregion
|
|
26
|
+
Object.defineProperty(exports, "dialog_close_default", {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
get: function() {
|
|
29
|
+
return dialog_close_default;
|
|
30
|
+
}
|
|
31
|
+
});
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
const require_drawer_content = require("./drawer-content.cjs");
|
|
2
|
+
const require_context = require("../context.cjs");
|
|
3
|
+
const require_modal_content = require("./modal-content.cjs");
|
|
4
|
+
let vue = require("vue");
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/dialog/dialog-content.vue
|
|
7
|
+
var dialog_content_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
8
|
+
__name: "dialog-content",
|
|
9
|
+
props: { style: { type: [
|
|
10
|
+
Boolean,
|
|
11
|
+
null,
|
|
12
|
+
String,
|
|
13
|
+
Object,
|
|
14
|
+
Array
|
|
15
|
+
] } },
|
|
16
|
+
setup(__props) {
|
|
17
|
+
const props = __props;
|
|
18
|
+
const { drawer } = require_context.injectDialogContext();
|
|
19
|
+
return (_ctx, _cache) => {
|
|
20
|
+
return (0, vue.unref)(drawer) ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_drawer_content.drawer_content_default, { key: 0 }, {
|
|
21
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
22
|
+
_: 3
|
|
23
|
+
})) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_modal_content.modal_content_default, {
|
|
24
|
+
key: 1,
|
|
25
|
+
style: (0, vue.normalizeStyle)(props.style)
|
|
26
|
+
}, {
|
|
27
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
28
|
+
_: 3
|
|
29
|
+
}, 8, ["style"]));
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
//#endregion
|
|
34
|
+
Object.defineProperty(exports, "dialog_content_default", {
|
|
35
|
+
enumerable: true,
|
|
36
|
+
get: function() {
|
|
37
|
+
return dialog_content_default;
|
|
38
|
+
}
|
|
39
|
+
});
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
const require_clsx = require("./clsx.cjs");
|
|
2
|
+
const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
|
|
3
|
+
const require_DialogDescription = require("./DialogDescription.cjs");
|
|
4
|
+
const require_DrawerDescription = require("./DrawerDescription.cjs");
|
|
5
|
+
const require_context = require("../context.cjs");
|
|
6
|
+
let vue = require("vue");
|
|
7
|
+
//#region src/components/dialog/dialog-description.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var dialog_description_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
|
|
9
|
+
__name: "dialog-description",
|
|
10
|
+
props: { class: { type: [
|
|
11
|
+
Boolean,
|
|
12
|
+
null,
|
|
13
|
+
String,
|
|
14
|
+
Object,
|
|
15
|
+
Array
|
|
16
|
+
] } },
|
|
17
|
+
setup(__props) {
|
|
18
|
+
const props = __props;
|
|
19
|
+
const { drawer } = require_context.injectDialogContext();
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(drawer) ? (0, vue.unref)(require_DrawerDescription.DrawerDescription_default) : (0, vue.unref)(require_DialogDescription.DialogDescription_default)), { class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-dialog-description", props.class)) }, {
|
|
22
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
|
|
23
|
+
_: 3
|
|
24
|
+
}, 8, ["class"]);
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/dialog/dialog-description.vue
|
|
30
|
+
var dialog_description_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dialog_description_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fd5ff31d"]]);
|
|
31
|
+
//#endregion
|
|
32
|
+
Object.defineProperty(exports, "dialog_description_default", {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function() {
|
|
35
|
+
return dialog_description_default;
|
|
36
|
+
}
|
|
37
|
+
});
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
const require_clsx = require("./clsx.cjs");
|
|
2
|
+
const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
|
|
3
|
+
const require_context = require("../context.cjs");
|
|
4
|
+
const require_drawer_footer = require("./drawer-footer.cjs");
|
|
5
|
+
const require_modal_footer = require("./modal-footer.cjs");
|
|
6
|
+
let vue = require("vue");
|
|
7
|
+
//#region src/components/dialog/dialog-footer.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var dialog_footer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
|
|
9
|
+
__name: "dialog-footer",
|
|
10
|
+
props: { class: { type: [
|
|
11
|
+
Boolean,
|
|
12
|
+
null,
|
|
13
|
+
String,
|
|
14
|
+
Object,
|
|
15
|
+
Array
|
|
16
|
+
] } },
|
|
17
|
+
setup(__props) {
|
|
18
|
+
const props = __props;
|
|
19
|
+
const { drawer } = require_context.injectDialogContext();
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
return (0, vue.unref)(drawer) ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_drawer_footer.drawer_footer_default, {
|
|
22
|
+
key: 0,
|
|
23
|
+
class: (0, vue.normalizeClass)(props.class)
|
|
24
|
+
}, {
|
|
25
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
|
|
26
|
+
_: 3
|
|
27
|
+
}, 8, ["class"])) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_modal_footer.modal_footer_default, {
|
|
28
|
+
key: 1,
|
|
29
|
+
class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-dialog-footer", props.class))
|
|
30
|
+
}, {
|
|
31
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
|
|
32
|
+
_: 3
|
|
33
|
+
}, 8, ["class"]));
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
//#endregion
|
|
38
|
+
//#region src/components/dialog/dialog-footer.vue
|
|
39
|
+
var dialog_footer_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dialog_footer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d868b08a"]]);
|
|
40
|
+
//#endregion
|
|
41
|
+
Object.defineProperty(exports, "dialog_footer_default", {
|
|
42
|
+
enumerable: true,
|
|
43
|
+
get: function() {
|
|
44
|
+
return dialog_footer_default;
|
|
45
|
+
}
|
|
46
|
+
});
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
const require_context = require("../context.cjs");
|
|
2
|
+
const require_drawer_header = require("./drawer-header.cjs");
|
|
3
|
+
const require_modal_header = require("./modal-header.cjs");
|
|
4
|
+
let vue = require("vue");
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/dialog/dialog-header.vue
|
|
7
|
+
var dialog_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
8
|
+
__name: "dialog-header",
|
|
9
|
+
props: {
|
|
10
|
+
title: {},
|
|
11
|
+
description: {},
|
|
12
|
+
icon: {},
|
|
13
|
+
dismissible: {
|
|
14
|
+
type: Boolean,
|
|
15
|
+
default: true
|
|
16
|
+
},
|
|
17
|
+
class: { type: [
|
|
18
|
+
Boolean,
|
|
19
|
+
null,
|
|
20
|
+
String,
|
|
21
|
+
Object,
|
|
22
|
+
Array
|
|
23
|
+
] }
|
|
24
|
+
},
|
|
25
|
+
setup(__props) {
|
|
26
|
+
const props = __props;
|
|
27
|
+
const { drawer } = require_context.injectDialogContext();
|
|
28
|
+
return (_ctx, _cache) => {
|
|
29
|
+
return (0, vue.unref)(drawer) ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_drawer_header.drawer_header_default, (0, vue.mergeProps)({ key: 0 }, props, { divider: "" }), null, 16)) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_modal_header.modal_header_default, (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 1 }, props)), null, 16));
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
//#endregion
|
|
34
|
+
Object.defineProperty(exports, "dialog_header_default", {
|
|
35
|
+
enumerable: true,
|
|
36
|
+
get: function() {
|
|
37
|
+
return dialog_header_default;
|
|
38
|
+
}
|
|
39
|
+
});
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
const require_clsx = require("./clsx.cjs");
|
|
2
|
+
const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
|
|
3
|
+
const require_DialogTitle = require("./DialogTitle.cjs");
|
|
4
|
+
const require_DrawerTitle = require("./DrawerTitle.cjs");
|
|
5
|
+
const require_context = require("../context.cjs");
|
|
6
|
+
let vue = require("vue");
|
|
7
|
+
//#region src/components/dialog/dialog-title.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var dialog_title_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
|
|
9
|
+
__name: "dialog-title",
|
|
10
|
+
props: { class: { type: [
|
|
11
|
+
Boolean,
|
|
12
|
+
null,
|
|
13
|
+
String,
|
|
14
|
+
Object,
|
|
15
|
+
Array
|
|
16
|
+
] } },
|
|
17
|
+
setup(__props) {
|
|
18
|
+
const props = __props;
|
|
19
|
+
const { drawer } = require_context.injectDialogContext();
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(drawer) ? (0, vue.unref)(require_DrawerTitle.DrawerTitle_default) : (0, vue.unref)(require_DialogTitle.DialogTitle_default)), { class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-dialog-title", props.class)) }, {
|
|
22
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
|
|
23
|
+
_: 3
|
|
24
|
+
}, 8, ["class"]);
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/dialog/dialog-title.vue
|
|
30
|
+
var dialog_title_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dialog_title_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b3eb21b2"]]);
|
|
31
|
+
//#endregion
|
|
32
|
+
Object.defineProperty(exports, "dialog_title_default", {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function() {
|
|
35
|
+
return dialog_title_default;
|
|
36
|
+
}
|
|
37
|
+
});
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
const require_drawer_trigger = require("./drawer-trigger.cjs");
|
|
2
|
+
const require_context = require("../context.cjs");
|
|
3
|
+
const require_modal_trigger = require("./modal-trigger.cjs");
|
|
4
|
+
let vue = require("vue");
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/dialog/dialog-trigger.vue
|
|
7
|
+
var dialog_trigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
8
|
+
__name: "dialog-trigger",
|
|
9
|
+
setup(__props) {
|
|
10
|
+
const { drawer } = require_context.injectDialogContext();
|
|
11
|
+
return (_ctx, _cache) => {
|
|
12
|
+
return (0, vue.unref)(drawer) ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_drawer_trigger.drawer_trigger_default, {
|
|
13
|
+
key: 0,
|
|
14
|
+
"as-child": ""
|
|
15
|
+
}, {
|
|
16
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
17
|
+
_: 3
|
|
18
|
+
})) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_modal_trigger.modal_trigger_default, { key: 1 }, {
|
|
19
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
20
|
+
_: 3
|
|
21
|
+
}));
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
//#endregion
|
|
26
|
+
Object.defineProperty(exports, "dialog_trigger_default", {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
get: function() {
|
|
29
|
+
return dialog_trigger_default;
|
|
30
|
+
}
|
|
31
|
+
});
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
const require_dist = require("./dist2.cjs");
|
|
2
|
+
const require_context = require("../context.cjs");
|
|
3
|
+
const require_drawer = require("./drawer.cjs");
|
|
4
|
+
const require_modal = require("./modal.cjs");
|
|
5
|
+
let vue = require("vue");
|
|
6
|
+
//#region ../celeste-tokens/dist/json/breakpoint.json
|
|
7
|
+
var breakpoint = {
|
|
8
|
+
"sm": {
|
|
9
|
+
"$value": 640,
|
|
10
|
+
"$type": "dimension"
|
|
11
|
+
},
|
|
12
|
+
"md": {
|
|
13
|
+
"$value": 768,
|
|
14
|
+
"$type": "dimension"
|
|
15
|
+
},
|
|
16
|
+
"lg": {
|
|
17
|
+
"$value": 1024,
|
|
18
|
+
"$type": "dimension"
|
|
19
|
+
},
|
|
20
|
+
"xl": {
|
|
21
|
+
"$value": 1280,
|
|
22
|
+
"$type": "dimension"
|
|
23
|
+
},
|
|
24
|
+
"2xl": {
|
|
25
|
+
"$value": 1536,
|
|
26
|
+
"$type": "dimension"
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
//#endregion
|
|
30
|
+
//#region src/components/dialog/dialog.vue
|
|
31
|
+
var dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
32
|
+
__name: "dialog",
|
|
33
|
+
props: {
|
|
34
|
+
open: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
default: void 0
|
|
37
|
+
},
|
|
38
|
+
defaultOpen: { type: Boolean },
|
|
39
|
+
breakpoint: { default: "sm" }
|
|
40
|
+
},
|
|
41
|
+
emits: ["update:open"],
|
|
42
|
+
setup(__props, { emit: __emit }) {
|
|
43
|
+
const props = __props;
|
|
44
|
+
const open = require_dist.useVModel(props, "open", __emit, {
|
|
45
|
+
passive: true,
|
|
46
|
+
defaultValue: props.defaultOpen
|
|
47
|
+
});
|
|
48
|
+
const drawer = require_dist.useMediaQuery(() => `(width < ${breakpoint[props.breakpoint].$value}px)`);
|
|
49
|
+
require_context.provideDialogContext({ drawer });
|
|
50
|
+
return (_ctx, _cache) => {
|
|
51
|
+
return (0, vue.unref)(drawer) ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_drawer.drawer_default, {
|
|
52
|
+
key: 0,
|
|
53
|
+
open: (0, vue.unref)(open),
|
|
54
|
+
"onUpdate:open": _cache[0] || (_cache[0] = ($event) => (0, vue.isRef)(open) ? open.value = $event : null),
|
|
55
|
+
side: "bottom"
|
|
56
|
+
}, {
|
|
57
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
58
|
+
_: 3
|
|
59
|
+
}, 8, ["open"])) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_modal.modal_default, {
|
|
60
|
+
key: 1,
|
|
61
|
+
open: (0, vue.unref)(open),
|
|
62
|
+
"onUpdate:open": _cache[1] || (_cache[1] = ($event) => (0, vue.isRef)(open) ? open.value = $event : null)
|
|
63
|
+
}, {
|
|
64
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
65
|
+
_: 3
|
|
66
|
+
}, 8, ["open"]));
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
//#endregion
|
|
71
|
+
Object.defineProperty(exports, "dialog_default", {
|
|
72
|
+
enumerable: true,
|
|
73
|
+
get: function() {
|
|
74
|
+
return dialog_default;
|
|
75
|
+
}
|
|
76
|
+
});
|
|
@@ -1,37 +1,8 @@
|
|
|
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
|
|
5
|
-
const require_useForwardExpose = require("./useForwardExpose.cjs");
|
|
6
|
-
const require_DrawerRoot = require("./DrawerRoot.cjs");
|
|
4
|
+
const require_DrawerDescription = require("./DrawerDescription.cjs");
|
|
7
5
|
let vue = require("vue");
|
|
8
|
-
//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Drawer/DrawerDescription.js
|
|
9
|
-
var DrawerDescription_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
10
|
-
__name: "DrawerDescription",
|
|
11
|
-
props: {
|
|
12
|
-
asChild: {
|
|
13
|
-
type: Boolean,
|
|
14
|
-
required: false
|
|
15
|
-
},
|
|
16
|
-
as: {
|
|
17
|
-
type: null,
|
|
18
|
-
required: false,
|
|
19
|
-
default: "p"
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
setup(__props) {
|
|
23
|
-
const props = __props;
|
|
24
|
-
require_useForwardExpose.useForwardExpose();
|
|
25
|
-
const rootContext = require_DrawerRoot.injectDrawerRootContext();
|
|
26
|
-
return (_ctx, _cache) => {
|
|
27
|
-
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, { id: (0, vue.unref)(rootContext).descriptionId }), {
|
|
28
|
-
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
29
|
-
_: 3
|
|
30
|
-
}, 16, ["id"]);
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
//#endregion
|
|
35
6
|
//#region src/components/drawer/drawer-description.vue?vue&type=script&setup=true&lang.ts
|
|
36
7
|
var drawer_description_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
|
|
37
8
|
__name: "drawer-description",
|
|
@@ -50,7 +21,7 @@ var drawer_description_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
|
|
|
50
21
|
const props = __props;
|
|
51
22
|
const delegated = require_dist.reactiveOmit(props, "class");
|
|
52
23
|
return (_ctx, _cache) => {
|
|
53
|
-
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DrawerDescription_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-drawer-description", props.class) }, (0, vue.unref)(delegated)), {
|
|
24
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DrawerDescription.DrawerDescription_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-drawer-description", props.class) }, (0, vue.unref)(delegated)), {
|
|
54
25
|
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
|
|
55
26
|
_: 3
|
|
56
27
|
}, 16, ["class"]);
|
|
@@ -1,9 +1,9 @@
|
|
|
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_DrawerClose = require("./DrawerClose.cjs");
|
|
4
|
+
const require_compact_button = require("./compact-button.cjs");
|
|
4
5
|
const require_drawer_description = require("./drawer-description.cjs");
|
|
5
6
|
const require_drawer_title = require("./drawer-title.cjs");
|
|
6
|
-
const require_compact_button = require("./compact-button.cjs");
|
|
7
7
|
let vue = require("vue");
|
|
8
8
|
//#region src/components/drawer/drawer-header.vue?vue&type=script&setup=true&lang.ts
|
|
9
9
|
var _hoisted_1 = ["data-size", "data-divider"];
|
|
@@ -1,37 +1,8 @@
|
|
|
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
|
|
5
|
-
const require_useForwardExpose = require("./useForwardExpose.cjs");
|
|
6
|
-
const require_DrawerRoot = require("./DrawerRoot.cjs");
|
|
4
|
+
const require_DrawerTitle = require("./DrawerTitle.cjs");
|
|
7
5
|
let vue = require("vue");
|
|
8
|
-
//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Drawer/DrawerTitle.js
|
|
9
|
-
var DrawerTitle_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
10
|
-
__name: "DrawerTitle",
|
|
11
|
-
props: {
|
|
12
|
-
asChild: {
|
|
13
|
-
type: Boolean,
|
|
14
|
-
required: false
|
|
15
|
-
},
|
|
16
|
-
as: {
|
|
17
|
-
type: null,
|
|
18
|
-
required: false,
|
|
19
|
-
default: "h2"
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
setup(__props) {
|
|
23
|
-
const props = __props;
|
|
24
|
-
const rootContext = require_DrawerRoot.injectDrawerRootContext();
|
|
25
|
-
require_useForwardExpose.useForwardExpose();
|
|
26
|
-
return (_ctx, _cache) => {
|
|
27
|
-
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, { id: (0, vue.unref)(rootContext).titleId }), {
|
|
28
|
-
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
29
|
-
_: 3
|
|
30
|
-
}, 16, ["id"]);
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
//#endregion
|
|
35
6
|
//#region src/components/drawer/drawer-title.vue?vue&type=script&setup=true&lang.ts
|
|
36
7
|
var drawer_title_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
|
|
37
8
|
__name: "drawer-title",
|
|
@@ -50,7 +21,7 @@ var drawer_title_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
|
|
|
50
21
|
const props = __props;
|
|
51
22
|
const delegated = require_dist.reactiveOmit(props, "class");
|
|
52
23
|
return (_ctx, _cache) => {
|
|
53
|
-
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DrawerTitle_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-drawer-title", props.class) }, (0, vue.unref)(delegated)), {
|
|
24
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DrawerTitle.DrawerTitle_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-drawer-title", props.class) }, (0, vue.unref)(delegated)), {
|
|
54
25
|
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
|
|
55
26
|
_: 3
|
|
56
27
|
}, 16, ["class"]);
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
//#region src/components/dialog/context.ts
|
|
3
|
+
var [injectDialogContext, provideDialogContext] = require("./chunks/createContext.cjs").createContext("Dialog");
|
|
4
|
+
//#endregion
|
|
5
|
+
exports.injectDialogContext = injectDialogContext;
|
|
6
|
+
exports.provideDialogContext = provideDialogContext;
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -25,8 +25,6 @@ const require_popover_content = require("./chunks/popover-content.cjs");
|
|
|
25
25
|
const require_popover_trigger = require("./chunks/popover-trigger.cjs");
|
|
26
26
|
const require_range_calendar = require("./chunks/range-calendar.cjs");
|
|
27
27
|
const require_drawer_content = require("./chunks/drawer-content.cjs");
|
|
28
|
-
const require_drawer_description = require("./chunks/drawer-description.cjs");
|
|
29
|
-
const require_drawer_title = require("./chunks/drawer-title.cjs");
|
|
30
28
|
const require_drawer_trigger = require("./chunks/drawer-trigger.cjs");
|
|
31
29
|
const require_drawer_body = require("./chunks/drawer-body.cjs");
|
|
32
30
|
const require_dropdown_menu_group = require("./chunks/dropdown-menu-group.cjs");
|
|
@@ -95,12 +93,30 @@ const require_combobox_root = require("./chunks/combobox-root.cjs");
|
|
|
95
93
|
const require_combobox_separator = require("./chunks/combobox-separator.cjs");
|
|
96
94
|
const require_combobox = require("./chunks/combobox.cjs");
|
|
97
95
|
const require_date_picker = require("./chunks/date-picker.cjs");
|
|
98
|
-
const
|
|
99
|
-
const
|
|
96
|
+
const require_modal_body = require("./chunks/modal-body.cjs");
|
|
97
|
+
const require_dialog_body = require("./chunks/dialog-body.cjs");
|
|
100
98
|
const require_drawer_close = require("./chunks/drawer-close.cjs");
|
|
99
|
+
const require_modal_close = require("./chunks/modal-close.cjs");
|
|
100
|
+
const require_dialog_close = require("./chunks/dialog-close.cjs");
|
|
101
|
+
const require_modal_content = require("./chunks/modal-content.cjs");
|
|
102
|
+
const require_dialog_content = require("./chunks/dialog-content.cjs");
|
|
103
|
+
const require_dialog_description = require("./chunks/dialog-description.cjs");
|
|
101
104
|
const require_drawer_footer = require("./chunks/drawer-footer.cjs");
|
|
105
|
+
const require_modal_footer = require("./chunks/modal-footer.cjs");
|
|
106
|
+
const require_dialog_footer = require("./chunks/dialog-footer.cjs");
|
|
107
|
+
const require_drawer_description = require("./chunks/drawer-description.cjs");
|
|
108
|
+
const require_drawer_title = require("./chunks/drawer-title.cjs");
|
|
102
109
|
const require_drawer_header = require("./chunks/drawer-header.cjs");
|
|
110
|
+
const require_modal_header = require("./chunks/modal-header.cjs");
|
|
111
|
+
const require_dialog_header = require("./chunks/dialog-header.cjs");
|
|
112
|
+
const require_dialog_title = require("./chunks/dialog-title.cjs");
|
|
113
|
+
const require_modal_trigger = require("./chunks/modal-trigger.cjs");
|
|
114
|
+
const require_dialog_trigger = require("./chunks/dialog-trigger.cjs");
|
|
115
|
+
const require_dialog = require("./chunks/dialog.cjs");
|
|
103
116
|
const require_drawer = require("./chunks/drawer.cjs");
|
|
117
|
+
const require_modal = require("./chunks/modal.cjs");
|
|
118
|
+
const require_digit_input_group = require("./chunks/digit-input-group.cjs");
|
|
119
|
+
const require_digit_input = require("./chunks/digit-input.cjs");
|
|
104
120
|
const require_dropdown_menu = require("./chunks/dropdown-menu.cjs");
|
|
105
121
|
const require_file_upload_area = require("./chunks/file-upload-area.cjs");
|
|
106
122
|
const require_hint_text = require("./chunks/hint-text.cjs");
|
|
@@ -109,13 +125,6 @@ const require_tooltip_root = require("./chunks/tooltip-root.cjs");
|
|
|
109
125
|
const require_tooltip = require("./chunks/tooltip.cjs");
|
|
110
126
|
const require_label = require("./chunks/label2.cjs");
|
|
111
127
|
const require_mochi = require("./chunks/mochi.cjs");
|
|
112
|
-
const require_modal_body = require("./chunks/modal-body.cjs");
|
|
113
|
-
const require_modal_close = require("./chunks/modal-close.cjs");
|
|
114
|
-
const require_modal_content = require("./chunks/modal-content.cjs");
|
|
115
|
-
const require_modal_footer = require("./chunks/modal-footer.cjs");
|
|
116
|
-
const require_modal_header = require("./chunks/modal-header.cjs");
|
|
117
|
-
const require_modal_trigger = require("./chunks/modal-trigger.cjs");
|
|
118
|
-
const require_modal = require("./chunks/modal.cjs");
|
|
119
128
|
const require_pagination = require("./chunks/pagination.cjs");
|
|
120
129
|
const require_progress_bar = require("./chunks/progress-bar.cjs");
|
|
121
130
|
const require_progress_circle = require("./chunks/progress-circle.cjs");
|
|
@@ -271,6 +280,15 @@ exports.ContentDivider = require_content_divider.content_divider_default;
|
|
|
271
280
|
exports.CounterInput = require_counter_input.counter_input_default;
|
|
272
281
|
exports.DEFAULT_SWATCH = require_color.DEFAULT_SWATCH;
|
|
273
282
|
exports.DatePicker = require_date_picker.date_picker_default;
|
|
283
|
+
exports.Dialog = require_dialog.dialog_default;
|
|
284
|
+
exports.DialogBody = require_dialog_body.dialog_body_default;
|
|
285
|
+
exports.DialogClose = require_dialog_close.dialog_close_default;
|
|
286
|
+
exports.DialogContent = require_dialog_content.dialog_content_default;
|
|
287
|
+
exports.DialogDescription = require_dialog_description.dialog_description_default;
|
|
288
|
+
exports.DialogFooter = require_dialog_footer.dialog_footer_default;
|
|
289
|
+
exports.DialogHeader = require_dialog_header.dialog_header_default;
|
|
290
|
+
exports.DialogTitle = require_dialog_title.dialog_title_default;
|
|
291
|
+
exports.DialogTrigger = require_dialog_trigger.dialog_trigger_default;
|
|
274
292
|
exports.DigitInput = require_digit_input.digit_input_default;
|
|
275
293
|
exports.DigitInputGroup = require_digit_input_group.digit_input_group_default;
|
|
276
294
|
exports.DigitInputSlot = require_digit_input_slot.digit_input_slot_default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
export declare const injectDialogContext: <T extends {
|
|
3
|
+
drawer: Ref<boolean>;
|
|
4
|
+
} | null | undefined = {
|
|
5
|
+
drawer: Ref<boolean>;
|
|
6
|
+
}>(fallback?: T | undefined) => T extends null ? {
|
|
7
|
+
drawer: Ref<boolean>;
|
|
8
|
+
} | null : {
|
|
9
|
+
drawer: Ref<boolean>;
|
|
10
|
+
}, provideDialogContext: (contextValue: {
|
|
11
|
+
drawer: Ref<boolean>;
|
|
12
|
+
}) => {
|
|
13
|
+
drawer: Ref<boolean>;
|
|
14
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface DialogBodyProps {
|
|
3
|
+
class?: HTMLAttributes['class'];
|
|
4
|
+
}
|
|
5
|
+
declare var __VLS_8: {}, __VLS_17: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_8) => any;
|
|
8
|
+
} & {
|
|
9
|
+
default?: (props: typeof __VLS_17) => any;
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_base: import('vue').DefineComponent<DialogBodyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogBodyProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
declare var __VLS_8: {}, __VLS_17: {};
|
|
2
|
+
type __VLS_Slots = {} & {
|
|
3
|
+
default?: (props: typeof __VLS_8) => any;
|
|
4
|
+
} & {
|
|
5
|
+
default?: (props: typeof __VLS_17) => any;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
8
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
9
|
+
declare const _default: typeof __VLS_export;
|
|
10
|
+
export default _default;
|
|
11
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
12
|
+
new (): {
|
|
13
|
+
$slots: S;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface DialogContentProps {
|
|
3
|
+
style?: HTMLAttributes['style'];
|
|
4
|
+
}
|
|
5
|
+
declare var __VLS_8: {}, __VLS_17: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_8) => any;
|
|
8
|
+
} & {
|
|
9
|
+
default?: (props: typeof __VLS_17) => any;
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_base: import('vue').DefineComponent<DialogContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|