@slotted/react 0.1.0-beta.7 → 0.1.0-beta.9

package/dist/app-shell.js

@@ -1,2 +1,2 @@
-import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./app-shell-DNdZ5ys0.js";
+import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./app-shell-lsR7E83y.js";
 export { y as APP_SHELL_OVERLAY_AT, m as AppShell, i as AppShellActions, h as AppShellAside, v as AppShellAsideBody, o as AppShellAsideFooter, f as AppShellAsideHeader, b as AppShellAsideResizer, s as AppShellAsideToggle, c as AppShellBanner, g as AppShellBrand, p as AppShellCentre, S as AppShellDefaultsProvider, u as AppShellFooter, l as AppShellMain, r as AppShellNav, x as AppShellNavBody, w as AppShellNavFooter, a as AppShellNavHeader, C as AppShellNavRail, t as AppShellNavToggle, e as AppShellProgress, _ as useAppShell, n as useAppShellDefaults, d as useAppShellIfPresent };

package/dist/aspect-ratio-4-jVcJVH.js

@@ -0,0 +1,41 @@
+import { keyedProps as e } from "@slotted/core/selector-key";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/aspect-ratio/aspect-ratio.tsx
+var n = /* @__PURE__ */ new Set([
+	"square",
+	"landscape",
+	"portrait",
+	"video",
+	"wide"
+]);
+function r(e) {
+	if (typeof e == "string" && n.has(e)) return {
+		attribute: e,
+		token: void 0
+	};
+	if (typeof e == "number") return {
+		attribute: "custom",
+		token: String(e)
+	};
+	let [t, r] = e;
+	return {
+		attribute: "custom",
+		token: `${t} / ${r}`
+	};
+}
+function i({ children: n, ratio: i, render: a, style: o, ...s }) {
+	let { attribute: c, token: l } = r(i), u = e({
+		...s,
+		children: n,
+		"data-part": "root",
+		"data-ratio": c,
+		"data-ui": "aspect-ratio",
+		style: l === void 0 ? o : {
+			...o,
+			"--slotted-aspect-ratio": l
+		}
+	});
+	return a === void 0 ? /* @__PURE__ */ t("div", { ...u }) : a(u);
+}
+//#endregion
+export { r as n, i as t };

package/dist/aspect-ratio.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./aspect-ratio-C76l-aoY.js";
+import { n as e, t } from "./aspect-ratio-4-jVcJVH.js";
 export { t as AspectRatio, e as resolveAspectRatio };

package/dist/attachment-DRJ1Xbwf.js

@@ -0,0 +1,305 @@
+import { n as e, t } from "./icon-DMdotKfc.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
+import { n as i } from "./progress-indicator-BhljwFx8.js";
+import { keyedProps as a } from "@slotted/core/selector-key";
+import { createRemovalFocus as o } from "@slotted/core/focus";
+import { createContext as s, useCallback as c, useContext as l, useEffect as u, useId as d, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { attachmentMessages as v } from "@slotted/core/i18n";
+import { fileKind as y, formatBytes as b, splitName as x } from "@slotted/core/upload";
+//#region src/attachment/attachment-defaults.tsx
+var S = s({
+	layout: "list",
+	orientation: "horizontal",
+	size: "md"
+});
+function C() {
+	return l(S);
+}
+function w({ children: e, ...t }) {
+	let n = C();
+	return /* @__PURE__ */ g(S.Provider, {
+		value: {
+			layout: t.layout ?? n.layout,
+			orientation: t.orientation ?? n.orientation,
+			size: t.size ?? n.size
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/attachment/attachment-kinds.ts
+var T = {
+	archive: "file-archive",
+	audio: "file-audio",
+	document: "file-type",
+	image: "file-image",
+	other: "file",
+	pdf: "file-text",
+	presentation: "presentation",
+	spreadsheet: "file-spreadsheet",
+	video: "file-video"
+}, E = "[data-part=\"trigger\"], [data-part=\"action\"], [data-part=\"remove\"]";
+function D(e, t) {
+	return e === "" ? t : e.slice(1).toUpperCase();
+}
+//#endregion
+//#region src/attachment/attachment.tsx
+var O = s(null), k = s(null);
+function A() {
+	let e = l(k);
+	if (e === null) throw Error("An Attachment part is rendered outside an Attachment.");
+	return e;
+}
+function j(e, t) {
+	typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function M({ layout: e, orientation: t, ref: n, render: r, size: i, ...s }) {
+	let l = C(), u = e ?? l.layout, d = t ?? l.orientation, m = i ?? l.size, h = p(null), _ = c((e) => {
+		if (h.current?.(), h.current = null, e !== null) {
+			let t = o(e, { itemSelector: E });
+			h.current = () => t.destroy();
+		}
+		j(n, e);
+	}, [n]), v = a({
+		tabIndex: -1,
+		...s,
+		"data-layout": u,
+		"data-orientation": d,
+		"data-part": "group",
+		"data-size": m,
+		"data-ui": "attachment",
+		ref: _
+	}), y = f(() => ({
+		layout: u,
+		orientation: t,
+		size: i
+	}), [
+		t,
+		u,
+		i
+	]);
+	return /* @__PURE__ */ g(O.Provider, {
+		value: y,
+		children: r === void 0 ? /* @__PURE__ */ g("ul", { ...v }) : r(v)
+	});
+}
+function N({ disabled: e = !1, file: t, invalid: i = !1, loading: o = !1, messages: s, onKeyDown: u, onRemove: f, orientation: p, render: h, size: _, ...b }) {
+	let S = C(), w = l(O), T = d(), E = n(), D = r(v, s), A = _ ?? w?.size ?? S.size, j = p ?? w?.orientation ?? S.orientation, M = y({
+		name: t.name,
+		type: t.type ?? ""
+	}), { stem: N, extension: P } = x(t.name), F = f !== void 0, [I, L] = m({
+		detail: null,
+		message: null
+	}), R = c((e, t) => {
+		L((n) => n[e] === t ? n : {
+			...n,
+			[e]: t
+		});
+	}, []), z = c((n, r) => {
+		e || f?.({
+			reason: n,
+			file: t,
+			source: r
+		});
+	}, [
+		e,
+		t,
+		f
+	]), B = {
+		describe: R,
+		described: I,
+		disabled: e,
+		extension: P,
+		file: t,
+		ids: {
+			detail: `${T}-detail`,
+			message: `${T}-message`
+		},
+		invalid: i,
+		kind: M,
+		loading: o,
+		locale: E,
+		orientation: j,
+		removable: F,
+		request: z,
+		stem: N,
+		t: D
+	}, V = a({
+		...b,
+		...o ? { "aria-busy": !0 } : {},
+		...e ? { "data-disabled": "" } : {},
+		...i ? { "data-invalid": "" } : {},
+		...o ? { "data-loading": "" } : {},
+		"data-kind": M,
+		"data-orientation": j,
+		"data-part": "root",
+		"data-size": A,
+		"data-ui": "attachment",
+		onKeyDown: (t) => {
+			if (u?.(t), !F || e || t.defaultPrevented || t.repeat || t.key !== "Backspace" && t.key !== "Delete") return;
+			let n = t.target;
+			n.isContentEditable || n.closest("input, textarea, select") !== null || (t.preventDefault(), z("keyboard", t));
+		}
+	}), H = h === void 0 ? g(w === null ? "div" : "li", { ...V }) : h(V);
+	return /* @__PURE__ */ g(k.Provider, {
+		value: B,
+		children: H
+	});
+}
+function P(e, t) {
+	let { describe: n, ids: r } = A(), i = t ?? r[e];
+	return u(() => (n(e, i), () => n(e, null)), [
+		n,
+		i,
+		e
+	]), i;
+}
+//#endregion
+//#region src/attachment/attachment-parts.tsx
+function F({ children: n, render: r, src: i, ...o }) {
+	let s = A(), [c, l] = m(null), u = i !== void 0 && c !== i, d = a({
+		"aria-hidden": !0,
+		...o,
+		children: n ?? (u ? /* @__PURE__ */ g("img", {
+			alt: "",
+			onError: () => l(i),
+			src: i
+		}) : /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(e, { name: T[s.kind] }) })),
+		"data-extension": D(s.extension, s.t("noExtension")),
+		"data-kind": s.kind,
+		"data-part": "preview"
+	});
+	return r === void 0 ? /* @__PURE__ */ g("span", { ...d }) : r(d);
+}
+function I({ render: e, ...t }) {
+	let n = a({
+		...t,
+		"data-part": "body"
+	});
+	return e === void 0 ? /* @__PURE__ */ g("div", { ...n }) : e(n);
+}
+function L({ children: e, render: t, ...n }) {
+	let { extension: r, stem: i } = A(), o = a({
+		dir: "auto",
+		...n,
+		children: e ?? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", {
+			"data-part": "name",
+			"data-part-name": "",
+			children: i
+		}), r === "" ? null : /* @__PURE__ */ g("span", {
+			"data-part": "extension",
+			"data-part-extension": "",
+			children: r
+		})] }),
+		"data-part": "filename"
+	});
+	return t === void 0 ? /* @__PURE__ */ g("span", { ...o }) : t(o);
+}
+function R(e) {
+	let t = A(), n = [
+		...e === void 0 ? [] : [e],
+		...t.described.detail === null ? [] : [t.described.detail],
+		...t.described.message === null ? [] : [t.described.message]
+	];
+	return {
+		attachment: t,
+		blocked: t.disabled || t.loading,
+		describedBy: n.length === 0 ? void 0 : n.join(" ")
+	};
+}
+function z({ "aria-describedby": e, children: t, render: n, type: r = "button", ...i }) {
+	let { attachment: o, blocked: s, describedBy: c } = R(e), l = a({
+		title: o.file.name,
+		...i,
+		...c === void 0 ? {} : { "aria-describedby": c },
+		children: t ?? /* @__PURE__ */ g(L, {}),
+		"data-part": "trigger",
+		disabled: s || i.disabled === !0,
+		type: r
+	});
+	return n === void 0 ? /* @__PURE__ */ g("button", { ...l }) : n(l);
+}
+function B({ "aria-describedby": e, children: t, onClick: n, render: r, ...i }) {
+	let { attachment: o, blocked: s, describedBy: c } = R(e), l = a({
+		title: o.file.name,
+		...i,
+		...c === void 0 ? {} : { "aria-describedby": c },
+		...s ? { "aria-disabled": !0 } : {},
+		children: t ?? /* @__PURE__ */ g(L, {}),
+		"data-part": "trigger",
+		onClick: (e) => {
+			if (s) {
+				e.preventDefault();
+				return;
+			}
+			n?.(e);
+		}
+	});
+	return r === void 0 ? /* @__PURE__ */ g("a", { ...l }) : r(l);
+}
+function V({ children: e, id: t, render: n, ...r }) {
+	let i = A(), o = P("detail", t), s = i.file.size, c = a({
+		...r,
+		id: o,
+		children: e ?? (s === void 0 ? null : b(s, i.locale)),
+		"data-part": "detail"
+	});
+	return n === void 0 ? /* @__PURE__ */ g("p", { ...c }) : n(c);
+}
+function H({ id: e, render: t, ...n }) {
+	let r = P("message", e), i = a({
+		...n,
+		id: r,
+		"data-part": "message"
+	});
+	return t === void 0 ? /* @__PURE__ */ g("p", { ...i }) : t(i);
+}
+function U({ render: e, value: t, ...n }) {
+	let r = A(), o = a({
+		...n,
+		children: /* @__PURE__ */ g(i, {
+			hideLabel: !0,
+			label: r.file.name,
+			size: "sm",
+			tone: r.invalid ? "danger" : "accent",
+			value: t ?? null
+		}),
+		"data-part": "progress"
+	});
+	return e === void 0 ? /* @__PURE__ */ g("div", { ...o }) : e(o);
+}
+function W({ render: e, ...t }) {
+	let n = a({
+		...t,
+		"data-part": "actions"
+	});
+	return e === void 0 ? /* @__PURE__ */ g("div", { ...n }) : e(n);
+}
+function G({ render: e, type: t = "button", ...n }) {
+	let r = A(), i = a({
+		...n,
+		"data-part": "action",
+		disabled: r.disabled || n.disabled === !0,
+		type: t
+	});
+	return e === void 0 ? /* @__PURE__ */ g("button", { ...i }) : e(i);
+}
+function K({ "aria-label": n, children: r, onClick: i, render: o, type: s = "button", ...c }) {
+	let l = A();
+	if (!l.removable) return null;
+	let u = a({
+		...c,
+		"aria-label": n ?? l.t("remove", { name: l.file.name }),
+		children: r ?? /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(e, { name: "x" }) }),
+		"data-part": "remove",
+		disabled: l.disabled || c.disabled === !0,
+		onClick: (e) => {
+			i?.(e), !e.defaultPrevented && l.request("remove", e);
+		},
+		type: s
+	});
+	return o === void 0 ? /* @__PURE__ */ g("button", { ...u }) : o(u);
+}
+//#endregion
+export { C as _, L as a, F as c, z as d, N as f, w as g, T as h, V as i, U as l, A as m, W as n, B as o, M as p, I as r, H as s, G as t, K as u };

package/dist/attachment.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./attachment-DdBbQcEB.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./attachment-DRJ1Xbwf.js";
 export { o as ATTACHMENT_KIND_GLYPH, i as Attachment, h as AttachmentAction, u as AttachmentActions, p as AttachmentBody, a as AttachmentDefaultsProvider, s as AttachmentDetail, t as AttachmentFilename, f as AttachmentGroup, d as AttachmentLink, m as AttachmentMessage, n as AttachmentPreview, c as AttachmentProgress, g as AttachmentRemove, r as AttachmentTrigger, l as useAttachment, e as useAttachmentDefaults };

package/dist/avatar-XLx8XVQx.js

@@ -0,0 +1,103 @@
+import { n as e, t } from "./icon-DMdotKfc.js";
+import { keyedProps as n, selectorKeyProps as r } from "@slotted/core/selector-key";
+import { createContext as i, useCallback as a, useContext as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { initialsFrom as d, toneFrom as f } from "@slotted/core/identity";
+//#region src/avatar/avatar-defaults.tsx
+var p = i({
+	locale: void 0,
+	shape: "circle",
+	size: "md",
+	tone: "auto",
+	variant: "soft"
+});
+function m() {
+	return o(p);
+}
+function h({ children: e, ...t }) {
+	let n = m();
+	return /* @__PURE__ */ l(p.Provider, {
+		value: {
+			locale: t.locale ?? n.locale,
+			shape: t.shape ?? n.shape,
+			size: t.size ?? n.size,
+			tone: t.tone ?? n.tone,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/avatar/avatar.tsx
+var g = [
+	"accent",
+	"secondary",
+	"success",
+	"warning",
+	"danger"
+], _ = {
+	xs: 1,
+	sm: 2,
+	md: 2,
+	lg: 2,
+	xl: 2
+};
+function v({ children: i, decorative: o = !1, disabled: p = !1, idFor: h, initials: v, locale: b, name: x, onStatusChange: S, render: C, renderImage: w, role: T, shape: E, size: D, src: O, status: k, tone: A, variant: j, ...M }) {
+	let N = m(), P = D ?? N.size, F = b ?? N.locale, [I, L] = s(() => ({
+		src: O,
+		status: y(O)
+	}));
+	I.src !== O && L({
+		src: O,
+		status: y(O)
+	});
+	let R = k ?? I.status, z = a((e, t) => {
+		L((n) => n.src === t ? {
+			src: t,
+			status: e
+		} : n), S?.(e);
+	}, [S]), B = a((e) => {
+		e !== null && e.complete && e.naturalWidth > 0 && z("loaded", e.currentSrc || O);
+	}, [z, O]), V = () => z("loaded", O), H = () => z("error", O), U = (A ?? N.tone) === "auto" ? f({
+		seed: h ?? x,
+		tones: g
+	}) ?? "secondary" : A ?? N.tone, W = v ?? d({
+		name: x,
+		max: _[P],
+		locale: F
+	}), G = O === void 0 ? void 0 : {
+		alt: "",
+		"data-part": "image",
+		...r("part", "image"),
+		onError: H,
+		onLoad: V,
+		ref: B,
+		src: O
+	}, K = n({
+		...M,
+		children: /* @__PURE__ */ u(c, { children: [G === void 0 ? null : w === void 0 ? /* @__PURE__ */ l("img", { ...G }) : w(G), /* @__PURE__ */ l("span", {
+			"data-part": "fallback",
+			"data-part-fallback": "",
+			children: i ?? (W === "" ? /* @__PURE__ */ l(t, { children: /* @__PURE__ */ l(e, { name: "person" }) }) : W)
+		})] }),
+		"data-part": "root",
+		"data-shape": E ?? N.shape,
+		"data-size": P,
+		"data-status": R,
+		"data-tone": U,
+		"data-ui": "avatar",
+		"data-variant": j ?? N.variant,
+		...p ? { "data-disabled": "" } : {},
+		...o || x === void 0 || x.trim() === "" ? { "aria-hidden": !0 } : {
+			"aria-label": x,
+			role: "img"
+		},
+		...T === void 0 ? {} : { role: T }
+	});
+	return C === void 0 ? /* @__PURE__ */ l("span", { ...K }) : C(K);
+}
+function y(e) {
+	return e === void 0 ? "idle" : "loading";
+}
+//#endregion
+export { h as n, m as r, v as t };

package/dist/avatar-group-C7WnrQcv.js

@@ -0,0 +1,50 @@
+import { n as e, r as t, t as n } from "./avatar-XLx8XVQx.js";
+import { keyedProps as r } from "@slotted/core/selector-key";
+import { Children as i, isValidElement as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { formatNameList as c } from "@slotted/core/identity";
+import { formatCount as l } from "@slotted/core/count";
+//#region src/avatar-group/avatar-group.tsx
+function u({ children: u, layout: f = "stack", locale: p, max: m = 5, overflowLabel: h, render: g, shape: _, size: v, total: y, variant: b, ...x }) {
+	let S = t(), C = v ?? S.size, w = _ ?? S.shape, T = b ?? S.variant, E = p ?? S.locale, D = i.toArray(u).filter(a), O = y ?? D.length, k = m === !1 ? Infinity : m, A = O > k ? Math.min(k - 1, D.length) : D.length, j = Math.max(O - A, 0), M = y === void 0 || y === D.length ? D.slice(A).map((e) => d(e)) : [], N = l({
+		count: j,
+		max: !1,
+		locale: E
+	}), P = r({
+		...x,
+		children: /* @__PURE__ */ s(e, {
+			shape: w,
+			size: C,
+			variant: T,
+			children: [D.slice(0, A).map((e, t) => /* @__PURE__ */ o("li", {
+				"data-part": "item",
+				"data-part-item": "",
+				children: e
+			}, e.key ?? t)), j > 0 && N !== void 0 ? /* @__PURE__ */ o("li", {
+				"data-part": "overflow",
+				"data-part-overflow": "",
+				children: /* @__PURE__ */ o(n, {
+					initials: `+${N}`,
+					locale: E,
+					name: h ?? c({
+						names: M,
+						locale: E
+					}),
+					tone: "secondary"
+				})
+			}) : null]
+		}),
+		"data-layout": f,
+		"data-part": "root",
+		"data-shape": w,
+		"data-size": C,
+		"data-ui": "avatar-group"
+	});
+	return g === void 0 ? /* @__PURE__ */ o("ul", { ...P }) : g(P);
+}
+function d(e) {
+	let t = e.props;
+	return typeof t?.name == "string" ? t.name : void 0;
+}
+//#endregion
+export { u as t };

package/dist/avatar-group.js

@@ -1,2 +1,2 @@
-import { t as e } from "./avatar-group-4rBj99tz.js";
+import { t as e } from "./avatar-group-C7WnrQcv.js";
 export { e as AvatarGroup };

package/dist/avatar.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./avatar-BnlE5jjr.js";
+import { n as e, r as t, t as n } from "./avatar-XLx8XVQx.js";
 export { n as Avatar, e as AvatarDefaultsProvider, t as useAvatarDefaults };

package/dist/badge-D8JWis8n.js

@@ -0,0 +1,98 @@
+import { keyedProps as e } from "@slotted/core/selector-key";
+import { createContext as t, useContext as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { formatCount as o } from "@slotted/core/count";
+//#region src/badge/badge-defaults.tsx
+var s = t({
+	locale: void 0,
+	max: 99,
+	shape: "pill",
+	size: "md",
+	tone: "secondary",
+	variant: "soft"
+});
+function c() {
+	return n(s);
+}
+function l({ children: e, ...t }) {
+	let n = c();
+	return /* @__PURE__ */ i(s.Provider, {
+		value: {
+			locale: t.locale ?? n.locale,
+			max: t.max ?? n.max,
+			shape: t.shape ?? n.shape,
+			size: t.size ?? n.size,
+			tone: t.tone ?? n.tone,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/badge/badge.tsx
+var u = {
+	off: void 0,
+	polite: "status",
+	assertive: "alert"
+};
+function d({ children: t, count: n, end: s, live: l = "off", locale: d, max: f, render: p, role: m, shape: h, showZero: g = !1, size: _, start: v, tone: y, variant: b, ...x }) {
+	let S = c(), C = h ?? S.shape, w = n === void 0 ? void 0 : o({
+		count: n,
+		max: f ?? S.max,
+		showZero: g,
+		locale: d ?? S.locale
+	});
+	if (n !== void 0 && w === void 0) return null;
+	let T = /* @__PURE__ */ a(r, { children: [
+		v === void 0 ? null : /* @__PURE__ */ i("span", {
+			"data-part": "start",
+			"data-part-start": "",
+			children: v
+		}),
+		/* @__PURE__ */ a("span", {
+			"data-part": "label",
+			"data-part-label": "",
+			children: [C === "dot" ? null : w, t]
+		}),
+		s === void 0 ? null : /* @__PURE__ */ i("span", {
+			"data-part": "end",
+			"data-part-end": "",
+			children: s
+		})
+	] }), E = e({
+		...x,
+		children: T,
+		"data-part": "root",
+		"data-shape": C,
+		"data-size": _ ?? S.size,
+		"data-tone": y ?? S.tone,
+		"data-ui": "badge",
+		"data-variant": b ?? S.variant,
+		...m === void 0 ? {} : { role: m },
+		...m === void 0 && u[l] !== void 0 ? { role: u[l] } : {}
+	});
+	return p === void 0 ? /* @__PURE__ */ i("span", { ...E }) : p(E);
+}
+//#endregion
+//#region src/badge/badge-anchor.tsx
+function f(e) {
+	if (e === void 0) return;
+	let t = {};
+	return e.x !== void 0 && (t["--slotted-badge-anchor-offset-x"] = `${e.x}px`), e.y !== void 0 && (t["--slotted-badge-anchor-offset-y"] = `${e.y}px`), t;
+}
+function p({ offset: t, overlap: n = "rectangle", placement: r = "top-end", render: a, style: o, ...s }) {
+	let c = f(t), l = e({
+		...s,
+		"data-overlap": n,
+		"data-part": "anchor",
+		"data-placement": r,
+		"data-ui": "badge",
+		...c === void 0 && o === void 0 ? {} : { style: {
+			...o,
+			...c
+		} }
+	});
+	return a === void 0 ? /* @__PURE__ */ i("span", { ...l }) : a(l);
+}
+//#endregion
+export { c as i, d as n, l as r, p as t };

package/dist/badge.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./badge-C6rbwVpu.js";
+import { i as e, n as t, r as n, t as r } from "./badge-D8JWis8n.js";
 export { t as Badge, r as BadgeAnchor, n as BadgeDefaultsProvider, e as useBadgeDefaults };