@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.
Files changed (52) hide show
  1. package/ai/README.md +1 -1
  2. package/ai/component-registry.json +157 -2
  3. package/ai/icons.json +2 -2
  4. package/ai/tokens.json +2 -2
  5. package/dist/celeste.css +304 -117
  6. package/dist/cjs/breadcrumb-arrow.cjs +2 -0
  7. package/dist/cjs/breadcrumb-item.cjs +2 -0
  8. package/dist/cjs/breadcrumb.cjs +2 -0
  9. package/dist/cjs/chunks/breadcrumb-arrow.cjs +50 -0
  10. package/dist/cjs/chunks/breadcrumb-item.cjs +52 -0
  11. package/dist/cjs/chunks/breadcrumb.cjs +50 -0
  12. package/dist/cjs/chunks/button.cjs +9 -3
  13. package/dist/cjs/chunks/compact-button.cjs +1 -1
  14. package/dist/cjs/chunks/components.cjs +6 -0
  15. package/dist/cjs/chunks/fancy-button.cjs +9 -3
  16. package/dist/cjs/chunks/social-button.cjs +1 -1
  17. package/dist/cjs/chunks/text-input-button.cjs +2 -0
  18. package/dist/cjs/index.cjs +6 -0
  19. package/dist/components/breadcrumb/breadcrumb-arrow.d.ts +18 -0
  20. package/dist/components/breadcrumb/breadcrumb-item.d.ts +19 -0
  21. package/dist/components/breadcrumb/breadcrumb.d.ts +20 -0
  22. package/dist/components/breadcrumb/index.d.ts +6 -0
  23. package/dist/components/button/button.d.ts +6 -2
  24. package/dist/components/button/fancy-button.d.ts +6 -2
  25. package/dist/components/button/link-button.d.ts +1 -1
  26. package/dist/components/index.d.ts +1 -0
  27. package/dist/es/breadcrumb-arrow.js +2 -0
  28. package/dist/es/breadcrumb-item.js +2 -0
  29. package/dist/es/breadcrumb.js +2 -0
  30. package/dist/es/chunks/breadcrumb-arrow.js +41 -0
  31. package/dist/es/chunks/breadcrumb-item.js +43 -0
  32. package/dist/es/chunks/breadcrumb.js +41 -0
  33. package/dist/es/chunks/button.js +10 -4
  34. package/dist/es/chunks/compact-button.js +1 -1
  35. package/dist/es/chunks/components.js +6 -0
  36. package/dist/es/chunks/fancy-button.js +10 -4
  37. package/dist/es/chunks/social-button.js +1 -1
  38. package/dist/es/chunks/text-input-button.js +2 -0
  39. package/dist/es/index.js +4 -1
  40. package/package.json +3 -3
  41. package/src/components/breadcrumb/breadcrumb-arrow.vue +48 -0
  42. package/src/components/breadcrumb/breadcrumb-item.vue +55 -0
  43. package/src/components/breadcrumb/breadcrumb.vue +33 -0
  44. package/src/components/breadcrumb/index.ts +8 -0
  45. package/src/components/breadcrumb/stories/breadcrumb.stories.ts +78 -0
  46. package/src/components/button/button.vue +59 -5
  47. package/src/components/button/compact-button.vue +1 -0
  48. package/src/components/button/fancy-button.vue +62 -5
  49. package/src/components/button/social-button.vue +1 -0
  50. package/src/components/button/stories/button.stories.ts +28 -0
  51. package/src/components/button/stories/fancy-button.stories.ts +28 -0
  52. package/src/components/index.ts +1 -0
@@ -0,0 +1,2 @@
1
+ const require_breadcrumb_arrow = require("./chunks/breadcrumb-arrow.cjs");
2
+ module.exports = require_breadcrumb_arrow.breadcrumb_arrow_default;
@@ -0,0 +1,2 @@
1
+ const require_breadcrumb_item = require("./chunks/breadcrumb-item.cjs");
2
+ module.exports = require_breadcrumb_item.breadcrumb_item_default;
@@ -0,0 +1,2 @@
1
+ const require_breadcrumb = require("./chunks/breadcrumb.cjs");
2
+ module.exports = require_breadcrumb.breadcrumb_default;
@@ -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
- 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.class))
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-0aeead06"]]);
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-bcc27daf"]]);
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
- class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-fbutton", `celeste-fbutton-${__props.intent}`, `celeste-fbutton-${__props.size}`, props.class))
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-d53adf47"]]);
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-3652f72b"]]);
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,
@@ -17,6 +17,8 @@ var text_input_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
17
17
  Array
18
18
  ] },
19
19
  intent: {},
20
+ disabled: { type: Boolean },
21
+ loading: { type: Boolean },
20
22
  asChild: { type: Boolean },
21
23
  as: {},
22
24
  inline: {
@@ -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;
@@ -1,5 +1,6 @@
1
1
  export * from './alert';
2
2
  export * from './badge';
3
+ export * from './breadcrumb';
3
4
  export * from './button';
4
5
  export * from './calendar';
5
6
  export * from './chart';
@@ -0,0 +1,2 @@
1
+ import { t as breadcrumb_arrow_default } from "./chunks/breadcrumb-arrow.js";
2
+ export { breadcrumb_arrow_default as default };
@@ -0,0 +1,2 @@
1
+ import { t as breadcrumb_item_default } from "./chunks/breadcrumb-item.js";
2
+ export { breadcrumb_item_default as default };
@@ -0,0 +1,2 @@
1
+ import { t as breadcrumb_default } from "./chunks/breadcrumb.js";
2
+ export { breadcrumb_default as default };
@@ -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 };
@@ -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
- class: normalizeClass(unref(clsx$1)("celeste-button", `celeste-button-intent-${__props.intent}`, `celeste-button-size-${__props.size}`, `celeste-button-variant-${__props.variant}`, props.class))
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-0aeead06"]]);
46
+ }), [["__scopeId", "data-v-30b82d15"]]);
41
47
  //#endregion
42
48
  export { button_default as t };
@@ -38,6 +38,6 @@ var compact_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
38
38
  ]);
39
39
  };
40
40
  }
41
- }), [["__scopeId", "data-v-bcc27daf"]]);
41
+ }), [["__scopeId", "data-v-0727facf"]]);
42
42
  //#endregion
43
43
  export { compact_button_default as t };