@jfrader/ui 0.5.0 → 0.5.1

package/dist/accordion-DLul6vIl.js

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

package/dist/accordion.js

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

package/dist/{announcement-bar-B58xempt.js → announcement-bar-Dlbq5-9D.js}

@@ -5,7 +5,7 @@ import { n as i, r as a } from "./media-8yrN85VT.js";
 import { t as ee } from "./use-latest-callback-cj1OOQL6.js";
 import { t as o } from "./use-controlled-state-DpeVQZNR.js";
 import { t as s } from "./renderable-DzcIj1Lo.js";
-import { t as c } from "./button-C92uYFJW.js";
+import { t as c } from "./button-NLY0h6EJ.js";
 import { t as te } from "./countdown-Dp_TD1VP.js";
 import { useEffect as l, useId as ne, useRef as u, useState as d } from "react";
 import { vars as f } from "@jfrader/tokens/vars";

package/dist/announcement-bar.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as AnnouncementBar } from "./announcement-bar-B58xempt.js";
+export { t as AnnouncementBar } from "./announcement-bar-Dlbq5-9D.js";

package/dist/avatar-CaGJHy1N.js

@@ -0,0 +1,145 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { n } from "./media-8yrN85VT.js";
+import { useState as r } from "react";
+import { vars as i } from "@jfrader/tokens/vars";
+import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
+//#region src/components/avatar/avatar.tsx
+var s = 2, c = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+function l(e) {
+	let t = Array.from(c.segment(e), ({ segment: e }) => e), n = t[0] ?? "";
+	if (!/\p{Extended_Pictographic}/u.test(n)) return n;
+	let r = "";
+	for (let e of t) {
+		if (!/\p{Extended_Pictographic}/u.test(e)) break;
+		r += e;
+	}
+	return r;
+}
+function u(e) {
+	return e.trim().split(/\s+/).filter(Boolean).slice(0, s).map(l).join("").toLocaleUpperCase();
+}
+var d = e({
+	position: "relative",
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	flexShrink: 0,
+	boxSizing: "border-box",
+	borderRadius: i.radius.full,
+	backgroundColor: i.color.surfaceHover,
+	color: i.color.text,
+	fontWeight: i.fontWeight.medium,
+	lineHeight: 1,
+	userSelect: "none",
+	verticalAlign: "middle",
+	[n]: { outline: "1px solid CanvasText" }
+}), f = {
+	sm: e({
+		inlineSize: i.space[6],
+		blockSize: i.space[6],
+		fontSize: i.textSize.xs
+	}),
+	md: e({
+		inlineSize: i.space[8],
+		blockSize: i.space[8],
+		fontSize: i.textSize.sm
+	}),
+	lg: e({
+		inlineSize: i.space[10],
+		blockSize: i.space[10],
+		fontSize: i.textSize.md
+	})
+}, p = e({
+	display: "block",
+	inlineSize: "100%",
+	blockSize: "100%",
+	borderRadius: i.radius.full,
+	objectFit: "cover"
+}), m = e({
+	position: "absolute",
+	insetBlockEnd: 0,
+	insetInlineEnd: 0,
+	inlineSize: "25%",
+	blockSize: "25%",
+	"&::before": {
+		content: "\"\"",
+		position: "absolute",
+		insetBlockStart: 0,
+		insetInlineStart: 0,
+		inlineSize: "100%",
+		blockSize: "100%",
+		boxSizing: "border-box",
+		borderRadius: i.radius.full,
+		boxShadow: `0 0 0 2px ${i.color.bg}`
+	}
+}), h = {
+	online: e({ "&::before": { backgroundColor: i.color.success } }),
+	away: e({ "&::before": {
+		border: `2px solid ${i.color.warning}`,
+		backgroundColor: "transparent"
+	} }),
+	busy: e({ "&::before": {
+		backgroundColor: i.color.danger,
+		blockSize: "30%",
+		insetBlockStart: "35%"
+	} }),
+	offline: e({ "&::before": {
+		backgroundColor: i.color.textSubtle,
+		inlineSize: "60%",
+		blockSize: "60%",
+		insetBlockStart: "20%",
+		insetInlineStart: "20%"
+	} })
+}, g = e({ [n]: {
+	"&::before": {
+		forcedColorAdjust: "none",
+		backgroundColor: "CanvasText",
+		outline: "2px solid Canvas"
+	},
+	"&[data-status=\"away\"]::before": {
+		borderColor: "CanvasText",
+		backgroundColor: "Canvas"
+	}
+} });
+function _({ ref: e, name: n, src: i, size: s = "md", status: c, statusLabel: l, slotProps: _, className: v, sx: y, ...b }) {
+	let [x, S] = r(), C = i !== void 0 && i !== "" && i !== x, w = c === void 0 ? n : `${n}, ${l ?? c}`;
+	return /* @__PURE__ */ a(t, {
+		className: v,
+		styles: [d, f[s]],
+		sx: y,
+		children: (t) => /* @__PURE__ */ o("span", {
+			...b,
+			ref: e,
+			"data-ui": "avatar",
+			role: "img",
+			"aria-label": w,
+			className: t,
+			children: [C ? /* @__PURE__ */ a("img", {
+				src: i,
+				alt: "",
+				onError: () => S(i),
+				className: _?.image?.className,
+				css: [p, _?.image?.css]
+			}) : /* @__PURE__ */ a("span", {
+				"aria-hidden": "true",
+				className: _?.fallback?.className,
+				css: _?.fallback?.css,
+				children: u(n)
+			}), c !== void 0 && /* @__PURE__ */ a("span", {
+				"aria-hidden": "true",
+				"data-status": c,
+				className: _?.status?.className,
+				css: [
+					m,
+					h[c],
+					g,
+					_?.status?.css
+				]
+			})]
+		})
+	});
+}
+_.displayName = "Avatar";
+//#endregion
+export { _ as t };

package/dist/{avatar-group-DOQQuV51.js → avatar-group-M1opAQEG.js}

@@ -2,7 +2,7 @@
 import { r as e, t } from "./sx-Dx9JUKp5.js";
 import { n } from "./media-8yrN85VT.js";
 import { t as r } from "./visually-hidden-BJdvqqvn.js";
-import { t as i } from "./avatar-BahDVO9t.js";
+import { t as i } from "./avatar-CaGJHy1N.js";
 import { useId as a } from "react";
 import { vars as o } from "@jfrader/tokens/vars";
 import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";

package/dist/avatar-group.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as AvatarGroup } from "./avatar-group-DOQQuV51.js";
+export { t as AvatarGroup } from "./avatar-group-M1opAQEG.js";

package/dist/avatar.js

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

package/dist/badge-CjM5Agqk.js

@@ -0,0 +1,119 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { n } from "./media-8yrN85VT.js";
+import { t as r } from "./renderable-DzcIj1Lo.js";
+import { vars as i } from "@jfrader/tokens/vars";
+import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
+//#region src/components/badge/badge.tsx
+var s = 99, c = e({
+	position: "relative",
+	display: "inline-flex",
+	flexShrink: 0,
+	verticalAlign: "middle"
+}), l = e({
+	position: "absolute",
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	boxSizing: "border-box",
+	boxShadow: `0 0 0 2px ${i.color.bg}`,
+	fontWeight: i.fontWeight.medium,
+	lineHeight: 1,
+	whiteSpace: "nowrap",
+	pointerEvents: "none",
+	[n]: {
+		outline: "1px solid CanvasText",
+		backgroundColor: "Canvas"
+	}
+}), u = {
+	standard: e({
+		blockSize: i.space[5],
+		minInlineSize: i.space[5],
+		paddingInline: i.space[1],
+		fontSize: i.textSize.xs
+	}),
+	dot: e({
+		blockSize: i.space[2],
+		inlineSize: i.space[2],
+		borderRadius: i.radius.full,
+		[n]: {
+			backgroundColor: "CanvasText",
+			forcedColorAdjust: "none",
+			outline: "none"
+		}
+	})
+}, d = {
+	rectangular: e({ borderRadius: i.radius.sm }),
+	circular: e({ borderRadius: i.radius.full })
+}, f = {
+	"top-start": e({
+		insetBlockStart: 0,
+		insetInlineStart: 0,
+		transform: "translate(-50%, -50%)",
+		"&:dir(rtl)": { transform: "translate(50%, -50%)" }
+	}),
+	"top-end": e({
+		insetBlockStart: 0,
+		insetInlineEnd: 0,
+		transform: "translate(50%, -50%)",
+		"&:dir(rtl)": { transform: "translate(-50%, -50%)" }
+	}),
+	"bottom-start": e({
+		insetBlockEnd: 0,
+		insetInlineStart: 0,
+		transform: "translate(-50%, 50%)",
+		"&:dir(rtl)": { transform: "translate(50%, 50%)" }
+	}),
+	"bottom-end": e({
+		insetBlockEnd: 0,
+		insetInlineEnd: 0,
+		transform: "translate(50%, 50%)",
+		"&:dir(rtl)": { transform: "translate(-50%, 50%)" }
+	})
+}, p = {
+	accent: e({
+		backgroundColor: i.color.accent,
+		color: i.color.accentContrast
+	}),
+	danger: e({
+		backgroundColor: i.color.danger,
+		color: i.color.dangerContrast
+	}),
+	neutral: e({
+		backgroundColor: i.color.textMuted,
+		color: i.color.bg
+	})
+};
+function m({ ref: e, children: n, badgeContent: i, max: m = s, showZero: h = !1, invisible: g = !1, variant: _ = "standard", tone: v = "accent", anchor: y, overlap: b = "rectangular", slotProps: x, className: S, sx: C, ...w }) {
+	let T = _ === "dot", E = g || _ !== "dot" && (!r(i) || i === 0 && !h), D = typeof i == "number" && i > m ? `${m}+` : i, O = `${y?.vertical ?? "top"}-${y?.horizontal ?? "end"}`, k = [S, x?.root?.className].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ a(t, {
+		className: k,
+		styles: [c, x?.root?.css],
+		sx: C,
+		children: (t) => /* @__PURE__ */ o("span", {
+			...w,
+			ref: e,
+			"data-ui": "badge",
+			className: t,
+			children: [n, !E && /* @__PURE__ */ a("span", {
+				"data-ui": "badge-marker",
+				"data-variant": _,
+				"data-tone": v,
+				"aria-hidden": T ? "true" : void 0,
+				className: x?.badge?.className,
+				css: [
+					l,
+					u[_],
+					!T && d[b],
+					f[O],
+					p[v],
+					x?.badge?.css
+				],
+				children: T ? null : D
+			})]
+		})
+	});
+}
+m.displayName = "Badge";
+//#endregion
+export { m as t };

package/dist/badge.js

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

package/dist/{bottom-sheet-DPJBFkie.js → bottom-sheet-DjZOPq4k.js}

@@ -7,7 +7,7 @@ import { t as o } from "./visually-hidden-BJdvqqvn.js";
 import { t as s } from "./renderable-DzcIj1Lo.js";
 import { n as c, t as l } from "./surface-DZ4d-2aL.js";
 import { t as u } from "./trigger-style-B1KVC8O1.js";
-import { n as d, r as f } from "./overlay-layer-SeUyyEPD.js";
+import { a as d, i as f } from "./overlay-layer-qEbpEtb8.js";
 import { i as p, r as m, t as h } from "./use-native-dialog-DWpIUVO1.js";
 import { createContext as g, useCallback as _, useContext as v, useEffect as y, useId as b, useMemo as x, useRef as S, useState as C } from "react";
 import { vars as w } from "@jfrader/tokens/vars";
@@ -76,6 +76,7 @@ var I = [.45, .92], L = "36rem", R = {
 	gap: w.space[2],
 	paddingInline: w.space[6],
 	paddingBlock: w.space[2],
+	"&[data-dragging]": { userSelect: "none" },
 	"& > [data-ui=\"bottom-sheet-handle\"]": {
 		gridColumn: "1 / -1",
 		justifySelf: "center",
@@ -151,7 +152,7 @@ function J(e) {
 function de(e) {
 	if (!e.length || e.some((t, n) => !Number.isFinite(t) || t <= 0 || t > 1 || n > 0 && t <= e[n - 1])) throw Error("BottomSheet.detents must be nonempty, finite, strictly ascending unique fractions in (0, 1].");
 }
-function fe({ nodeId: e, open: t, defaultOpen: n = !1, onOpenChange: r, detents: i = I, value: o, defaultValue: s = 0, onValueChange: c, locale: l, getValueText: u, children: d }) {
+function fe({ nodeId: e, open: t, defaultOpen: n = !1, onOpenChange: r, detents: i = I, value: o, defaultValue: s = 0, onValueChange: c, locale: l, getValueText: u, children: f }) {
 	de(i);
 	let m = S([...i]);
 	if (i.length !== m.current.length || i.some((e, t) => e !== m.current[t])) throw Error("BottomSheet.detents numeric contents require remount to change.");
@@ -175,7 +176,7 @@ function fe({ nodeId: e, open: t, defaultOpen: n = !1, onOpenChange: r, detents:
 		nodeId: e,
 		open: v && j,
 		onOpenChange: (e) => e ? E.setOpen(!0) : E.requestClose()
-	}), F = f(P.context, "container"), L = k(F), R = b(), [z, ee] = C(!1), [B, V] = C(!1), H = x(() => {
+	}), F = d(P.context, "container"), L = k(F), R = b(), [z, ee] = C(!1), [B, V] = C(!1), H = x(() => {
 		let e = m.current[h];
 		return u?.(e, h) ?? new Intl.NumberFormat(l, { style: "percent" }).format(e);
 	}, [
@@ -217,13 +218,13 @@ function fe({ nodeId: e, open: t, defaultOpen: n = !1, onOpenChange: r, detents:
 	]);
 	return /* @__PURE__ */ T(K.Provider, {
 		value: U,
-		children: d
+		children: f
 	});
 }
 function Y(e) {
 	return /* @__PURE__ */ T(M, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ T(d, { children: (t) => /* @__PURE__ */ T(fe, {
+		children: /* @__PURE__ */ T(f, { children: (t) => /* @__PURE__ */ T(fe, {
 			...e,
 			nodeId: t
 		}) })
@@ -264,7 +265,7 @@ function pe(e, t) {
 		s.current?.stop(), d.current.reduced ? i.set(f()) : s.current = N(i, f(), R);
 	}, [i]), m = _(() => {
 		let e = c.current;
-		return e ? (c.current = null, e.capture?.hasPointerCapture(e.id) && e.capture.releasePointerCapture(e.id), l.current = !0, p(), !0) : !1;
+		return e ? (c.current = null, e.capture?.removeAttribute("data-dragging"), e.capture?.hasPointerCapture(e.id) && e.capture.releasePointerCapture(e.id), l.current = !0, p(), !0) : !1;
 	}, [p]);
 	y(() => {
 		let e = t.current, r = n.current, l = e?.ownerDocument.defaultView;
@@ -284,7 +285,7 @@ function pe(e, t) {
 		return l.addEventListener("pointerdown", h, !0), l.addEventListener("resize", d), l.visualViewport?.addEventListener("resize", d), l.visualViewport?.addEventListener("scroll", d), () => {
 			p(), s.current?.stop();
 			let e = c.current;
-			c.current = null, e?.capture?.hasPointerCapture(e.id) && e.capture.releasePointerCapture(e.id), l.removeEventListener("pointerdown", h, !0), l.removeEventListener("resize", d), l.visualViewport?.removeEventListener("resize", d), l.visualViewport?.removeEventListener("scroll", d);
+			c.current = null, e?.capture?.removeAttribute("data-dragging"), e?.capture?.hasPointerCapture(e.id) && e.capture.releasePointerCapture(e.id), l.removeEventListener("pointerdown", h, !0), l.removeEventListener("resize", d), l.visualViewport?.removeEventListener("resize", d), l.visualViewport?.removeEventListener("scroll", d);
 		};
 	}, [
 		t,
@@ -300,7 +301,7 @@ function pe(e, t) {
 		m
 	]);
 	let h = (e, t, n, r = null) => {
-		s.current?.stop(), l.current = !1, c.current = {
+		s.current?.stop(), l.current = !1, r?.setAttribute("data-dragging", ""), c.current = {
 			id: e,
 			start: t,
 			origin: i.get(),
@@ -324,7 +325,7 @@ function pe(e, t) {
 	}, v = (e, t) => {
 		let n = c.current;
 		if (!n) return;
-		c.current = null, l.current = n.moved;
+		c.current = null, n.capture?.removeAttribute("data-dragging"), l.current = n.moved;
 		let r = [...n.samples, {
 			position: e,
 			time: t

package/dist/bottom-sheet.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as BottomSheet } from "./bottom-sheet-DPJBFkie.js";
+export { t as BottomSheet } from "./bottom-sheet-DjZOPq4k.js";

package/dist/{breadcrumbs-Cfw_hgt2.js → breadcrumbs-BDK_LiwH.js}

@@ -25,15 +25,22 @@ var v = ([, e], [, t]) => e.node.compareDocumentPosition(t.node) & Node.DOCUMENT
 	lineHeight: p.lineHeight.tight
 }), b = e({
 	display: "inline-flex",
+	minInlineSize: 0,
+	maxInlineSize: "100%",
 	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({
+}), x = e({
+	display: "inline-flex",
+	flexShrink: 0
+}), S = e({
 	display: "inline-flex",
 	alignItems: "center",
 	gap: p.space[1],
-	minBlockSize: "24px",
+	minBlockSize: p.space[8],
+	minInlineSize: 0,
+	overflowWrap: "anywhere",
 	borderRadius: p.radius.sm,
 	color: "inherit",
 	"& svg": {
@@ -86,7 +93,7 @@ function w({ ref: e, label: n = "Breadcrumb", separator: r = "/", children: i, c
 			children: (t) => /* @__PURE__ */ m("nav", {
 				...c,
 				ref: e,
-				"aria-label": n,
+				"aria-label": c["aria-label"] ?? n,
 				"data-ui": "breadcrumbs",
 				className: t,
 				children: /* @__PURE__ */ m("ol", {

package/dist/breadcrumbs.js

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