@youcan/celeste 0.22.1 → 0.24.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 +157 -2
- package/ai/icons.json +2 -2
- package/ai/tokens.json +2 -2
- package/dist/celeste.css +304 -117
- package/dist/cjs/breadcrumb-arrow.cjs +2 -0
- package/dist/cjs/breadcrumb-item.cjs +2 -0
- package/dist/cjs/breadcrumb.cjs +2 -0
- package/dist/cjs/chunks/breadcrumb-arrow.cjs +50 -0
- package/dist/cjs/chunks/breadcrumb-item.cjs +52 -0
- package/dist/cjs/chunks/breadcrumb.cjs +50 -0
- package/dist/cjs/chunks/button.cjs +9 -3
- package/dist/cjs/chunks/compact-button.cjs +1 -1
- package/dist/cjs/chunks/components.cjs +6 -0
- package/dist/cjs/chunks/fancy-button.cjs +9 -3
- package/dist/cjs/chunks/social-button.cjs +1 -1
- package/dist/cjs/chunks/text-input-button.cjs +2 -0
- package/dist/cjs/index.cjs +6 -0
- package/dist/components/breadcrumb/breadcrumb-arrow.d.ts +18 -0
- package/dist/components/breadcrumb/breadcrumb-item.d.ts +19 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts +20 -0
- package/dist/components/breadcrumb/index.d.ts +6 -0
- package/dist/components/button/button.d.ts +6 -2
- package/dist/components/button/fancy-button.d.ts +6 -2
- package/dist/components/button/link-button.d.ts +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/es/breadcrumb-arrow.js +2 -0
- package/dist/es/breadcrumb-item.js +2 -0
- package/dist/es/breadcrumb.js +2 -0
- package/dist/es/chunks/breadcrumb-arrow.js +41 -0
- package/dist/es/chunks/breadcrumb-item.js +43 -0
- package/dist/es/chunks/breadcrumb.js +41 -0
- package/dist/es/chunks/button.js +10 -4
- package/dist/es/chunks/compact-button.js +1 -1
- package/dist/es/chunks/components.js +6 -0
- package/dist/es/chunks/fancy-button.js +10 -4
- package/dist/es/chunks/social-button.js +1 -1
- package/dist/es/chunks/text-input-button.js +2 -0
- package/dist/es/index.js +4 -1
- package/package.json +3 -3
- package/src/components/breadcrumb/breadcrumb-arrow.vue +48 -0
- package/src/components/breadcrumb/breadcrumb-item.vue +55 -0
- package/src/components/breadcrumb/breadcrumb.vue +33 -0
- package/src/components/breadcrumb/index.ts +8 -0
- package/src/components/breadcrumb/stories/breadcrumb.stories.ts +78 -0
- package/src/components/button/button.vue +59 -5
- package/src/components/button/compact-button.vue +1 -0
- package/src/components/button/fancy-button.vue +62 -5
- package/src/components/button/social-button.vue +1 -0
- package/src/components/button/stories/button.stories.ts +28 -0
- package/src/components/button/stories/fancy-button.stories.ts +28 -0
- package/src/components/index.ts +1 -0
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
const require_rolldown_runtime = require("./rolldown-runtime.cjs");
|
|
2
|
+
const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
|
|
3
|
+
let vue = require("vue");
|
|
4
|
+
let clsx = require("clsx");
|
|
5
|
+
clsx = require_rolldown_runtime.__toESM(clsx, 1);
|
|
6
|
+
let reka_ui = require("reka-ui");
|
|
7
|
+
//#region src/components/breadcrumb/breadcrumb-arrow.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var breadcrumb_arrow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
|
|
9
|
+
__name: "breadcrumb-arrow",
|
|
10
|
+
props: {
|
|
11
|
+
class: { type: [
|
|
12
|
+
Boolean,
|
|
13
|
+
null,
|
|
14
|
+
String,
|
|
15
|
+
Object,
|
|
16
|
+
Array
|
|
17
|
+
] },
|
|
18
|
+
asChild: { type: Boolean },
|
|
19
|
+
as: {}
|
|
20
|
+
},
|
|
21
|
+
setup(__props) {
|
|
22
|
+
const props = __props;
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), {
|
|
25
|
+
as: __props.as,
|
|
26
|
+
"as-child": __props.asChild,
|
|
27
|
+
"aria-hidden": "true",
|
|
28
|
+
"data-slot": "breadcrumb-arrow",
|
|
29
|
+
class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-breadcrumb-arrow", props.class))
|
|
30
|
+
}, {
|
|
31
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-s-line" }, null, -1))], true)]),
|
|
32
|
+
_: 3
|
|
33
|
+
}, 8, [
|
|
34
|
+
"as",
|
|
35
|
+
"as-child",
|
|
36
|
+
"class"
|
|
37
|
+
]);
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
//#endregion
|
|
42
|
+
//#region src/components/breadcrumb/breadcrumb-arrow.vue
|
|
43
|
+
var breadcrumb_arrow_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(breadcrumb_arrow_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e0b18b32"]]);
|
|
44
|
+
//#endregion
|
|
45
|
+
Object.defineProperty(exports, "breadcrumb_arrow_default", {
|
|
46
|
+
enumerable: true,
|
|
47
|
+
get: function() {
|
|
48
|
+
return breadcrumb_arrow_default;
|
|
49
|
+
}
|
|
50
|
+
});
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
const require_rolldown_runtime = require("./rolldown-runtime.cjs");
|
|
2
|
+
const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
|
|
3
|
+
let vue = require("vue");
|
|
4
|
+
let clsx = require("clsx");
|
|
5
|
+
clsx = require_rolldown_runtime.__toESM(clsx, 1);
|
|
6
|
+
let reka_ui = require("reka-ui");
|
|
7
|
+
//#region src/components/breadcrumb/breadcrumb-item.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var breadcrumb_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
|
|
9
|
+
__name: "breadcrumb-item",
|
|
10
|
+
props: {
|
|
11
|
+
class: { type: [
|
|
12
|
+
Boolean,
|
|
13
|
+
null,
|
|
14
|
+
String,
|
|
15
|
+
Object,
|
|
16
|
+
Array
|
|
17
|
+
] },
|
|
18
|
+
active: { type: Boolean },
|
|
19
|
+
asChild: { type: Boolean },
|
|
20
|
+
as: {}
|
|
21
|
+
},
|
|
22
|
+
setup(__props) {
|
|
23
|
+
const props = __props;
|
|
24
|
+
return (_ctx, _cache) => {
|
|
25
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), {
|
|
26
|
+
as: __props.as,
|
|
27
|
+
"as-child": __props.asChild,
|
|
28
|
+
"aria-current": __props.active ? "page" : void 0,
|
|
29
|
+
"data-slot": "breadcrumb-item",
|
|
30
|
+
class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-breadcrumb-item", __props.active && "celeste-breadcrumb-item-active", props.class))
|
|
31
|
+
}, {
|
|
32
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
|
|
33
|
+
_: 3
|
|
34
|
+
}, 8, [
|
|
35
|
+
"as",
|
|
36
|
+
"as-child",
|
|
37
|
+
"aria-current",
|
|
38
|
+
"class"
|
|
39
|
+
]);
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
//#endregion
|
|
44
|
+
//#region src/components/breadcrumb/breadcrumb-item.vue
|
|
45
|
+
var breadcrumb_item_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(breadcrumb_item_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6c1db116"]]);
|
|
46
|
+
//#endregion
|
|
47
|
+
Object.defineProperty(exports, "breadcrumb_item_default", {
|
|
48
|
+
enumerable: true,
|
|
49
|
+
get: function() {
|
|
50
|
+
return breadcrumb_item_default;
|
|
51
|
+
}
|
|
52
|
+
});
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
const require_rolldown_runtime = require("./rolldown-runtime.cjs");
|
|
2
|
+
const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
|
|
3
|
+
let vue = require("vue");
|
|
4
|
+
let clsx = require("clsx");
|
|
5
|
+
clsx = require_rolldown_runtime.__toESM(clsx, 1);
|
|
6
|
+
let reka_ui = require("reka-ui");
|
|
7
|
+
//#region src/components/breadcrumb/breadcrumb.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var breadcrumb_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
|
|
9
|
+
__name: "breadcrumb",
|
|
10
|
+
props: {
|
|
11
|
+
class: { type: [
|
|
12
|
+
Boolean,
|
|
13
|
+
null,
|
|
14
|
+
String,
|
|
15
|
+
Object,
|
|
16
|
+
Array
|
|
17
|
+
] },
|
|
18
|
+
asChild: { type: Boolean },
|
|
19
|
+
as: { default: "nav" }
|
|
20
|
+
},
|
|
21
|
+
setup(__props) {
|
|
22
|
+
const props = __props;
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), {
|
|
25
|
+
as: __props.as,
|
|
26
|
+
"as-child": __props.asChild,
|
|
27
|
+
"aria-label": "Breadcrumb",
|
|
28
|
+
"data-slot": "breadcrumb",
|
|
29
|
+
class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-breadcrumb", props.class))
|
|
30
|
+
}, {
|
|
31
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
|
|
32
|
+
_: 3
|
|
33
|
+
}, 8, [
|
|
34
|
+
"as",
|
|
35
|
+
"as-child",
|
|
36
|
+
"class"
|
|
37
|
+
]);
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
//#endregion
|
|
42
|
+
//#region src/components/breadcrumb/breadcrumb.vue
|
|
43
|
+
var breadcrumb_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(breadcrumb_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1ee86fb2"]]);
|
|
44
|
+
//#endregion
|
|
45
|
+
Object.defineProperty(exports, "breadcrumb_default", {
|
|
46
|
+
enumerable: true,
|
|
47
|
+
get: function() {
|
|
48
|
+
return breadcrumb_default;
|
|
49
|
+
}
|
|
50
|
+
});
|
|
@@ -18,6 +18,8 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.d
|
|
|
18
18
|
size: { default: "md" },
|
|
19
19
|
intent: { default: "primary" },
|
|
20
20
|
variant: { default: "fill" },
|
|
21
|
+
disabled: { type: Boolean },
|
|
22
|
+
loading: { type: Boolean },
|
|
21
23
|
asChild: { type: Boolean },
|
|
22
24
|
as: { default: "button" }
|
|
23
25
|
},
|
|
@@ -27,13 +29,17 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.d
|
|
|
27
29
|
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), {
|
|
28
30
|
as: __props.as,
|
|
29
31
|
"as-child": __props.asChild,
|
|
30
|
-
|
|
32
|
+
disabled: __props.disabled || __props.loading || void 0,
|
|
33
|
+
"aria-busy": __props.loading || void 0,
|
|
34
|
+
class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-button", `celeste-button-intent-${__props.intent}`, `celeste-button-size-${__props.size}`, `celeste-button-variant-${__props.variant}`, __props.loading && !__props.asChild && "celeste-button-loading", props.class))
|
|
31
35
|
}, {
|
|
32
|
-
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
|
|
36
|
+
default: (0, vue.withCtx)(() => [__props.asChild ? (0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true, 0) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true), _cache[0] || (_cache[0] = (0, vue.createElementVNode)("i", { class: "celeste-button-spinner i-celeste-loader-5-line" }, null, -1))], 64))]),
|
|
33
37
|
_: 3
|
|
34
38
|
}, 8, [
|
|
35
39
|
"as",
|
|
36
40
|
"as-child",
|
|
41
|
+
"disabled",
|
|
42
|
+
"aria-busy",
|
|
37
43
|
"class"
|
|
38
44
|
]);
|
|
39
45
|
};
|
|
@@ -41,7 +47,7 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.d
|
|
|
41
47
|
});
|
|
42
48
|
//#endregion
|
|
43
49
|
//#region src/components/button/button.vue
|
|
44
|
-
var button_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-
|
|
50
|
+
var button_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-30b82d15"]]);
|
|
45
51
|
//#endregion
|
|
46
52
|
Object.defineProperty(exports, "button_default", {
|
|
47
53
|
enumerable: true,
|
|
@@ -42,7 +42,7 @@ var compact_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (
|
|
|
42
42
|
});
|
|
43
43
|
//#endregion
|
|
44
44
|
//#region src/components/button/compact-button.vue
|
|
45
|
-
var compact_button_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(compact_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-
|
|
45
|
+
var compact_button_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(compact_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0727facf"]]);
|
|
46
46
|
//#endregion
|
|
47
47
|
Object.defineProperty(exports, "compact_button_default", {
|
|
48
48
|
enumerable: true,
|
|
@@ -3,6 +3,9 @@ const require_alert = require("./alert.cjs");
|
|
|
3
3
|
const require_sonner_alert = require("./sonner-alert.cjs");
|
|
4
4
|
const require_badge = require("./badge.cjs");
|
|
5
5
|
const require_status_badge = require("./status-badge.cjs");
|
|
6
|
+
const require_breadcrumb_arrow = require("./breadcrumb-arrow.cjs");
|
|
7
|
+
const require_breadcrumb_item = require("./breadcrumb-item.cjs");
|
|
8
|
+
const require_breadcrumb = require("./breadcrumb.cjs");
|
|
6
9
|
const require_button = require("./button.cjs");
|
|
7
10
|
const require_compact_button = require("./compact-button.cjs");
|
|
8
11
|
const require_fancy_button = require("./fancy-button.cjs");
|
|
@@ -196,6 +199,9 @@ var components_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
|
|
|
196
199
|
AlphaSlider: () => require_alpha_slider.alpha_slider_default,
|
|
197
200
|
Badge: () => require_badge.badge_default,
|
|
198
201
|
BarChart: () => require_bar_chart.bar_chart_default,
|
|
202
|
+
Breadcrumb: () => require_breadcrumb.breadcrumb_default,
|
|
203
|
+
BreadcrumbArrow: () => require_breadcrumb_arrow.breadcrumb_arrow_default,
|
|
204
|
+
BreadcrumbItem: () => require_breadcrumb_item.breadcrumb_item_default,
|
|
199
205
|
Button: () => require_button.button_default,
|
|
200
206
|
Calendar: () => require_calendar.calendar_default,
|
|
201
207
|
ChartCard: () => require_chart_card.chart_card_default,
|
|
@@ -17,6 +17,8 @@ var fancy_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
|
|
|
17
17
|
] },
|
|
18
18
|
size: { default: "md" },
|
|
19
19
|
intent: { default: "primary" },
|
|
20
|
+
disabled: { type: Boolean },
|
|
21
|
+
loading: { type: Boolean },
|
|
20
22
|
asChild: { type: Boolean },
|
|
21
23
|
as: { default: "button" }
|
|
22
24
|
},
|
|
@@ -26,13 +28,17 @@ var fancy_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
|
|
|
26
28
|
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), {
|
|
27
29
|
as: __props.as,
|
|
28
30
|
"as-child": __props.asChild,
|
|
29
|
-
|
|
31
|
+
disabled: __props.disabled || __props.loading || void 0,
|
|
32
|
+
"aria-busy": __props.loading || void 0,
|
|
33
|
+
class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-fbutton", `celeste-fbutton-${__props.intent}`, `celeste-fbutton-${__props.size}`, __props.loading && !__props.asChild && "celeste-fbutton-loading", props.class))
|
|
30
34
|
}, {
|
|
31
|
-
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
|
|
35
|
+
default: (0, vue.withCtx)(() => [__props.asChild ? (0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true, 0) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true), _cache[0] || (_cache[0] = (0, vue.createElementVNode)("i", { class: "celeste-fbutton-spinner i-celeste-loader-5-line" }, null, -1))], 64))]),
|
|
32
36
|
_: 3
|
|
33
37
|
}, 8, [
|
|
34
38
|
"as",
|
|
35
39
|
"as-child",
|
|
40
|
+
"disabled",
|
|
41
|
+
"aria-busy",
|
|
36
42
|
"class"
|
|
37
43
|
]);
|
|
38
44
|
};
|
|
@@ -40,7 +46,7 @@ var fancy_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
|
|
|
40
46
|
});
|
|
41
47
|
//#endregion
|
|
42
48
|
//#region src/components/button/fancy-button.vue
|
|
43
|
-
var fancy_button_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(fancy_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-
|
|
49
|
+
var fancy_button_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(fancy_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9098298e"]]);
|
|
44
50
|
//#endregion
|
|
45
51
|
Object.defineProperty(exports, "fancy_button_default", {
|
|
46
52
|
enumerable: true,
|
|
@@ -34,7 +34,7 @@ var social_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
|
|
|
34
34
|
});
|
|
35
35
|
//#endregion
|
|
36
36
|
//#region src/components/button/social-button.vue
|
|
37
|
-
var social_button_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(social_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-
|
|
37
|
+
var social_button_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(social_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-85544f28"]]);
|
|
38
38
|
//#endregion
|
|
39
39
|
Object.defineProperty(exports, "social_button_default", {
|
|
40
40
|
enumerable: true,
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -5,6 +5,9 @@ const require_sonner_alert = require("./chunks/sonner-alert.cjs");
|
|
|
5
5
|
const require_badge = require("./chunks/badge.cjs");
|
|
6
6
|
const require_status_badge = require("./chunks/status-badge.cjs");
|
|
7
7
|
const require_components = require("./chunks/components.cjs");
|
|
8
|
+
const require_breadcrumb_arrow = require("./chunks/breadcrumb-arrow.cjs");
|
|
9
|
+
const require_breadcrumb_item = require("./chunks/breadcrumb-item.cjs");
|
|
10
|
+
const require_breadcrumb = require("./chunks/breadcrumb.cjs");
|
|
8
11
|
const require_button = require("./chunks/button.cjs");
|
|
9
12
|
const require_compact_button = require("./chunks/compact-button.cjs");
|
|
10
13
|
const require_fancy_button = require("./chunks/fancy-button.cjs");
|
|
@@ -249,6 +252,9 @@ exports.Alert = require_alert.alert_default;
|
|
|
249
252
|
exports.AlphaSlider = require_alpha_slider.alpha_slider_default;
|
|
250
253
|
exports.Badge = require_badge.badge_default;
|
|
251
254
|
exports.BarChart = require_bar_chart.bar_chart_default;
|
|
255
|
+
exports.Breadcrumb = require_breadcrumb.breadcrumb_default;
|
|
256
|
+
exports.BreadcrumbArrow = require_breadcrumb_arrow.breadcrumb_arrow_default;
|
|
257
|
+
exports.BreadcrumbItem = require_breadcrumb_item.breadcrumb_item_default;
|
|
252
258
|
exports.Button = require_button.button_default;
|
|
253
259
|
exports.CHART_DURATION = require_use_chart_motion.CHART_DURATION;
|
|
254
260
|
exports.CHART_SERIES_COLORS = require_chart.CHART_SERIES_COLORS;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { PrimitiveProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
export interface BreadcrumbArrowProps extends PrimitiveProps {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
}
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import('vue').DefineComponent<BreadcrumbArrowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BreadcrumbArrowProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { PrimitiveProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
export interface BreadcrumbItemProps extends PrimitiveProps {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
active?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare var __VLS_8: {};
|
|
8
|
+
type __VLS_Slots = {} & {
|
|
9
|
+
default?: (props: typeof __VLS_8) => any;
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_base: import('vue').DefineComponent<BreadcrumbItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BreadcrumbItemProps> & 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,20 @@
|
|
|
1
|
+
import { PrimitiveProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
export interface BreadcrumbProps extends PrimitiveProps {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
}
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import('vue').DefineComponent<BreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BreadcrumbProps> & Readonly<{}>, {
|
|
11
|
+
as: import('reka-ui').AsTag | import('vue').Component;
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from './breadcrumb-arrow';
|
|
2
|
+
export { default as BreadcrumbArrow } from './breadcrumb-arrow';
|
|
3
|
+
export * from './breadcrumb-item';
|
|
4
|
+
export { default as BreadcrumbItem } from './breadcrumb-item';
|
|
5
|
+
export * from './breadcrumb';
|
|
6
|
+
export { default as Breadcrumb } from './breadcrumb';
|
|
@@ -5,16 +5,20 @@ export interface ButtonProps extends PrimitiveProps {
|
|
|
5
5
|
size?: 'xxs' | 'xs' | 'sm' | 'md';
|
|
6
6
|
intent?: 'primary' | 'neutral' | 'error';
|
|
7
7
|
variant?: 'fill' | 'stroke' | 'lighter' | 'ghost';
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
loading?: boolean;
|
|
8
10
|
}
|
|
9
|
-
declare var __VLS_8: {};
|
|
11
|
+
declare var __VLS_8: {}, __VLS_10: {};
|
|
10
12
|
type __VLS_Slots = {} & {
|
|
11
13
|
default?: (props: typeof __VLS_8) => any;
|
|
14
|
+
} & {
|
|
15
|
+
default?: (props: typeof __VLS_10) => any;
|
|
12
16
|
};
|
|
13
17
|
declare const __VLS_base: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
|
|
14
18
|
size: "xxs" | "xs" | "sm" | "md";
|
|
15
19
|
variant: "fill" | "stroke" | "lighter" | "ghost";
|
|
16
|
-
intent: "primary" | "neutral" | "error";
|
|
17
20
|
as: import('reka-ui').AsTag | import('vue').Component;
|
|
21
|
+
intent: "primary" | "neutral" | "error";
|
|
18
22
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
19
23
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
24
|
declare const _default: typeof __VLS_export;
|
|
@@ -4,15 +4,19 @@ export interface FancyButtonProps extends PrimitiveProps {
|
|
|
4
4
|
class?: HTMLAttributes['class'];
|
|
5
5
|
size?: 'xs' | 'sm' | 'md';
|
|
6
6
|
intent?: 'primary' | 'neutral' | 'error' | 'basic';
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
loading?: boolean;
|
|
7
9
|
}
|
|
8
|
-
declare var __VLS_8: {};
|
|
10
|
+
declare var __VLS_8: {}, __VLS_10: {};
|
|
9
11
|
type __VLS_Slots = {} & {
|
|
10
12
|
default?: (props: typeof __VLS_8) => any;
|
|
13
|
+
} & {
|
|
14
|
+
default?: (props: typeof __VLS_10) => any;
|
|
11
15
|
};
|
|
12
16
|
declare const __VLS_base: import('vue').DefineComponent<FancyButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FancyButtonProps> & Readonly<{}>, {
|
|
13
17
|
size: "xs" | "sm" | "md";
|
|
14
|
-
intent: "primary" | "neutral" | "error" | "basic";
|
|
15
18
|
as: import('reka-ui').AsTag | import('vue').Component;
|
|
19
|
+
intent: "primary" | "neutral" | "error" | "basic";
|
|
16
20
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
17
21
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
18
22
|
declare const _default: typeof __VLS_export;
|
|
@@ -13,8 +13,8 @@ type __VLS_Slots = {} & {
|
|
|
13
13
|
};
|
|
14
14
|
declare const __VLS_base: import('vue').DefineComponent<LinkButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LinkButtonProps> & Readonly<{}>, {
|
|
15
15
|
size: "sm" | "md";
|
|
16
|
-
intent: "primary" | "black" | "gray" | "error";
|
|
17
16
|
as: import('reka-ui').AsTag | import('vue').Component;
|
|
17
|
+
intent: "primary" | "black" | "gray" | "error";
|
|
18
18
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
19
19
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
20
|
declare const _default: typeof __VLS_export;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import clsx$1 from "clsx";
|
|
4
|
+
import { Primitive } from "reka-ui";
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/breadcrumb/breadcrumb-arrow.vue
|
|
7
|
+
var breadcrumb_arrow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "breadcrumb-arrow",
|
|
9
|
+
props: {
|
|
10
|
+
class: { type: [
|
|
11
|
+
Boolean,
|
|
12
|
+
null,
|
|
13
|
+
String,
|
|
14
|
+
Object,
|
|
15
|
+
Array
|
|
16
|
+
] },
|
|
17
|
+
asChild: { type: Boolean },
|
|
18
|
+
as: {}
|
|
19
|
+
},
|
|
20
|
+
setup(__props) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
return (_ctx, _cache) => {
|
|
23
|
+
return openBlock(), createBlock(unref(Primitive), {
|
|
24
|
+
as: __props.as,
|
|
25
|
+
"as-child": __props.asChild,
|
|
26
|
+
"aria-hidden": "true",
|
|
27
|
+
"data-slot": "breadcrumb-arrow",
|
|
28
|
+
class: normalizeClass(unref(clsx$1)("celeste-breadcrumb-arrow", props.class))
|
|
29
|
+
}, {
|
|
30
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("i", { class: "i-celeste-arrow-right-s-line" }, null, -1))], true)]),
|
|
31
|
+
_: 3
|
|
32
|
+
}, 8, [
|
|
33
|
+
"as",
|
|
34
|
+
"as-child",
|
|
35
|
+
"class"
|
|
36
|
+
]);
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
}), [["__scopeId", "data-v-e0b18b32"]]);
|
|
40
|
+
//#endregion
|
|
41
|
+
export { breadcrumb_arrow_default as t };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import clsx$1 from "clsx";
|
|
4
|
+
import { Primitive } from "reka-ui";
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/breadcrumb/breadcrumb-item.vue
|
|
7
|
+
var breadcrumb_item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "breadcrumb-item",
|
|
9
|
+
props: {
|
|
10
|
+
class: { type: [
|
|
11
|
+
Boolean,
|
|
12
|
+
null,
|
|
13
|
+
String,
|
|
14
|
+
Object,
|
|
15
|
+
Array
|
|
16
|
+
] },
|
|
17
|
+
active: { type: Boolean },
|
|
18
|
+
asChild: { type: Boolean },
|
|
19
|
+
as: {}
|
|
20
|
+
},
|
|
21
|
+
setup(__props) {
|
|
22
|
+
const props = __props;
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
return openBlock(), createBlock(unref(Primitive), {
|
|
25
|
+
as: __props.as,
|
|
26
|
+
"as-child": __props.asChild,
|
|
27
|
+
"aria-current": __props.active ? "page" : void 0,
|
|
28
|
+
"data-slot": "breadcrumb-item",
|
|
29
|
+
class: normalizeClass(unref(clsx$1)("celeste-breadcrumb-item", __props.active && "celeste-breadcrumb-item-active", props.class))
|
|
30
|
+
}, {
|
|
31
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
|
|
32
|
+
_: 3
|
|
33
|
+
}, 8, [
|
|
34
|
+
"as",
|
|
35
|
+
"as-child",
|
|
36
|
+
"aria-current",
|
|
37
|
+
"class"
|
|
38
|
+
]);
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
}), [["__scopeId", "data-v-6c1db116"]]);
|
|
42
|
+
//#endregion
|
|
43
|
+
export { breadcrumb_item_default as t };
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import clsx$1 from "clsx";
|
|
4
|
+
import { Primitive } from "reka-ui";
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/breadcrumb/breadcrumb.vue
|
|
7
|
+
var breadcrumb_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "breadcrumb",
|
|
9
|
+
props: {
|
|
10
|
+
class: { type: [
|
|
11
|
+
Boolean,
|
|
12
|
+
null,
|
|
13
|
+
String,
|
|
14
|
+
Object,
|
|
15
|
+
Array
|
|
16
|
+
] },
|
|
17
|
+
asChild: { type: Boolean },
|
|
18
|
+
as: { default: "nav" }
|
|
19
|
+
},
|
|
20
|
+
setup(__props) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
return (_ctx, _cache) => {
|
|
23
|
+
return openBlock(), createBlock(unref(Primitive), {
|
|
24
|
+
as: __props.as,
|
|
25
|
+
"as-child": __props.asChild,
|
|
26
|
+
"aria-label": "Breadcrumb",
|
|
27
|
+
"data-slot": "breadcrumb",
|
|
28
|
+
class: normalizeClass(unref(clsx$1)("celeste-breadcrumb", props.class))
|
|
29
|
+
}, {
|
|
30
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
|
|
31
|
+
_: 3
|
|
32
|
+
}, 8, [
|
|
33
|
+
"as",
|
|
34
|
+
"as-child",
|
|
35
|
+
"class"
|
|
36
|
+
]);
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
}), [["__scopeId", "data-v-1ee86fb2"]]);
|
|
40
|
+
//#endregion
|
|
41
|
+
export { breadcrumb_default as t };
|
package/dist/es/chunks/button.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
|
|
2
|
-
import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { Fragment, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
3
|
import clsx$1 from "clsx";
|
|
4
4
|
import { Primitive } from "reka-ui";
|
|
5
5
|
//#endregion
|
|
@@ -17,6 +17,8 @@ var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
|
|
|
17
17
|
size: { default: "md" },
|
|
18
18
|
intent: { default: "primary" },
|
|
19
19
|
variant: { default: "fill" },
|
|
20
|
+
disabled: { type: Boolean },
|
|
21
|
+
loading: { type: Boolean },
|
|
20
22
|
asChild: { type: Boolean },
|
|
21
23
|
as: { default: "button" }
|
|
22
24
|
},
|
|
@@ -26,17 +28,21 @@ var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
|
|
|
26
28
|
return openBlock(), createBlock(unref(Primitive), {
|
|
27
29
|
as: __props.as,
|
|
28
30
|
"as-child": __props.asChild,
|
|
29
|
-
|
|
31
|
+
disabled: __props.disabled || __props.loading || void 0,
|
|
32
|
+
"aria-busy": __props.loading || void 0,
|
|
33
|
+
class: normalizeClass(unref(clsx$1)("celeste-button", `celeste-button-intent-${__props.intent}`, `celeste-button-size-${__props.size}`, `celeste-button-variant-${__props.variant}`, __props.loading && !__props.asChild && "celeste-button-loading", props.class))
|
|
30
34
|
}, {
|
|
31
|
-
default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
|
|
35
|
+
default: withCtx(() => [__props.asChild ? renderSlot(_ctx.$slots, "default", {}, void 0, true, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [renderSlot(_ctx.$slots, "default", {}, void 0, true), _cache[0] || (_cache[0] = createElementVNode("i", { class: "celeste-button-spinner i-celeste-loader-5-line" }, null, -1))], 64))]),
|
|
32
36
|
_: 3
|
|
33
37
|
}, 8, [
|
|
34
38
|
"as",
|
|
35
39
|
"as-child",
|
|
40
|
+
"disabled",
|
|
41
|
+
"aria-busy",
|
|
36
42
|
"class"
|
|
37
43
|
]);
|
|
38
44
|
};
|
|
39
45
|
}
|
|
40
|
-
}), [["__scopeId", "data-v-
|
|
46
|
+
}), [["__scopeId", "data-v-30b82d15"]]);
|
|
41
47
|
//#endregion
|
|
42
48
|
export { button_default as t };
|