@matta-trade/ui 0.0.0-stage → 0.2.1

package/dist/alert-dialog/index.js

@@ -0,0 +1,177 @@
+import { t as e } from "../chunks/utils-CX-Pz5p6.js";
+import { t } from "../chunks/button-DcaKfSRM.js";
+import { createBlock as n, createElementBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeClass as c, normalizeProps as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
+import { AlertDialogAction as m, AlertDialogCancel as h, AlertDialogContent as g, AlertDialogDescription as _, AlertDialogOverlay as v, AlertDialogPortal as y, AlertDialogRoot as b, AlertDialogTitle as x, AlertDialogTrigger as S, useForwardPropsEmits as C } from "reka-ui";
+import { reactiveOmit as w } from "@vueuse/core";
+//#endregion
+//#region src/alert-dialog/AlertDialog.vue
+var T = /* @__PURE__ */ a({
+	__name: "AlertDialog",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		unmountOnHide: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let r = C(e, t);
+		return (e, t) => (u(), n(f(b), l(o(f(r))), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), E = /* @__PURE__ */ a({
+	__name: "AlertDialogAction",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let i = r, a = w(i, "class");
+		return (r, o) => (u(), n(f(m), s(f(a), { class: f(e)(f(t)(), i.class) }), {
+			default: p(() => [d(r.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), D = /* @__PURE__ */ a({
+	__name: "AlertDialogCancel",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let i = r, a = w(i, "class");
+		return (r, o) => (u(), n(f(h), s(f(a), { class: f(e)(f(t)({ variant: "outline" }), "mt-2 sm:mt-0", i.class) }), {
+			default: p(() => [d(r.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), O = /* @__PURE__ */ a({
+	__name: "AlertDialogContent",
+	props: {
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(t, { emit: r }) {
+		let a = t, o = r, c = w(a, "class"), l = C(c, o);
+		return (t, r) => (u(), n(f(y), null, {
+			default: p(() => [i(f(v), { class: "inset-0 backdrop-blur-xs fixed z-50 bg-black/40 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0" }), i(f(g), s(f(l), { class: f(e)("max-w-lg gap-4 p-6 fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 rounded-xl border border-border-secondary bg-primary shadow-2xl duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] data-[state=open]:zoom-in-95", a.class) }), {
+				default: p(() => [d(t.$slots, "default")]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), k = /* @__PURE__ */ a({
+	__name: "AlertDialogDescription",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let r = t, i = w(r, "class");
+		return (t, a) => (u(), n(f(_), s(f(i), { class: f(e)("text-sm text-tertiary", r.class) }), {
+			default: p(() => [d(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), A = /* @__PURE__ */ a({
+	__name: "AlertDialogFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, i) => (u(), r("div", { class: c(f(e)("sm:flex-row sm:justify-end sm:gap-x-2 flex flex-col-reverse", n.class)) }, [d(t.$slots, "default")], 2));
+	}
+}), j = /* @__PURE__ */ a({
+	__name: "AlertDialogHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, i) => (u(), r("div", { class: c(f(e)("gap-y-2 sm:text-left flex flex-col text-center", n.class)) }, [d(t.$slots, "default")], 2));
+	}
+}), M = /* @__PURE__ */ a({
+	__name: "AlertDialogTitle",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let r = t, i = w(r, "class");
+		return (t, a) => (u(), n(f(x), s(f(i), { class: f(e)("font-semibold text-lg", r.class) }), {
+			default: p(() => [d(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), N = /* @__PURE__ */ a({
+	__name: "AlertDialogTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (u(), n(f(S), l(o(t)), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { T as AlertDialog, E as AlertDialogAction, D as AlertDialogCancel, O as AlertDialogContent, k as AlertDialogDescription, A as AlertDialogFooter, j as AlertDialogHeader, M as AlertDialogTitle, N as AlertDialogTrigger };

package/dist/avatar/Avatar.vue.d.ts

@@ -0,0 +1,27 @@
+import { AvatarVariants } from '.';
+import { HTMLAttributes } from 'vue';
+export interface AvatarProps {
+    class?: HTMLAttributes["class"];
+    size?: AvatarVariants["size"];
+    shape?: AvatarVariants["shape"];
+    src?: string;
+    alt?: string;
+    initials?: string;
+    status?: "online" | "offline" | "busy" | "away";
+}
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
+    size: "base" | "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | null;
+    shape: "circle" | "square" | null;
+}, {}, {}, {}, 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/avatar/AvatarFallback.vue.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'vue';
+import { AvatarFallbackProps } from 'reka-ui';
+interface Props extends AvatarFallbackProps {
+    class?: HTMLAttributes["class"];
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & 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/avatar/AvatarImage.vue.d.ts

@@ -0,0 +1,14 @@
+import { AvatarImageProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<AvatarImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarImageProps> & 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/avatar/index.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+export { default as Avatar } from './Avatar.vue';
+export { default as AvatarFallback } from './AvatarFallback.vue';
+export { default as AvatarImage } from './AvatarImage.vue';
+export declare const avatarVariant: (props?: ({
+    size?: "base" | "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | null | undefined;
+    shape?: "circle" | "square" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type AvatarVariants = VariantProps<typeof avatarVariant>;

package/dist/avatar/index.js

@@ -0,0 +1,120 @@
+import { t as e } from "../chunks/utils-CX-Pz5p6.js";
+import { n as t } from "../chunks/avatar-colors-CCGh54Ve.js";
+import { cva as n } from "class-variance-authority";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+import { AvatarFallback as _, AvatarImage as v, AvatarRoot as y } from "reka-ui";
+//#endregion
+//#region src/avatar/AvatarFallback.vue
+var b = /* @__PURE__ */ l({
+	__name: "AvatarFallback",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		delayMs: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(t) {
+		let n = t;
+		return (t, r) => (f(), i(h(_), u(n, { class: h(e)("font-semibold flex size-full items-center justify-center text-secondary select-none", n.class) }), {
+			default: g(() => [p(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), x = /* @__PURE__ */ l({
+	__name: "AvatarImage",
+	props: {
+		src: {},
+		referrerPolicy: {},
+		crossOrigin: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (f(), i(h(v), u(t, { class: "h-full w-full object-cover" }), {
+			default: g(() => [p(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), S = { class: "relative inline-flex shrink-0" }, C = /* @__PURE__ */ l({
+	__name: "Avatar",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		size: { default: "md" },
+		shape: { default: "circle" },
+		src: {},
+		alt: {},
+		initials: {},
+		status: {}
+	},
+	setup(n) {
+		let l = n, u = r(() => t(l.alt || l.initials || "User")), _ = r(() => {
+			switch (l.size) {
+				case "xs": return "size-1.5 ring-1";
+				case "sm": return "size-2 ring-1.5";
+				case "lg": return "size-3 ring-2";
+				case "xl": return "size-3.5 ring-2";
+				case "2xl": return "size-4 ring-2";
+				default: return "size-2.5 ring-2";
+			}
+		}), v = r(() => {
+			switch (l.status) {
+				case "online": return "bg-utility-success-500";
+				case "busy": return "bg-utility-red-500";
+				case "away": return "bg-utility-warning-500";
+				default: return "bg-utility-gray-400";
+			}
+		});
+		return (t, r) => (f(), o("div", S, [c(h(y), { class: d(h(e)(h(w)({
+			size: n.size,
+			shape: n.shape
+		}), l.class)) }, {
+			default: g(() => [p(t.$slots, "default", {}, () => [n.src ? (f(), i(x, {
+				key: 0,
+				src: n.src,
+				alt: n.alt || n.initials
+			}, null, 8, ["src", "alt"])) : a("", !0), c(b, { class: d(h(e)(u.value.bg, u.value.text, "font-semibold")) }, {
+				default: g(() => [s(m(n.initials || (n.alt ? n.alt.slice(0, 2).toUpperCase() : "U")), 1)]),
+				_: 1
+			}, 8, ["class"])])]),
+			_: 3
+		}, 8, ["class"]), n.status ? (f(), o("span", {
+			key: 0,
+			class: d(h(e)("bottom-0 right-0 dark:ring-gray-950 absolute rounded-full ring-2 ring-white", _.value, v.value))
+		}, null, 2)) : a("", !0)]));
+	}
+}), w = n("font-medium relative inline-flex shrink-0 items-center justify-center overflow-hidden bg-secondary select-none", {
+	variants: {
+		size: {
+			xs: "size-6 text-[10px]",
+			sm: "size-8 text-xs",
+			md: "size-10 text-sm",
+			base: "size-10 text-sm",
+			lg: "size-12 text-base",
+			xl: "size-14 text-lg",
+			"2xl": "size-16 text-xl"
+		},
+		shape: {
+			circle: "rounded-full",
+			square: "rounded-xl"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		shape: "circle"
+	}
+});
+//#endregion
+export { C as Avatar, b as AvatarFallback, x as AvatarImage, w as avatarVariant };

package/dist/avatar-colors.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Accessible background/text pairs for identity avatars that fall back to initials.
+ * Reuses the same `utility-*` color tokens `Badge` uses (already carry correct dark-mode
+ * swaps), excluding gray/brand/error/warning/success since those carry semantic meaning
+ * elsewhere in the system.
+ */
+export declare const AVATAR_INITIALS_COLORS: readonly [{
+    readonly bg: "bg-utility-slate-50";
+    readonly text: "text-utility-slate-700";
+}, {
+    readonly bg: "bg-utility-sky-50";
+    readonly text: "text-utility-sky-700";
+}, {
+    readonly bg: "bg-utility-blue-50";
+    readonly text: "text-utility-blue-700";
+}, {
+    readonly bg: "bg-utility-indigo-50";
+    readonly text: "text-utility-indigo-700";
+}, {
+    readonly bg: "bg-utility-purple-50";
+    readonly text: "text-utility-purple-700";
+}, {
+    readonly bg: "bg-utility-pink-50";
+    readonly text: "text-utility-pink-700";
+}, {
+    readonly bg: "bg-utility-orange-50";
+    readonly text: "text-utility-orange-700";
+}];
+/** Deterministic pick so the same identity always renders the same color, no flicker on re-render. */
+export declare const getAvatarInitialsColor: (seed: string) => {
+    readonly bg: "bg-utility-slate-50";
+    readonly text: "text-utility-slate-700";
+} | {
+    readonly bg: "bg-utility-sky-50";
+    readonly text: "text-utility-sky-700";
+} | {
+    readonly bg: "bg-utility-blue-50";
+    readonly text: "text-utility-blue-700";
+} | {
+    readonly bg: "bg-utility-indigo-50";
+    readonly text: "text-utility-indigo-700";
+} | {
+    readonly bg: "bg-utility-purple-50";
+    readonly text: "text-utility-purple-700";
+} | {
+    readonly bg: "bg-utility-pink-50";
+    readonly text: "text-utility-pink-700";
+} | {
+    readonly bg: "bg-utility-orange-50";
+    readonly text: "text-utility-orange-700";
+};

package/dist/badge/Badge.vue.d.ts

@@ -0,0 +1,20 @@
+import { BadgeVariants } from '.';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    variant?: BadgeVariants["variant"];
+    class?: HTMLAttributes["class"];
+    dot?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/badge/index.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export { default as Badge } from './Badge.vue';
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | "secondary" | "outline" | "brand" | "error" | "indigo" | "purple" | "pink" | "gray" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type BadgeVariants = VariantProps<typeof badgeVariants>;

package/dist/badge/index.js

@@ -0,0 +1,58 @@
+import { t as e } from "../chunks/utils-CX-Pz5p6.js";
+import { cva as t } from "class-variance-authority";
+import { computed as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, unref as l } from "vue";
+//#endregion
+//#region src/badge/Badge.vue
+var u = /* @__PURE__ */ a({
+	__name: "Badge",
+	props: {
+		variant: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		dot: { type: Boolean }
+	},
+	setup(t) {
+		let a = t, u = n(() => {
+			switch (a.variant) {
+				case "brand": return "bg-utility-brand-500";
+				case "success": return "bg-utility-green-500";
+				case "warning": return "bg-utility-orange-500";
+				case "error":
+				case "destructive": return "bg-utility-red-500";
+				case "indigo": return "bg-utility-indigo-500";
+				case "purple": return "bg-utility-purple-500";
+				case "pink": return "bg-utility-pink-500";
+				case "gray":
+				case "secondary": return "bg-utility-gray-500";
+				default: return "bg-primary";
+			}
+		});
+		return (n, f) => (s(), i("div", { class: o(l(e)(l(d)({ variant: t.variant }), a.class)) }, [t.dot ? (s(), i("span", {
+			key: 0,
+			class: o(l(e)("size-1.5 shrink-0 rounded-full", u.value))
+		}, null, 2)) : r("", !0), c(n.$slots, "default")], 2));
+	}
+}), d = t("gap-1.5 px-2.5 py-0.5 font-semibold focus:ring-ring inline-flex items-center rounded-full border text-xs transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-none", {
+	variants: { variant: {
+		default: "text-primary-foreground border-transparent bg-primary hover:bg-primary/80",
+		secondary: "text-secondary-foreground border-transparent bg-secondary hover:bg-secondary/80",
+		destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent",
+		outline: "text-foreground border-border-secondary",
+		brand: "dark:bg-utility-brand-950 border-border-brand/30 bg-utility-brand-50 text-utility-brand-700 dark:text-utility-brand-300",
+		success: "dark:bg-utility-green-950 dark:border-utility-green-800 border-utility-green-200 bg-utility-green-50 text-utility-green-700 dark:text-utility-green-300",
+		warning: "dark:bg-utility-orange-950 dark:border-utility-orange-800 border-utility-orange-200 bg-utility-orange-50 text-utility-orange-700 dark:text-utility-orange-300",
+		error: "dark:bg-utility-red-950 dark:border-utility-red-800 border-utility-red-200 bg-utility-red-50 text-utility-red-700 dark:text-utility-red-300",
+		indigo: "dark:bg-utility-indigo-950 dark:border-utility-indigo-800 border-utility-indigo-200 bg-utility-indigo-50 text-utility-indigo-700 dark:text-utility-indigo-300",
+		purple: "dark:bg-utility-purple-950 dark:border-utility-purple-800 border-utility-purple-200 bg-utility-purple-50 text-utility-purple-700 dark:text-utility-purple-300",
+		pink: "dark:bg-utility-pink-950 dark:border-utility-pink-800 border-utility-pink-200 bg-utility-pink-50 text-utility-pink-700 dark:text-utility-pink-300",
+		gray: "border-border-secondary bg-secondary text-secondary hover:bg-secondary/80"
+	} },
+	defaultVariants: { variant: "default" }
+});
+//#endregion
+export { u as Badge, d as badgeVariants };

package/dist/breadcrumb/Breadcrumb.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/breadcrumb/BreadcrumbEllipsis.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/breadcrumb/BreadcrumbItem.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/breadcrumb/BreadcrumbLink.vue.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from 'vue';
+import { PrimitiveProps } from 'reka-ui';
+type __VLS_Props = PrimitiveProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/breadcrumb/BreadcrumbList.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/breadcrumb/BreadcrumbPage.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/breadcrumb/BreadcrumbSeparator.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/breadcrumb/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Breadcrumb } from './Breadcrumb.vue';
+export { default as BreadcrumbEllipsis } from './BreadcrumbEllipsis.vue';
+export { default as BreadcrumbItem } from './BreadcrumbItem.vue';
+export { default as BreadcrumbLink } from './BreadcrumbLink.vue';
+export { default as BreadcrumbList } from './BreadcrumbList.vue';
+export { default as BreadcrumbPage } from './BreadcrumbPage.vue';
+export { default as BreadcrumbSeparator } from './BreadcrumbSeparator.vue';