@jfrader/ui 0.1.2 → 0.3.0

package/README.md

@@ -58,7 +58,7 @@ import { Dialog } from '@jfrader/ui/dialog';
 import { ThemeRoot } from '@jfrader/ui/theme-root';
 ```
 
-`react` and `react-dom` (`>=18.2`) are peer dependencies.
+`react` and `react-dom` (`^19.0.0`) are peer dependencies.
 
 Next.js App Router: see [Next.js App Router](https://github.com/jfrader/jfrader-ui/blob/master/docs/consuming-jfrader-ui.md#nextjs-app-router) for the required Emotion registry.
 

package/dist/accordion-Bd-j04hW.js

@@ -0,0 +1,198 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { t as n } from "./disclosure-caret-C5T3fcl6.js";
+import { t as r } from "./focus-ring-BK5W5_NY.js";
+import { n as i } from "./media-D_eA_I-e.js";
+import { n as a } from "./roving-focus-CYlo_Kf8.js";
+import { t as o } from "./use-controlled-state-CVXDa-qM.js";
+import { createContext as s, useContext as c, useId as l, useMemo as u } from "react";
+import { vars as d } from "@jfrader/tokens/vars";
+import { jsx as f } from "@emotion/react/jsx-runtime";
+//#region src/components/accordion/accordion.tsx
+var p = s(null), m = s(null);
+function h(e) {
+	let t = c(p);
+	if (!t) throw Error(`Accordion.${e} must be rendered inside <Accordion>.`);
+	return t;
+}
+function g(e) {
+	let t = c(m);
+	if (!t) throw Error(`Accordion.${e} must be rendered inside <Accordion.Item>.`);
+	return t;
+}
+var _ = "", v = {
+	itemSelector: "[data-ui=\"accordion-trigger\"]:not([disabled])",
+	ownerSelector: "[data-ui=\"accordion\"]"
+}, y = (e, t) => {
+	if (t === "multiple" && Array.isArray(e)) return e;
+	let n = Array.isArray(e) ? e[0] : e;
+	return n === void 0 || n === _ ? [] : [n];
+}, b = e({
+	borderBlockEnd: `1px solid ${d.color.border}`,
+	"&:first-of-type": { borderBlockStart: `1px solid ${d.color.border}` }
+}), x = e({
+	margin: 0,
+	font: "inherit"
+}), S = e({
+	appearance: "none",
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between",
+	gap: d.space[3],
+	inlineSize: "100%",
+	border: 0,
+	background: "transparent",
+	cursor: "pointer",
+	paddingBlock: d.space[3],
+	paddingInline: d.space[4],
+	font: "inherit",
+	fontSize: d.textSize.sm,
+	fontWeight: d.fontWeight.medium,
+	color: d.color.text,
+	textAlign: "start",
+	transitionProperty: "background-color",
+	transitionDuration: d.motion.duration.fast,
+	transitionTimingFunction: d.motion.easeStandard,
+	"&::after": { ...n },
+	"&[aria-expanded=\"true\"]::after": { transform: "rotate(90deg)" },
+	"&[aria-expanded=\"true\"]:dir(rtl)::after": { transform: "rotate(-90deg)" },
+	"&:hover:not(:disabled):not([aria-disabled=\"true\"])": { backgroundColor: d.color.surfaceHover },
+	"&[aria-disabled=\"true\"]": { cursor: "default" },
+	"&:disabled": {
+		opacity: .55,
+		cursor: "not-allowed"
+	},
+	"&:focus-visible": { ...r },
+	[i]: {
+		transitionDuration: "0s",
+		"&::after": { transitionDuration: "0s" }
+	}
+}), C = e({
+	paddingBlock: d.space[3],
+	paddingInline: d.space[4],
+	color: d.color.textMuted,
+	lineHeight: d.lineHeight.relaxed,
+	"&[hidden]": { display: "none" }
+});
+function w({ ref: e, value: n, defaultValue: r, onValueChange: i, type: s = "single", collapsible: c = !0, onKeyDown: l, className: d, sx: m, ...h }) {
+	let [g, b] = o(n, r, i), x = u(() => {
+		let e = y(g, s), t = c || e.length > 1;
+		return {
+			openValues: e,
+			toggle: (n) => {
+				let r = e.includes(n);
+				(!r || t) && b(s === "multiple" ? r ? e.filter((e) => e !== n) : [...e, n] : r ? _ : n);
+			},
+			canCollapse: t
+		};
+	}, [
+		g,
+		b,
+		s,
+		c
+	]), S = (e) => {
+		l?.(e), !e.defaultPrevented && a(e, e.currentTarget, "vertical", v);
+	};
+	return /* @__PURE__ */ f(p.Provider, {
+		value: x,
+		children: /* @__PURE__ */ f(t, {
+			className: d,
+			sx: m,
+			children: (t) => /* @__PURE__ */ f("div", {
+				...h,
+				ref: e,
+				"data-ui": "accordion",
+				onKeyDown: S,
+				className: t
+			})
+		})
+	});
+}
+w.displayName = "Accordion";
+function T({ ref: e, value: n, disabled: r = !1, className: i, sx: a, ...o }) {
+	let { openValues: s } = h("Item"), c = l(), d = s.includes(n), p = u(() => ({
+		value: n,
+		disabled: r,
+		expanded: d,
+		triggerId: `${c}-trigger`,
+		panelId: `${c}-panel`
+	}), [
+		n,
+		r,
+		d,
+		c
+	]);
+	return /* @__PURE__ */ f(m.Provider, {
+		value: p,
+		children: /* @__PURE__ */ f(t, {
+			className: i,
+			styles: b,
+			sx: a,
+			children: (t) => /* @__PURE__ */ f("div", {
+				...o,
+				ref: e,
+				"data-ui": "accordion-item",
+				"data-state": d ? "open" : "closed",
+				"data-disabled": r ? "" : void 0,
+				className: t
+			})
+		})
+	});
+}
+T.displayName = "Accordion.Item";
+function E({ ref: e, onClick: n, disabled: r, className: i, sx: a, ...o }) {
+	let { toggle: s, canCollapse: c } = h("Trigger"), { value: l, disabled: u, expanded: d, triggerId: p, panelId: m } = g("Trigger"), _ = d && !c, v = (e) => {
+		n?.(e), !e.defaultPrevented && s(l);
+	};
+	return /* @__PURE__ */ f("h3", {
+		"data-ui": "accordion-heading",
+		css: x,
+		children: /* @__PURE__ */ f(t, {
+			className: i,
+			styles: S,
+			sx: a,
+			children: (t) => /* @__PURE__ */ f("button", {
+				...o,
+				ref: e,
+				type: "button",
+				id: p,
+				"data-ui": "accordion-trigger",
+				"data-state": d ? "open" : "closed",
+				"aria-expanded": d,
+				"aria-controls": m,
+				"aria-disabled": _ || void 0,
+				disabled: u || r,
+				onClick: v,
+				className: t
+			})
+		})
+	});
+}
+E.displayName = "Accordion.Trigger";
+function D({ ref: e, "aria-labelledby": n, className: r, sx: i, ...a }) {
+	let { expanded: o, triggerId: s, panelId: c } = g("Panel"), l = [n, s].filter(Boolean).join(" ");
+	return /* @__PURE__ */ f(t, {
+		className: r,
+		styles: C,
+		sx: i,
+		children: (t) => /* @__PURE__ */ f("div", {
+			...a,
+			ref: e,
+			role: "region",
+			id: c,
+			"aria-labelledby": l,
+			hidden: !o,
+			"data-ui": "accordion-panel",
+			"data-state": o ? "open" : "closed",
+			className: t
+		})
+	});
+}
+D.displayName = "Accordion.Panel";
+var O = Object.assign(w, {
+	Item: T,
+	Trigger: E,
+	Panel: D
+});
+//#endregion
+export { O as t };

package/dist/accordion.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Accordion } from "./accordion-C3YbYFBi.js";
+export { t as Accordion } from "./accordion-Bd-j04hW.js";

package/dist/{alert-CA9ZlIZp.js → alert-BBqaKI4k.js}

@@ -1,10 +1,9 @@
 'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { n as t } from "./focus-ring-BK5W5_NY.js";
-import { n } from "./media-D_eA_I-e.js";
-import { t as r } from "./visually-hidden-DCWhf0Cb.js";
-import { t as i } from "./renderable-DzcIj1Lo.js";
-import { forwardRef as a } from "react";
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { n } from "./focus-ring-BK5W5_NY.js";
+import { n as r } from "./media-D_eA_I-e.js";
+import { t as i } from "./visually-hidden-BJdvqqvn.js";
+import { t as a } from "./renderable-DzcIj1Lo.js";
 import { vars as o } from "@jfrader/tokens/vars";
 import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
 //#region src/components/alert/alert.tsx
@@ -76,55 +75,61 @@ var l = {
 		backgroundColor: o.color.surfaceHover,
 		color: o.color.text
 	},
-	"&:focus-visible": { ...t },
-	[n]: { transitionDuration: "0s" }
-}), _ = a(function({ tone: e = "info", toneLabel: t = l[e], title: n, children: a, onDismiss: o, dismissLabel: _ = "Dismiss", slotProps: v, className: y, ...b }, x) {
-	let S = o !== void 0;
-	return /* @__PURE__ */ c("div", {
-		...b,
-		ref: x,
-		"data-ui": "alert",
-		"data-tone": e,
-		className: [y, v?.root?.className].filter(Boolean).join(" ") || void 0,
-		css: [
+	"&:focus-visible": { ...n },
+	[r]: { transitionDuration: "0s" }
+});
+function _({ ref: e, tone: n = "info", toneLabel: r = l[n], title: o, children: _, onDismiss: v, dismissLabel: y = "Dismiss", slotProps: b, className: x, sx: S, ...C }) {
+	let w = v !== void 0;
+	return /* @__PURE__ */ s(t, {
+		className: [x, b?.root?.className].filter(Boolean).join(" ") || void 0,
+		styles: [
 			u,
-			p[e],
-			S && d,
-			v?.root?.css
+			p[n],
+			w && d,
+			b?.root?.css
 		],
-		children: [/* @__PURE__ */ c("div", {
-			role: e === "danger" ? "alert" : "status",
-			"aria-atomic": "true",
-			css: f,
-			children: [
-				/* @__PURE__ */ s("span", {
-					css: r,
-					children: t
-				}),
-				i(n) && /* @__PURE__ */ s("div", {
-					className: v?.title?.className,
-					css: [m, v?.title?.css],
-					children: n
-				}),
-				i(a) && /* @__PURE__ */ s("div", {
-					className: v?.body?.className,
-					css: [h, v?.body?.css],
-					children: a
+		sx: S,
+		children: (t) => /* @__PURE__ */ c("div", {
+			...C,
+			ref: e,
+			"data-ui": "alert",
+			"data-tone": n,
+			className: t,
+			children: [/* @__PURE__ */ c("div", {
+				role: n === "danger" ? "alert" : "status",
+				"aria-atomic": "true",
+				css: f,
+				children: [
+					/* @__PURE__ */ s("span", {
+						css: i,
+						children: r
+					}),
+					a(o) && /* @__PURE__ */ s("div", {
+						className: b?.title?.className,
+						css: [m, b?.title?.css],
+						children: o
+					}),
+					a(_) && /* @__PURE__ */ s("div", {
+						className: b?.body?.className,
+						css: [h, b?.body?.css],
+						children: _
+					})
+				]
+			}), w && /* @__PURE__ */ s("button", {
+				type: "button",
+				"data-ui": "alert-dismiss",
+				"aria-label": y,
+				onClick: () => v?.(),
+				className: b?.dismiss?.className,
+				css: [g, b?.dismiss?.css],
+				children: /* @__PURE__ */ s("span", {
+					"aria-hidden": !0,
+					children: "×"
 				})
-			]
-		}), S && /* @__PURE__ */ s("button", {
-			type: "button",
-			"data-ui": "alert-dismiss",
-			"aria-label": _,
-			onClick: () => o?.(),
-			className: v?.dismiss?.className,
-			css: [g, v?.dismiss?.css],
-			children: /* @__PURE__ */ s("span", {
-				"aria-hidden": !0,
-				children: "×"
-			})
-		})]
+			})]
+		})
 	});
-});
+}
+_.displayName = "Alert";
 //#endregion
 export { _ as t };

package/dist/alert.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Alert } from "./alert-CA9ZlIZp.js";
+export { t as Alert } from "./alert-BBqaKI4k.js";

package/dist/{avatar-IUW4yJl0.js → avatar-BahDVO9t.js}

@@ -1,6 +1,6 @@
 'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { forwardRef as t, useState as n } from "react";
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { useState as n } from "react";
 import { vars as r } from "@jfrader/tokens/vars";
 import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
 //#region src/components/avatar/avatar.tsx
@@ -89,37 +89,44 @@ var u = e({
 		insetBlockStart: "20%",
 		insetInlineStart: "20%"
 	} })
-}, h = t(function({ name: e, src: t, size: r = "md", status: o, statusLabel: s, slotProps: c, ...h }, g) {
-	let [_, v] = n(), y = t !== void 0 && t !== "" && t !== _, b = o === void 0 ? e : `${e}, ${s ?? o}`;
-	return /* @__PURE__ */ a("span", {
-		...h,
-		ref: g,
-		"data-ui": "avatar",
-		role: "img",
-		"aria-label": b,
-		css: [u, d[r]],
-		children: [y ? /* @__PURE__ */ i("img", {
-			src: t,
-			alt: "",
-			onError: () => v(t),
-			className: c?.image?.className,
-			css: [f, c?.image?.css]
-		}) : /* @__PURE__ */ i("span", {
-			"aria-hidden": "true",
-			className: c?.fallback?.className,
-			css: c?.fallback?.css,
-			children: l(e)
-		}), o !== void 0 && /* @__PURE__ */ i("span", {
-			"aria-hidden": "true",
-			"data-status": o,
-			className: c?.status?.className,
-			css: [
-				p,
-				m[o],
-				c?.status?.css
-			]
-		})]
+};
+function h({ ref: e, name: r, src: o, size: s = "md", status: c, statusLabel: h, slotProps: g, className: _, sx: v, ...y }) {
+	let [b, x] = n(), S = o !== void 0 && o !== "" && o !== b, C = c === void 0 ? r : `${r}, ${h ?? c}`;
+	return /* @__PURE__ */ i(t, {
+		className: _,
+		styles: [u, d[s]],
+		sx: v,
+		children: (t) => /* @__PURE__ */ a("span", {
+			...y,
+			ref: e,
+			"data-ui": "avatar",
+			role: "img",
+			"aria-label": C,
+			className: t,
+			children: [S ? /* @__PURE__ */ i("img", {
+				src: o,
+				alt: "",
+				onError: () => x(o),
+				className: g?.image?.className,
+				css: [f, g?.image?.css]
+			}) : /* @__PURE__ */ i("span", {
+				"aria-hidden": "true",
+				className: g?.fallback?.className,
+				css: g?.fallback?.css,
+				children: l(r)
+			}), c !== void 0 && /* @__PURE__ */ i("span", {
+				"aria-hidden": "true",
+				"data-status": c,
+				className: g?.status?.className,
+				css: [
+					p,
+					m[c],
+					g?.status?.css
+				]
+			})]
+		})
 	});
-});
+}
+h.displayName = "Avatar";
 //#endregion
 export { h as t };

package/dist/avatar.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Avatar } from "./avatar-IUW4yJl0.js";
+export { t as Avatar } from "./avatar-BahDVO9t.js";

package/dist/{badge-Bru30HEn.js → badge-B_sLygxU.js}

@@ -1,6 +1,5 @@
 'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { forwardRef as t } from "react";
+import { r as e, t } from "./sx-Dx9JUKp5.js";
 import { vars as n } from "@jfrader/tokens/vars";
 import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
 //#region src/components/badge/badge.tsx
@@ -73,31 +72,37 @@ var a = 99, o = e({
 		backgroundColor: n.color.textMuted,
 		color: n.color.bg
 	})
-}, f = t(function({ children: e, badgeContent: t, max: n = a, showZero: f = !1, invisible: p = !1, variant: m = "standard", tone: h = "accent", anchor: g, overlap: _ = "rectangular", slotProps: v, className: y, ...b }, x) {
-	let S = m === "dot", C = p || m !== "dot" && (t == null || t === !1 || t === 0 && !f), w = typeof t == "number" && t > n ? `${n}+` : t, T = `${g?.vertical ?? "top"}-${g?.horizontal ?? "end"}`, E = [y, v?.root?.className].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ i("span", {
-		...b,
-		ref: x,
-		"data-ui": "badge",
-		className: E,
-		css: [o, v?.root?.css],
-		children: [e, !C && /* @__PURE__ */ r("span", {
-			"data-ui": "badge-marker",
-			"data-variant": m,
-			"data-tone": h,
-			"aria-hidden": S ? "true" : void 0,
-			className: v?.badge?.className,
-			css: [
-				s,
-				c[m],
-				!S && l[_],
-				u[T],
-				d[h],
-				v?.badge?.css
-			],
-			children: S ? null : w
-		})]
+};
+function f({ ref: e, children: n, badgeContent: f, max: p = a, showZero: m = !1, invisible: h = !1, variant: g = "standard", tone: _ = "accent", anchor: v, overlap: y = "rectangular", slotProps: b, className: x, sx: S, ...C }) {
+	let w = g === "dot", T = h || g !== "dot" && (f == null || f === !1 || f === 0 && !m), E = typeof f == "number" && f > p ? `${p}+` : f, D = `${v?.vertical ?? "top"}-${v?.horizontal ?? "end"}`, O = [x, b?.root?.className].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ r(t, {
+		className: O,
+		styles: [o, b?.root?.css],
+		sx: S,
+		children: (t) => /* @__PURE__ */ i("span", {
+			...C,
+			ref: e,
+			"data-ui": "badge",
+			className: t,
+			children: [n, !T && /* @__PURE__ */ r("span", {
+				"data-ui": "badge-marker",
+				"data-variant": g,
+				"data-tone": _,
+				"aria-hidden": w ? "true" : void 0,
+				className: b?.badge?.className,
+				css: [
+					s,
+					c[g],
+					!w && l[y],
+					u[D],
+					d[_],
+					b?.badge?.css
+				],
+				children: w ? null : E
+			})]
+		})
 	});
-});
+}
+f.displayName = "Badge";
 //#endregion
 export { f as t };

package/dist/badge.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Badge } from "./badge-Bru30HEn.js";
+export { t as Badge } from "./badge-B_sLygxU.js";

package/dist/breadcrumbs-DVAOxfvL.js

@@ -0,0 +1,141 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { n } from "./focus-ring-BK5W5_NY.js";
+import { n as r } from "./media-D_eA_I-e.js";
+import { createContext as i, useCallback as a, useContext as o, useId as s, useImperativeHandle as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { vars as p } from "@jfrader/tokens/vars";
+import { jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
+//#region src/components/breadcrumbs/breadcrumbs.tsx
+var g = i(null);
+function _(e) {
+	let t = o(g);
+	if (!t) throw Error(`Breadcrumbs.${e} must be rendered inside <Breadcrumbs>.`);
+	return t;
+}
+var v = ([, e], [, t]) => e.node.compareDocumentPosition(t.node) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1, y = e({
+	display: "flex",
+	flexWrap: "wrap",
+	alignItems: "center",
+	gap: p.space[2],
+	margin: 0,
+	padding: 0,
+	listStyle: "none",
+	fontFamily: p.font.sans,
+	fontSize: p.textSize.sm,
+	lineHeight: p.lineHeight.tight
+}), b = e({
+	display: "inline-flex",
+	alignItems: "center",
+	gap: p.space[2],
+	color: p.color.textMuted,
+	"&:first-of-type > [data-ui=\"breadcrumbs-separator\"]": { display: "none" }
+}), x = e({ display: "inline-flex" }), S = e({
+	display: "inline-flex",
+	alignItems: "center",
+	gap: p.space[1],
+	minBlockSize: "24px",
+	borderRadius: p.radius.sm,
+	color: "inherit",
+	"& svg": {
+		inlineSize: "1em",
+		blockSize: "1em",
+		flexShrink: 0
+	},
+	"&[aria-current=\"page\"]": {
+		color: p.color.text,
+		fontWeight: p.fontWeight.medium
+	}
+}), C = e({
+	textDecoration: "underline",
+	textDecorationColor: "transparent",
+	textUnderlineOffset: "0.2em",
+	transitionProperty: "color, text-decoration-color",
+	transitionDuration: p.motion.duration.fast,
+	transitionTimingFunction: p.motion.easeStandard,
+	"&:hover": {
+		color: p.color.text,
+		textDecorationColor: "currentColor"
+	},
+	"&:focus-visible": { ...n },
+	[r]: { transitionDuration: "0s" }
+});
+function w({ ref: e, label: n = "Breadcrumb", separator: r = "/", children: i, className: o, sx: s, ...c }) {
+	let l = d(/* @__PURE__ */ new Map()), [p, h] = f(null), _ = d(null), b = a(() => {
+		let e = Array.from(l.current).sort(v), t = e.some(([, e]) => e.current === !0) ? null : e.at(-1)?.[0] ?? null;
+		_.current !== t && (_.current = t, h(t));
+	}, []), x = a((e, t) => {
+		l.current.set(e, t), b();
+	}, [b]), S = a((e) => {
+		l.current.delete(e), b();
+	}, [b]), C = u(() => ({
+		separator: r,
+		autoCurrentId: p,
+		register: x,
+		unregister: S
+	}), [
+		r,
+		p,
+		x,
+		S
+	]);
+	return /* @__PURE__ */ m(g.Provider, {
+		value: C,
+		children: /* @__PURE__ */ m(t, {
+			className: o,
+			sx: s,
+			children: (t) => /* @__PURE__ */ m("nav", {
+				...c,
+				ref: e,
+				"aria-label": n,
+				"data-ui": "breadcrumbs",
+				className: t,
+				children: /* @__PURE__ */ m("ol", {
+					css: y,
+					children: i
+				})
+			})
+		})
+	});
+}
+w.displayName = "Breadcrumbs";
+function T({ ref: e, href: n, current: r, children: i, className: a, sx: o, ...u }) {
+	let { separator: f, autoCurrentId: p, register: g, unregister: v } = _("Item"), y = s(), w = d(null);
+	c(e, () => w.current, []), l(() => {
+		let e = w.current;
+		e && g(y, {
+			node: e,
+			current: r
+		});
+	}), l(() => () => v(y), [y, v]);
+	let T = r ?? p === y ? "page" : void 0;
+	return /* @__PURE__ */ m(t, {
+		className: a,
+		styles: b,
+		sx: o,
+		children: (e) => /* @__PURE__ */ h("li", {
+			...u,
+			ref: w,
+			"data-ui": "breadcrumbs-item",
+			className: e,
+			children: [/* @__PURE__ */ m("span", {
+				"aria-hidden": "true",
+				"data-ui": "breadcrumbs-separator",
+				css: x,
+				children: f
+			}), n === void 0 ? /* @__PURE__ */ m("span", {
+				"aria-current": T,
+				css: S,
+				children: i
+			}) : /* @__PURE__ */ m("a", {
+				href: n,
+				"aria-current": T,
+				css: [S, C],
+				children: i
+			})]
+		})
+	});
+}
+T.displayName = "Breadcrumbs.Item";
+var E = Object.assign(w, { Item: T });
+//#endregion
+export { E as t };

package/dist/breadcrumbs.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Breadcrumbs } from "./breadcrumbs-CQaviWRc.js";
+export { t as Breadcrumbs } from "./breadcrumbs-DVAOxfvL.js";