@youcan/celeste 0.22.0 → 0.23.0

package/dist/cjs/breadcrumb-arrow.cjs

@@ -0,0 +1,2 @@
+const require_breadcrumb_arrow = require("./chunks/breadcrumb-arrow.cjs");
+module.exports = require_breadcrumb_arrow.breadcrumb_arrow_default;

package/dist/cjs/breadcrumb-item.cjs

@@ -0,0 +1,2 @@
+const require_breadcrumb_item = require("./chunks/breadcrumb-item.cjs");
+module.exports = require_breadcrumb_item.breadcrumb_item_default;

package/dist/cjs/breadcrumb.cjs

@@ -0,0 +1,2 @@
+const require_breadcrumb = require("./chunks/breadcrumb.cjs");
+module.exports = require_breadcrumb.breadcrumb_default;

package/dist/cjs/chunks/breadcrumb-arrow.cjs

@@ -0,0 +1,50 @@
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
+//#region src/components/breadcrumb/breadcrumb-arrow.vue?vue&type=script&setup=true&lang.ts
+var breadcrumb_arrow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "breadcrumb-arrow",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), {
+				as: __props.as,
+				"as-child": __props.asChild,
+				"aria-hidden": "true",
+				"data-slot": "breadcrumb-arrow",
+				class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-breadcrumb-arrow", props.class))
+			}, {
+				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)]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-arrow.vue
+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"]]);
+//#endregion
+Object.defineProperty(exports, "breadcrumb_arrow_default", {
+	enumerable: true,
+	get: function() {
+		return breadcrumb_arrow_default;
+	}
+});

package/dist/cjs/chunks/breadcrumb-item.cjs

@@ -0,0 +1,52 @@
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
+//#region src/components/breadcrumb/breadcrumb-item.vue?vue&type=script&setup=true&lang.ts
+var breadcrumb_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "breadcrumb-item",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		active: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), {
+				as: __props.as,
+				"as-child": __props.asChild,
+				"aria-current": __props.active ? "page" : void 0,
+				"data-slot": "breadcrumb-item",
+				class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-breadcrumb-item", __props.active && "celeste-breadcrumb-item-active", props.class))
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"aria-current",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-item.vue
+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"]]);
+//#endregion
+Object.defineProperty(exports, "breadcrumb_item_default", {
+	enumerable: true,
+	get: function() {
+		return breadcrumb_item_default;
+	}
+});

package/dist/cjs/chunks/breadcrumb.cjs

@@ -0,0 +1,50 @@
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
+//#region src/components/breadcrumb/breadcrumb.vue?vue&type=script&setup=true&lang.ts
+var breadcrumb_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "breadcrumb",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "nav" }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), {
+				as: __props.as,
+				"as-child": __props.asChild,
+				"aria-label": "Breadcrumb",
+				"data-slot": "breadcrumb",
+				class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-breadcrumb", props.class))
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/breadcrumb/breadcrumb.vue
+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"]]);
+//#endregion
+Object.defineProperty(exports, "breadcrumb_default", {
+	enumerable: true,
+	get: function() {
+		return breadcrumb_default;
+	}
+});

package/dist/cjs/chunks/button.cjs

@@ -41,7 +41,7 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.d
 });
 //#endregion
 //#region src/components/button/button.vue
-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-86a7957d"]]);
+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"]]);
 //#endregion
 Object.defineProperty(exports, "button_default", {
 	enumerable: true,

package/dist/cjs/chunks/components.cjs

@@ -3,6 +3,9 @@ const require_alert = require("./alert.cjs");
 const require_sonner_alert = require("./sonner-alert.cjs");
 const require_badge = require("./badge.cjs");
 const require_status_badge = require("./status-badge.cjs");
+const require_breadcrumb_arrow = require("./breadcrumb-arrow.cjs");
+const require_breadcrumb_item = require("./breadcrumb-item.cjs");
+const require_breadcrumb = require("./breadcrumb.cjs");
 const require_button = require("./button.cjs");
 const require_compact_button = require("./compact-button.cjs");
 const require_fancy_button = require("./fancy-button.cjs");
@@ -196,6 +199,9 @@ var components_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
 	AlphaSlider: () => require_alpha_slider.alpha_slider_default,
 	Badge: () => require_badge.badge_default,
 	BarChart: () => require_bar_chart.bar_chart_default,
+	Breadcrumb: () => require_breadcrumb.breadcrumb_default,
+	BreadcrumbArrow: () => require_breadcrumb_arrow.breadcrumb_arrow_default,
+	BreadcrumbItem: () => require_breadcrumb_item.breadcrumb_item_default,
 	Button: () => require_button.button_default,
 	Calendar: () => require_calendar.calendar_default,
 	ChartCard: () => require_chart_card.chart_card_default,

package/dist/cjs/chunks/fancy-button.cjs

@@ -40,7 +40,7 @@ var fancy_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 });
 //#endregion
 //#region src/components/button/fancy-button.vue
-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-e9dcba71"]]);
+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"]]);
 //#endregion
 Object.defineProperty(exports, "fancy_button_default", {
 	enumerable: true,

package/dist/cjs/chunks/link-button.cjs

@@ -46,7 +46,7 @@ var link_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 });
 //#endregion
 //#region src/components/button/link-button.vue
-var link_button_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(link_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-42f6843d"]]);
+var link_button_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(link_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-59b06e1d"]]);
 //#endregion
 Object.defineProperty(exports, "link_button_default", {
 	enumerable: true,

package/dist/cjs/chunks/social-button.cjs

@@ -34,7 +34,7 @@ var social_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
 });
 //#endregion
 //#region src/components/button/social-button.vue
-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-dd727c87"]]);
+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"]]);
 //#endregion
 Object.defineProperty(exports, "social_button_default", {
 	enumerable: true,

package/dist/cjs/index.cjs

@@ -5,6 +5,9 @@ const require_sonner_alert = require("./chunks/sonner-alert.cjs");
 const require_badge = require("./chunks/badge.cjs");
 const require_status_badge = require("./chunks/status-badge.cjs");
 const require_components = require("./chunks/components.cjs");
+const require_breadcrumb_arrow = require("./chunks/breadcrumb-arrow.cjs");
+const require_breadcrumb_item = require("./chunks/breadcrumb-item.cjs");
+const require_breadcrumb = require("./chunks/breadcrumb.cjs");
 const require_button = require("./chunks/button.cjs");
 const require_compact_button = require("./chunks/compact-button.cjs");
 const require_fancy_button = require("./chunks/fancy-button.cjs");
@@ -249,6 +252,9 @@ exports.Alert = require_alert.alert_default;
 exports.AlphaSlider = require_alpha_slider.alpha_slider_default;
 exports.Badge = require_badge.badge_default;
 exports.BarChart = require_bar_chart.bar_chart_default;
+exports.Breadcrumb = require_breadcrumb.breadcrumb_default;
+exports.BreadcrumbArrow = require_breadcrumb_arrow.breadcrumb_arrow_default;
+exports.BreadcrumbItem = require_breadcrumb_item.breadcrumb_item_default;
 exports.Button = require_button.button_default;
 exports.CHART_DURATION = require_use_chart_motion.CHART_DURATION;
 exports.CHART_SERIES_COLORS = require_chart.CHART_SERIES_COLORS;

package/dist/components/breadcrumb/breadcrumb-arrow.d.ts

@@ -0,0 +1,18 @@
+import { PrimitiveProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+export interface BreadcrumbArrowProps extends PrimitiveProps {
+    class?: HTMLAttributes['class'];
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+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>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/breadcrumb/breadcrumb-item.d.ts

@@ -0,0 +1,19 @@
+import { PrimitiveProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+export interface BreadcrumbItemProps extends PrimitiveProps {
+    class?: HTMLAttributes['class'];
+    active?: boolean;
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+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>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,20 @@
+import { PrimitiveProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+export interface BreadcrumbProps extends PrimitiveProps {
+    class?: HTMLAttributes['class'];
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<BreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BreadcrumbProps> & Readonly<{}>, {
+    as: import('reka-ui').AsTag | import('vue').Component;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/breadcrumb/index.d.ts

@@ -0,0 +1,6 @@
+export * from './breadcrumb-arrow';
+export { default as BreadcrumbArrow } from './breadcrumb-arrow';
+export * from './breadcrumb-item';
+export { default as BreadcrumbItem } from './breadcrumb-item';
+export * from './breadcrumb';
+export { default as Breadcrumb } from './breadcrumb';

package/dist/components/button/button.d.ts

@@ -13,8 +13,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
     size: "xxs" | "xs" | "sm" | "md";
     variant: "fill" | "stroke" | "lighter" | "ghost";
-    intent: "primary" | "neutral" | "error";
     as: import('reka-ui').AsTag | import('vue').Component;
+    intent: "primary" | "neutral" | "error";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/button/fancy-button.d.ts

@@ -11,8 +11,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import('vue').DefineComponent<FancyButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FancyButtonProps> & Readonly<{}>, {
     size: "xs" | "sm" | "md";
-    intent: "primary" | "neutral" | "error" | "basic";
     as: import('reka-ui').AsTag | import('vue').Component;
+    intent: "primary" | "neutral" | "error" | "basic";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/button/link-button.d.ts

@@ -13,8 +13,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import('vue').DefineComponent<LinkButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LinkButtonProps> & Readonly<{}>, {
     size: "sm" | "md";
-    intent: "primary" | "black" | "gray" | "error";
     as: import('reka-ui').AsTag | import('vue').Component;
+    intent: "primary" | "black" | "gray" | "error";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './alert';
 export * from './badge';
+export * from './breadcrumb';
 export * from './button';
 export * from './calendar';
 export * from './chart';

package/dist/es/breadcrumb-arrow.js

@@ -0,0 +1,2 @@
+import { t as breadcrumb_arrow_default } from "./chunks/breadcrumb-arrow.js";
+export { breadcrumb_arrow_default as default };

package/dist/es/breadcrumb-item.js

@@ -0,0 +1,2 @@
+import { t as breadcrumb_item_default } from "./chunks/breadcrumb-item.js";
+export { breadcrumb_item_default as default };

package/dist/es/breadcrumb.js

@@ -0,0 +1,2 @@
+import { t as breadcrumb_default } from "./chunks/breadcrumb.js";
+export { breadcrumb_default as default };

package/dist/es/chunks/breadcrumb-arrow.js

@@ -0,0 +1,41 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { Primitive } from "reka-ui";
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-arrow.vue
+var breadcrumb_arrow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "breadcrumb-arrow",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				as: __props.as,
+				"as-child": __props.asChild,
+				"aria-hidden": "true",
+				"data-slot": "breadcrumb-arrow",
+				class: normalizeClass(unref(clsx$1)("celeste-breadcrumb-arrow", props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("i", { class: "i-celeste-arrow-right-s-line" }, null, -1))], true)]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-e0b18b32"]]);
+//#endregion
+export { breadcrumb_arrow_default as t };

package/dist/es/chunks/breadcrumb-item.js

@@ -0,0 +1,43 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { Primitive } from "reka-ui";
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-item.vue
+var breadcrumb_item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "breadcrumb-item",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		active: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				as: __props.as,
+				"as-child": __props.asChild,
+				"aria-current": __props.active ? "page" : void 0,
+				"data-slot": "breadcrumb-item",
+				class: normalizeClass(unref(clsx$1)("celeste-breadcrumb-item", __props.active && "celeste-breadcrumb-item-active", props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"aria-current",
+				"class"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-6c1db116"]]);
+//#endregion
+export { breadcrumb_item_default as t };

package/dist/es/chunks/breadcrumb.js

@@ -0,0 +1,41 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { Primitive } from "reka-ui";
+//#endregion
+//#region src/components/breadcrumb/breadcrumb.vue
+var breadcrumb_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "breadcrumb",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "nav" }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				as: __props.as,
+				"as-child": __props.asChild,
+				"aria-label": "Breadcrumb",
+				"data-slot": "breadcrumb",
+				class: normalizeClass(unref(clsx$1)("celeste-breadcrumb", props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-1ee86fb2"]]);
+//#endregion
+export { breadcrumb_default as t };

package/dist/es/chunks/button.js

@@ -37,6 +37,6 @@ var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-86a7957d"]]);
+}), [["__scopeId", "data-v-0aeead06"]]);
 //#endregion
 export { button_default as t };

package/dist/es/chunks/components.js

@@ -2,6 +2,9 @@ import { t as alert_default } from "./alert.js";
 import { t as sonner_alert_default } from "./sonner-alert.js";
 import { t as badge_default } from "./badge.js";
 import { t as status_badge_default } from "./status-badge.js";
+import { t as breadcrumb_arrow_default } from "./breadcrumb-arrow.js";
+import { t as breadcrumb_item_default } from "./breadcrumb-item.js";
+import { t as breadcrumb_default } from "./breadcrumb.js";
 import { t as button_default } from "./button.js";
 import { t as compact_button_default } from "./compact-button.js";
 import { t as fancy_button_default } from "./fancy-button.js";
@@ -205,6 +208,9 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	AlphaSlider: () => alpha_slider_default,
 	Badge: () => badge_default,
 	BarChart: () => bar_chart_default,
+	Breadcrumb: () => breadcrumb_default,
+	BreadcrumbArrow: () => breadcrumb_arrow_default,
+	BreadcrumbItem: () => breadcrumb_item_default,
 	Button: () => button_default,
 	Calendar: () => calendar_default,
 	ChartCard: () => chart_card_default,

package/dist/es/chunks/fancy-button.js

@@ -36,6 +36,6 @@ var fancy_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-e9dcba71"]]);
+}), [["__scopeId", "data-v-d53adf47"]]);
 //#endregion
 export { fancy_button_default as t };

package/dist/es/chunks/link-button.js

@@ -42,6 +42,6 @@ var link_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-42f6843d"]]);
+}), [["__scopeId", "data-v-59b06e1d"]]);
 //#endregion
 export { link_button_default as t };

package/dist/es/chunks/social-button.js

@@ -31,6 +31,6 @@ var social_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}, 8, ["aria-label", "class"]);
 		};
 	}
-}), [["__scopeId", "data-v-dd727c87"]]);
+}), [["__scopeId", "data-v-3652f72b"]]);
 //#endregion
 export { social_button_default as t };

package/dist/es/index.js

@@ -4,6 +4,9 @@ import { t as alert_default } from "./chunks/alert.js";
 import { t as sonner_alert_default } from "./chunks/sonner-alert.js";
 import { t as badge_default } from "./chunks/badge.js";
 import { t as status_badge_default } from "./chunks/status-badge.js";
+import { t as breadcrumb_arrow_default } from "./chunks/breadcrumb-arrow.js";
+import { t as breadcrumb_item_default } from "./chunks/breadcrumb-item.js";
+import { t as breadcrumb_default } from "./chunks/breadcrumb.js";
 import { t as button_default } from "./chunks/button.js";
 import { t as compact_button_default } from "./chunks/compact-button.js";
 import { t as fancy_button_default } from "./chunks/fancy-button.js";
@@ -244,4 +247,4 @@ var Celeste = { install(vue) {
 	});
 } };
 //#endregion
-export { alert_default as Alert, alpha_slider_default as AlphaSlider, badge_default as Badge, bar_chart_default as BarChart, button_default as Button, CHART_DURATION, CHART_SERIES_COLORS, COLOR_NUMBER_VALIDATION_PATTERN, calendar_default as Calendar, Celeste, chart_card_default as ChartCard, chart_legend_default as ChartLegend, chart_plot_default as ChartPlot, checkbox_default as Checkbox, checkbox_card_default as CheckboxCard, checkbox_label_default as CheckboxLabel, collapsible_default as Collapsible, collapsible_content_default as CollapsibleContent, collapsible_trigger_default as CollapsibleTrigger, color_area_default as ColorArea, color_picker_default as ColorPicker, color_swatch_default as ColorSwatch, combobox_default as Combobox, combobox_anchor_default as ComboboxAnchor, combobox_empty_default as ComboboxEmpty, combobox_group_default as ComboboxGroup, combobox_input_default as ComboboxInput, combobox_item_default as ComboboxItem, combobox_list_default as ComboboxList, combobox_root_default as ComboboxRoot, combobox_separator_default as ComboboxSeparator, combobox_trigger_default as ComboboxTrigger, compact_button_default as CompactButton, content_divider_default as ContentDivider, counter_input_default as CounterInput, DEFAULT_SWATCH, date_picker_default as DatePicker, dialog_default as Dialog, dialog_body_default as DialogBody, dialog_close_default as DialogClose, dialog_content_default as DialogContent, dialog_description_default as DialogDescription, dialog_footer_default as DialogFooter, dialog_header_default as DialogHeader, dialog_title_default as DialogTitle, dialog_trigger_default as DialogTrigger, digit_input_default as DigitInput, digit_input_group_default as DigitInputGroup, digit_input_slot_default as DigitInputSlot, drawer_default as Drawer, drawer_body_default as DrawerBody, drawer_close_default as DrawerClose, drawer_content_default as DrawerContent, drawer_description_default as DrawerDescription, drawer_footer_default as DrawerFooter, drawer_header_default as DrawerHeader, drawer_title_default as DrawerTitle, drawer_trigger_default as DrawerTrigger, dropdown_menu_default as DropdownMenu, dropdown_menu_content_default as DropdownMenuContent, dropdown_menu_group_default as DropdownMenuGroup, dropdown_menu_item_default as DropdownMenuItem, dropdown_menu_label_default as DropdownMenuLabel, dropdown_menu_separator_default as DropdownMenuSeparator, dropdown_menu_sub_default as DropdownMenuSub, dropdown_menu_sub_content_default as DropdownMenuSubContent, dropdown_menu_sub_trigger_default as DropdownMenuSubTrigger, dropdown_menu_trigger_default as DropdownMenuTrigger, fancy_button_default as FancyButton, file_upload_area_default as FileUploadArea, gradient_picker_default as GradientPicker, HEX_VALIDATION_PATTERN, hint_text_default as HintText, hue_slider_default as HueSlider, label_default as Label, link_button_default as LinkButton, mochi_default as Mochi, modal_default as Modal, modal_body_default as ModalBody, modal_close_default as ModalClose, modal_content_default as ModalContent, modal_footer_default as ModalFooter, modal_header_default as ModalHeader, modal_trigger_default as ModalTrigger, pagination_default as Pagination, pagination_content_default as PaginationContent, pagination_ellipsis_default as PaginationEllipsis, pagination_first_default as PaginationFirst, pagination_item_default as PaginationItem, pagination_last_default as PaginationLast, pagination_next_default as PaginationNext, pagination_previous_default as PaginationPrevious, popover_default as Popover, popover_content_default as PopoverContent, popover_trigger_default as PopoverTrigger, progress_bar_default as ProgressBar, progress_circle_default as ProgressCircle, radio_group_default as RadioGroup, radio_group_card_default as RadioGroupCard, radio_group_item_default as RadioGroupItem, radio_group_label_default as RadioGroupLabel, range_calendar_default as RangeCalendar, range_picker_default as RangePicker, rich_editor_default as RichEditor, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, scroll_area_default as ScrollArea, segmented_control_default as SegmentedControl, segmented_control_item_default as SegmentedControlItem, select_default as Select, select_content_default as SelectContent, select_group_default as SelectGroup, select_icon_default as SelectIcon, select_item_default as SelectItem, select_label_default as SelectLabel, select_separator_default as SelectSeparator, select_trigger_default as SelectTrigger, select_value_default as SelectValue, sheet_default as Sheet, sheet_close_default as SheetClose, sheet_content_default as SheetContent, sheet_description_default as SheetDescription, sheet_footer_default as SheetFooter, sheet_header_default as SheetHeader, sheet_title_default as SheetTitle, sheet_trigger_default as SheetTrigger, sidebar_default as Sidebar, sidebar_content_default as SidebarContent, sidebar_element_default as SidebarElement, sidebar_footer_default as SidebarFooter, sidebar_group_default as SidebarGroup, sidebar_group_content_default as SidebarGroupContent, sidebar_group_label_default as SidebarGroupLabel, sidebar_header_default as SidebarHeader, sidebar_menu_default as SidebarMenu, sidebar_menu_action_default as SidebarMenuAction, sidebar_menu_badge_default as SidebarMenuBadge, sidebar_menu_button_default as SidebarMenuButton, sidebar_menu_item_default as SidebarMenuItem, sidebar_menu_sub_default as SidebarMenuSub, sidebar_menu_sub_button_default as SidebarMenuSubButton, sidebar_menu_sub_item_default as SidebarMenuSubItem, sidebar_provider_default as SidebarProvider, sidebar_separator_default as SidebarSeparator, sidebar_trigger_default as SidebarTrigger, slider_default as Slider, social_button_default as SocialButton, sonner_default as Sonner, sonner_alert_default as SonnerAlert, status_badge_default as StatusBadge, switch_default as Switch, tab_menu_default as TabMenu, tab_menu_content_default as TabMenuContent, tab_menu_item_default as TabMenuItem, tab_menu_list_default as TabMenuList, table_default as Table, table_body_default as TableBody, table_caption_default as TableCaption, table_cell_default as TableCell, table_empty_default as TableEmpty, table_footer_default as TableFooter, table_head_default as TableHead, table_header_default as TableHeader, table_row_default as TableRow, tag_default as Tag, text_input_default as TextInput, text_input_affix_default as TextInputAffix, text_input_button_default as TextInputButton, textarea_default as Textarea, tooltip_default as Tooltip, tooltip_content_default as TooltipContent, tooltip_provider_default as TooltipProvider, tooltip_root_default as TooltipRoot, tooltip_trigger_default as TooltipTrigger, bumpColorValue, chartColor, chartTooltip, clamp, formatCompact, formatNumber, getAbsolutePosition, getColorConstraints, getFractionDigit, getPageXYFromEvent, getScrollXY, niceTicks, parseGradient, provideSidebarContext, resolveArrowDirection, stringifyGradient, toast, truncColorValue, uid, useChartMotion, useDelegatedProps, useDirection, useLocale, useSidebar, useTabObserver };
+export { alert_default as Alert, alpha_slider_default as AlphaSlider, badge_default as Badge, bar_chart_default as BarChart, breadcrumb_default as Breadcrumb, breadcrumb_arrow_default as BreadcrumbArrow, breadcrumb_item_default as BreadcrumbItem, button_default as Button, CHART_DURATION, CHART_SERIES_COLORS, COLOR_NUMBER_VALIDATION_PATTERN, calendar_default as Calendar, Celeste, chart_card_default as ChartCard, chart_legend_default as ChartLegend, chart_plot_default as ChartPlot, checkbox_default as Checkbox, checkbox_card_default as CheckboxCard, checkbox_label_default as CheckboxLabel, collapsible_default as Collapsible, collapsible_content_default as CollapsibleContent, collapsible_trigger_default as CollapsibleTrigger, color_area_default as ColorArea, color_picker_default as ColorPicker, color_swatch_default as ColorSwatch, combobox_default as Combobox, combobox_anchor_default as ComboboxAnchor, combobox_empty_default as ComboboxEmpty, combobox_group_default as ComboboxGroup, combobox_input_default as ComboboxInput, combobox_item_default as ComboboxItem, combobox_list_default as ComboboxList, combobox_root_default as ComboboxRoot, combobox_separator_default as ComboboxSeparator, combobox_trigger_default as ComboboxTrigger, compact_button_default as CompactButton, content_divider_default as ContentDivider, counter_input_default as CounterInput, DEFAULT_SWATCH, date_picker_default as DatePicker, dialog_default as Dialog, dialog_body_default as DialogBody, dialog_close_default as DialogClose, dialog_content_default as DialogContent, dialog_description_default as DialogDescription, dialog_footer_default as DialogFooter, dialog_header_default as DialogHeader, dialog_title_default as DialogTitle, dialog_trigger_default as DialogTrigger, digit_input_default as DigitInput, digit_input_group_default as DigitInputGroup, digit_input_slot_default as DigitInputSlot, drawer_default as Drawer, drawer_body_default as DrawerBody, drawer_close_default as DrawerClose, drawer_content_default as DrawerContent, drawer_description_default as DrawerDescription, drawer_footer_default as DrawerFooter, drawer_header_default as DrawerHeader, drawer_title_default as DrawerTitle, drawer_trigger_default as DrawerTrigger, dropdown_menu_default as DropdownMenu, dropdown_menu_content_default as DropdownMenuContent, dropdown_menu_group_default as DropdownMenuGroup, dropdown_menu_item_default as DropdownMenuItem, dropdown_menu_label_default as DropdownMenuLabel, dropdown_menu_separator_default as DropdownMenuSeparator, dropdown_menu_sub_default as DropdownMenuSub, dropdown_menu_sub_content_default as DropdownMenuSubContent, dropdown_menu_sub_trigger_default as DropdownMenuSubTrigger, dropdown_menu_trigger_default as DropdownMenuTrigger, fancy_button_default as FancyButton, file_upload_area_default as FileUploadArea, gradient_picker_default as GradientPicker, HEX_VALIDATION_PATTERN, hint_text_default as HintText, hue_slider_default as HueSlider, label_default as Label, link_button_default as LinkButton, mochi_default as Mochi, modal_default as Modal, modal_body_default as ModalBody, modal_close_default as ModalClose, modal_content_default as ModalContent, modal_footer_default as ModalFooter, modal_header_default as ModalHeader, modal_trigger_default as ModalTrigger, pagination_default as Pagination, pagination_content_default as PaginationContent, pagination_ellipsis_default as PaginationEllipsis, pagination_first_default as PaginationFirst, pagination_item_default as PaginationItem, pagination_last_default as PaginationLast, pagination_next_default as PaginationNext, pagination_previous_default as PaginationPrevious, popover_default as Popover, popover_content_default as PopoverContent, popover_trigger_default as PopoverTrigger, progress_bar_default as ProgressBar, progress_circle_default as ProgressCircle, radio_group_default as RadioGroup, radio_group_card_default as RadioGroupCard, radio_group_item_default as RadioGroupItem, radio_group_label_default as RadioGroupLabel, range_calendar_default as RangeCalendar, range_picker_default as RangePicker, rich_editor_default as RichEditor, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, scroll_area_default as ScrollArea, segmented_control_default as SegmentedControl, segmented_control_item_default as SegmentedControlItem, select_default as Select, select_content_default as SelectContent, select_group_default as SelectGroup, select_icon_default as SelectIcon, select_item_default as SelectItem, select_label_default as SelectLabel, select_separator_default as SelectSeparator, select_trigger_default as SelectTrigger, select_value_default as SelectValue, sheet_default as Sheet, sheet_close_default as SheetClose, sheet_content_default as SheetContent, sheet_description_default as SheetDescription, sheet_footer_default as SheetFooter, sheet_header_default as SheetHeader, sheet_title_default as SheetTitle, sheet_trigger_default as SheetTrigger, sidebar_default as Sidebar, sidebar_content_default as SidebarContent, sidebar_element_default as SidebarElement, sidebar_footer_default as SidebarFooter, sidebar_group_default as SidebarGroup, sidebar_group_content_default as SidebarGroupContent, sidebar_group_label_default as SidebarGroupLabel, sidebar_header_default as SidebarHeader, sidebar_menu_default as SidebarMenu, sidebar_menu_action_default as SidebarMenuAction, sidebar_menu_badge_default as SidebarMenuBadge, sidebar_menu_button_default as SidebarMenuButton, sidebar_menu_item_default as SidebarMenuItem, sidebar_menu_sub_default as SidebarMenuSub, sidebar_menu_sub_button_default as SidebarMenuSubButton, sidebar_menu_sub_item_default as SidebarMenuSubItem, sidebar_provider_default as SidebarProvider, sidebar_separator_default as SidebarSeparator, sidebar_trigger_default as SidebarTrigger, slider_default as Slider, social_button_default as SocialButton, sonner_default as Sonner, sonner_alert_default as SonnerAlert, status_badge_default as StatusBadge, switch_default as Switch, tab_menu_default as TabMenu, tab_menu_content_default as TabMenuContent, tab_menu_item_default as TabMenuItem, tab_menu_list_default as TabMenuList, table_default as Table, table_body_default as TableBody, table_caption_default as TableCaption, table_cell_default as TableCell, table_empty_default as TableEmpty, table_footer_default as TableFooter, table_head_default as TableHead, table_header_default as TableHeader, table_row_default as TableRow, tag_default as Tag, text_input_default as TextInput, text_input_affix_default as TextInputAffix, text_input_button_default as TextInputButton, textarea_default as Textarea, tooltip_default as Tooltip, tooltip_content_default as TooltipContent, tooltip_provider_default as TooltipProvider, tooltip_root_default as TooltipRoot, tooltip_trigger_default as TooltipTrigger, bumpColorValue, chartColor, chartTooltip, clamp, formatCompact, formatNumber, getAbsolutePosition, getColorConstraints, getFractionDigit, getPageXYFromEvent, getScrollXY, niceTicks, parseGradient, provideSidebarContext, resolveArrowDirection, stringifyGradient, toast, truncColorValue, uid, useChartMotion, useDelegatedProps, useDirection, useLocale, useSidebar, useTabObserver };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "author": "YouCan <tech@youcan.shop>",
   "repository": {
     "type": "git",
@@ -52,8 +52,8 @@
     "reka-ui": "~2.10.5",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.9",
-    "@youcan/celeste-icons": "0.22.0",
-    "@youcan/celeste-tokens": "0.22.0"
+    "@youcan/celeste-tokens": "0.23.0",
+    "@youcan/celeste-icons": "0.23.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.3.0",