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

package/dist/tabs-HWmvOKM4.js

@@ -1,355 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { createRemovalFocus as n, createRovingTabindex as r } from "@slotted/core/focus";
-import { createControllable as i } from "@slotted/core/state";
-import { createContext as a, useCallback as o, useContext as s, useDeferredValue as c, useEffect as l, useId as u, useLayoutEffect as d, useRef as f, useState as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { NOT_OVERFLOWING as _, createScrollAffordance as v } from "@slotted/core/overflow";
-import { createIndicator as y } from "@slotted/core/measure";
-//#region src/tabs/tabs-defaults.tsx
-var b = a({
-	activation: "automatic",
-	fit: "auto",
-	loop: !0,
-	mount: "active",
-	orientation: "horizontal",
-	size: "md",
-	track: "line",
-	variant: "line"
-});
-function x() {
-	return s(b);
-}
-function S({ children: e, ...t }) {
-	let n = x();
-	return /* @__PURE__ */ h(b.Provider, {
-		value: {
-			activation: t.activation ?? n.activation,
-			fit: t.fit ?? n.fit,
-			loop: t.loop ?? n.loop,
-			mount: t.mount ?? n.mount,
-			orientation: t.orientation ?? n.orientation,
-			size: t.size ?? n.size,
-			track: t.track ?? n.track,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/tabs/tabs.tsx
-var C = "[data-part=\"tab\"]", w = ":scope > [data-part=\"item\"][data-selected] > [data-part=\"tab\"]", T = typeof document > "u" ? l : d, E = a(void 0);
-function D() {
-	let e = s(E);
-	if (e === void 0) throw Error("Tab, TabPanel and TabActions must be rendered inside Tabs.");
-	return e;
-}
-function O(e) {
-	return e.replace(/[^\w-]/g, (e) => `-${e.charCodeAt(0).toString(16)}-`);
-}
-function k(e, t) {
-	let n = !1;
-	return {
-		reason: e,
-		source: t,
-		get cancelled() {
-			return n;
-		},
-		cancel() {
-			n = !0;
-		}
-	};
-}
-function A({ activation: a, children: o, className: s, defaultValue: d, deferPanels: b, disabled: S, fit: D, loop: A, mount: j, onTabDismiss: M, onValueChange: N, orientation: P, ref: ee, render: te, size: ne, style: re, track: ie, value: ae, variant: oe, ...se }) {
-	let F = x(), I = u(), [ce, le] = p(d), L = ae ?? ce, [R, ue] = p(null), [z, B] = p(_), [de, fe] = p("none"), V = a ?? F.activation, pe = D ?? F.fit, H = A ?? F.loop, U = j ?? F.mount, W = P ?? F.orientation, me = ne ?? F.size, he = ie ?? F.track, ge = oe ?? F.variant, G = S === !0, _e = c(L), ve = b ?? U === "active" ? _e : L, K = f(new Set(L === void 0 ? [] : [L]));
-	L !== void 0 && K.current.add(L);
-	let q = f(null), J = f(null);
-	function Y() {
-		return R === null ? [] : [...R.querySelectorAll(C)];
-	}
-	function X(e) {
-		return e === void 0 ? -1 : Y().findIndex((t) => t.getAttribute("data-value") === e);
-	}
-	function Z(e, t, n) {
-		if (e === L) return;
-		let r = !1, a = i({
-			controlled: ae,
-			initial: L,
-			onRequest: (e) => {
-				r = e.cancelled, e.value !== void 0 && N?.(e.value, e);
-			}
-		}).request(e, t, n);
-		if (r) return;
-		let o = X(L), s = X(e);
-		o !== -1 && s !== -1 && fe(s > o ? "forward" : "backward"), K.current.add(e), a && le(e);
-	}
-	function ye(e) {
-		let t = Y().map((e) => e.getAttribute("data-value")).filter((e) => e !== null), n = t.indexOf(e);
-		if (n !== -1) return t[n + 1] ?? t[n - 1];
-	}
-	function be(e, t, n) {
-		let r = k(t, n);
-		if (M?.(e, r), r.cancelled || e !== L) return;
-		let i = ye(e);
-		i !== void 0 && Z(i, "remove", n);
-	}
-	let Q = f({
-		activation: V,
-		select: Z,
-		value: L
-	});
-	l(() => {
-		Q.current = {
-			activation: V,
-			select: Z,
-			value: L
-		};
-	}), l(() => {
-		if (R === null) return;
-		let e = r(R, {
-			crossAxis: !1,
-			itemSelector: C,
-			loop: H,
-			onMove: (e, t) => {
-				if (J.current?.reveal(t), Q.current.activation !== "automatic") return;
-				let n = t.getAttribute("data-value");
-				n !== null && Q.current.select(n, "keyboard", void 0);
-			},
-			orientation: () => W
-		});
-		q.current = e;
-		let t = n(R, { itemSelector: C }), i = new MutationObserver(() => {
-			e.refresh(), J.current?.refresh();
-		});
-		return i.observe(R, {
-			childList: !0,
-			subtree: !0
-		}), () => {
-			i.disconnect(), t.destroy(), e.destroy(), q.current = null;
-		};
-	}, [
-		R,
-		H,
-		W
-	]), T(() => {
-		if (R !== null) return y(R, {
-			orientation: () => W,
-			part: "marker",
-			target: () => R.querySelector(w)
-		}).destroy;
-	}, [R, W]), l(() => {
-		if (R === null || W === "vertical") {
-			B(_);
-			return;
-		}
-		let e = v(R, { onChange: B });
-		return J.current = e, B(e.state()), () => {
-			e.destroy(), J.current = null;
-		};
-	}, [R, W]), l(() => {
-		let e = X(L);
-		if (e === -1) return;
-		q.current?.setActive(e);
-		let t = Y()[e];
-		t !== void 0 && J.current?.reveal(t);
-	}, [L, R]);
-	let $ = z.overflowing && W === "horizontal";
-	l(() => {
-		if (!$) return;
-		let e = Y()[X(Q.current.value)];
-		e !== void 0 && J.current?.reveal(e);
-	}, [$]);
-	let xe = {
-		activation: V,
-		attachList: ue,
-		disabled: G,
-		dismiss: be,
-		identify: (e) => ({
-			panelId: `${I}panel-${O(e)}`,
-			tabId: `${I}tab-${O(e)}`
-		}),
-		mount: U,
-		orientation: W,
-		seen: (e) => K.current.has(e),
-		select: Z,
-		shownValue: ve,
-		value: L
-	}, Se = {
-		...se,
-		children: /* @__PURE__ */ g(m, { children: [o, $ ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
-			"aria-hidden": "true",
-			"data-direction": "start",
-			"data-part": "scroll",
-			disabled: z.atStart,
-			onClick: () => J.current?.page(-1),
-			tabIndex: -1,
-			type: "button",
-			children: /* @__PURE__ */ h(t, {
-				directional: !0,
-				children: /* @__PURE__ */ h(e, { name: "chevron-right" })
-			})
-		}), /* @__PURE__ */ h("button", {
-			"aria-hidden": "true",
-			"data-direction": "end",
-			"data-part": "scroll",
-			disabled: z.atEnd,
-			onClick: () => J.current?.page(1),
-			tabIndex: -1,
-			type: "button",
-			children: /* @__PURE__ */ h(t, {
-				directional: !0,
-				children: /* @__PURE__ */ h(e, { name: "chevron-right" })
-			})
-		})] }) : null] }),
-		className: s,
-		"data-activation-direction": de,
-		...G ? { "data-disabled": "" } : {},
-		"data-fit": pe,
-		"data-orientation": W,
-		...z.overflowing ? { "data-overflowing": "" } : {},
-		"data-part": "root",
-		"data-size": me,
-		"data-track": he,
-		"data-ui": "tabs",
-		"data-variant": ge,
-		style: re
-	};
-	return /* @__PURE__ */ h(E.Provider, {
-		value: xe,
-		children: te === void 0 ? /* @__PURE__ */ h("div", {
-			...Se,
-			ref: ee
-		}) : te(Se)
-	});
-}
-//#endregion
-//#region src/tabs/tabs-parts.tsx
-function j(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-function M({ children: e, ref: t, render: n, ...r }) {
-	let i = D(), a = o((e) => {
-		if (i.attachList(e), typeof t == "function") return t(e);
-		t && (t.current = e);
-	}, [t, i.attachList]), s = {
-		tabIndex: -1,
-		...r,
-		...i.orientation === "vertical" ? { "aria-orientation": "vertical" } : {},
-		children: e,
-		"data-part": "list",
-		role: "tablist"
-	};
-	return n === void 0 ? /* @__PURE__ */ h("div", {
-		...s,
-		ref: a
-	}) : n({
-		...s,
-		ref: a
-	});
-}
-function N({ children: n, className: r, controls: i, disabled: a, dismissLabel: o, dismissible: s = !1, end: c, href: l, onClick: u, onKeyDown: d, ref: f, render: p, start: _, style: v, value: y, ...b }) {
-	let x = D(), { panelId: S, tabId: C } = x.identify(y), w = i ?? S, T = x.value === y, E = x.disabled === !0 || a === !0;
-	function O(e) {
-		u?.(e), !e.defaultPrevented && (E || l !== void 0 && (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) || (l !== void 0 && e.preventDefault(), x.select(y, j(e), e)));
-	}
-	function k(e) {
-		d?.(e), !(e.defaultPrevented || e.repeat) && s && !E && e.key === "Delete" && (e.preventDefault(), x.dismiss(y, "keyboard", e));
-	}
-	let A = /* @__PURE__ */ g(m, { children: [
-		_ === void 0 ? null : /* @__PURE__ */ h("span", {
-			"data-part": "start",
-			children: _
-		}),
-		/* @__PURE__ */ h("span", {
-			"data-part": "label",
-			children: n
-		}),
-		c === void 0 ? null : /* @__PURE__ */ h("span", {
-			"data-part": "end",
-			children: c
-		})
-	] }), M = l === void 0 ? /* @__PURE__ */ h("button", {
-		...b,
-		"aria-controls": w,
-		"aria-keyshortcuts": s ? "Delete" : void 0,
-		"aria-selected": T,
-		"data-part": "tab",
-		"data-value": y,
-		disabled: E,
-		id: C,
-		onClick: O,
-		onKeyDown: k,
-		ref: f,
-		role: "tab",
-		tabIndex: T ? 0 : -1,
-		type: "button",
-		children: A
-	}) : /* @__PURE__ */ h("a", {
-		...b,
-		"aria-controls": w,
-		"aria-disabled": E === !0 || void 0,
-		"aria-keyshortcuts": s ? "Delete" : void 0,
-		"aria-selected": T,
-		"data-part": "tab",
-		"data-value": y,
-		href: l,
-		id: C,
-		onClick: O,
-		onKeyDown: k,
-		ref: f,
-		role: "tab",
-		tabIndex: T ? 0 : -1,
-		children: A
-	}), N = {
-		children: /* @__PURE__ */ g(m, { children: [M, s ? /* @__PURE__ */ h("button", {
-			"aria-label": o,
-			"data-part": "dismiss",
-			disabled: E,
-			onClick: (e) => {
-				e.stopPropagation(), x.dismiss(y, "pointer", e);
-			},
-			tabIndex: -1,
-			type: "button",
-			children: /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: "x" }) })
-		}) : null] }),
-		className: r,
-		"data-part": "item",
-		...T ? { "data-selected": "" } : {},
-		role: "presentation",
-		style: v
-	};
-	return p === void 0 ? /* @__PURE__ */ h("div", { ...N }) : p(N);
-}
-function P({ children: e, ref: t, render: n, value: r, ...i }) {
-	let a = D(), { panelId: o, tabId: s } = a.identify(r), c = a.shownValue === r, l = c && a.value !== a.shownValue, u = c || a.mount === "eager" || a.mount === "lazy" && a.seen(r), d = {
-		...i,
-		"aria-labelledby": s,
-		...l ? {
-			"aria-busy": !0,
-			"data-pending": ""
-		} : {},
-		children: u ? e : null,
-		"data-part": "panel",
-		hidden: !c,
-		id: o,
-		role: "tabpanel",
-		tabIndex: 0
-	};
-	return n === void 0 ? /* @__PURE__ */ h("div", {
-		...d,
-		ref: t
-	}) : n(d);
-}
-function ee({ children: e, ref: t, render: n, ...r }) {
-	D();
-	let i = {
-		...r,
-		children: e,
-		"data-part": "actions"
-	};
-	return n === void 0 ? /* @__PURE__ */ h("div", {
-		...i,
-		ref: t
-	}) : n(i);
-}
-//#endregion
-export { A as a, x as c, P as i, ee as n, D as o, M as r, S as s, N as t };

package/dist/tag-DjtW53xN.js

@@ -1,365 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-/* empty css             */
-import { createRemovalFocus as r, createRovingTabindex as i } from "@slotted/core/focus";
-import { createControllable as a } from "@slotted/core/state";
-import { createContext as o, useCallback as s, useContext as c, useEffect as l, useId as u, useRef as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { tagMessages as g } from "@slotted/core/i18n";
-//#region src/tag/tag-defaults.tsx
-var _ = o({
-	shape: "pill",
-	size: "md",
-	tone: "secondary",
-	variant: "soft"
-});
-function v() {
-	return c(_);
-}
-function y({ children: e, ...t }) {
-	let n = v();
-	return /* @__PURE__ */ m(_.Provider, {
-		value: {
-			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/tag/tag-chip.tsx
-var b = "[data-part=\"body\"]:is(a, button), [data-part=\"remove\"]", x = o(void 0);
-function S({ children: e, role: t }) {
-	return /* @__PURE__ */ m(x.Provider, {
-		value: t,
-		children: e
-	});
-}
-function C() {
-	return c(x);
-}
-function w(e) {
-	let t = v();
-	return {
-		tone: e.tone ?? t.tone,
-		variant: e.variant ?? t.variant,
-		size: e.size ?? t.size,
-		shape: e.shape ?? t.shape
-	};
-}
-function T(e, t) {
-	return {
-		"data-ui": "tag",
-		"data-part": "root",
-		"data-tone": e.tone,
-		"data-variant": e.variant,
-		"data-size": e.size,
-		"data-shape": e.shape,
-		"data-disabled": t.disabled ? "" : void 0,
-		"data-selected": t.selected ? "" : void 0
-	};
-}
-function E(e, t) {
-	let n = !1;
-	return {
-		reason: e,
-		source: t,
-		get cancelled() {
-			return n;
-		},
-		cancel() {
-			n = !0;
-		}
-	};
-}
-function D(e) {
-	let t = n(g, e.messages), r = e.disabled === !0 || e.removeDisabled === !0;
-	return {
-		removable: e.onRemove !== void 0,
-		removeDisabled: r,
-		removeLabel: t("remove"),
-		request(t, n) {
-			r || e.onRemove?.(E(t, n));
-		}
-	};
-}
-function O(e) {
-	return (t) => {
-		e.removable && !e.removeDisabled && (t.repeat || t.defaultPrevented || (t.key === "Backspace" || t.key === "Delete") && (t.preventDefault(), e.request("keyboard", t)));
-	};
-}
-function k({ children: e, end: t, indicator: n, labelId: r, start: i }) {
-	return /* @__PURE__ */ h(p, { children: [
-		n,
-		i === void 0 ? null : /* @__PURE__ */ m("span", {
-			"data-part": "start",
-			children: i
-		}),
-		/* @__PURE__ */ m("span", {
-			"data-part": "label",
-			id: r,
-			children: e
-		}),
-		t === void 0 ? null : /* @__PURE__ */ m("span", {
-			"data-part": "end",
-			children: t
-		})
-	] });
-}
-function A({ labelId: n, removal: r, wordId: i }) {
-	return /* @__PURE__ */ h("button", {
-		"aria-labelledby": `${i} ${n}`,
-		"data-part": "remove",
-		disabled: r.removeDisabled,
-		onClick: (e) => {
-			e.stopPropagation(), r.request("remove", e);
-		},
-		type: "button",
-		children: [/* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "x" }) }), /* @__PURE__ */ m("span", {
-			hidden: !0,
-			id: i,
-			children: r.removeLabel
-		})]
-	});
-}
-function j({ appearance: e, children: t, disabled: n, removal: r, render: i, rootProps: a, selected: o }) {
-	let s = C(), c = {
-		...a,
-		...T(e, {
-			disabled: n === !0,
-			selected: o
-		}),
-		children: t,
-		...a?.role === void 0 && s !== void 0 ? { role: s } : {},
-		onKeyDown: (e) => {
-			a?.onKeyDown?.(e), O(r)(e);
-		}
-	};
-	return i === void 0 ? /* @__PURE__ */ m("span", { ...c }) : i(c);
-}
-//#endregion
-//#region src/tag/tag.tsx
-function M({ children: e, disabled: t = !1, end: n, onRemove: r, removeDisabled: i = !1, messages: a, render: o, shape: s, size: c, start: l, tone: d, variant: f, ...p }) {
-	let g = w({
-		shape: s,
-		size: c,
-		tone: d,
-		variant: f
-	}), _ = D({
-		disabled: t,
-		onRemove: r,
-		removeDisabled: i,
-		messages: a
-	}), v = u(), y = `${v}label`, b = `${v}remove`;
-	return /* @__PURE__ */ h(j, {
-		appearance: g,
-		disabled: t,
-		removal: _,
-		render: o,
-		rootProps: p,
-		children: [/* @__PURE__ */ m("span", {
-			"data-part": "body",
-			children: /* @__PURE__ */ m(k, {
-				end: n,
-				labelId: y,
-				start: l,
-				children: e
-			})
-		}), _.removable ? /* @__PURE__ */ m(A, {
-			labelId: y,
-			removal: _,
-			wordId: b
-		}) : null]
-	});
-}
-//#endregion
-//#region src/tag/tag-button.tsx
-function N({ children: e, disabled: t = !1, end: n, onRemove: r, removeDisabled: i = !1, messages: a, render: o, rootProps: s, shape: c, size: l, start: d, tone: f, type: p = "button", variant: g, ..._ }) {
-	let v = w({
-		shape: c,
-		size: l,
-		tone: f,
-		variant: g
-	}), y = D({
-		disabled: t,
-		onRemove: r,
-		removeDisabled: i,
-		messages: a
-	}), b = u(), x = `${b}label`, S = `${b}remove`, C = {
-		..._,
-		children: /* @__PURE__ */ m(k, {
-			end: n,
-			labelId: x,
-			start: d,
-			children: e
-		}),
-		"data-part": "body",
-		disabled: t,
-		type: p
-	};
-	return /* @__PURE__ */ h(j, {
-		appearance: v,
-		disabled: t,
-		removal: y,
-		rootProps: s,
-		children: [o === void 0 ? /* @__PURE__ */ m("button", { ...C }) : o(C), y.removable ? /* @__PURE__ */ m(A, {
-			labelId: x,
-			removal: y,
-			wordId: S
-		}) : null]
-	});
-}
-//#endregion
-//#region src/tag/tag-group.tsx
-function P({ children: e, loop: t = !0, orientation: n = "horizontal", ref: a, render: o, role: c = "toolbar", ...u }) {
-	let f = d(null), p = c === "toolbar", h = s((e) => {
-		if (f.current = e, typeof a == "function") return a(e);
-		a && (a.current = e);
-	}, [a]);
-	l(() => {
-		let e = f.current;
-		if (e === null || !p) return;
-		let a = i(e, {
-			itemSelector: b,
-			loop: t,
-			orientation: () => n
-		}), o = r(e, { itemSelector: b }), s = new MutationObserver(() => a.refresh());
-		return s.observe(e, {
-			childList: !0,
-			subtree: !0
-		}), () => {
-			s.disconnect(), o.destroy(), a.destroy();
-		};
-	}, [
-		t,
-		n,
-		p
-	]);
-	let g = {
-		tabIndex: -1,
-		...u,
-		children: /* @__PURE__ */ m(S, {
-			role: c === "list" ? "listitem" : void 0,
-			children: e
-		}),
-		"data-orientation": n,
-		"data-part": "group",
-		"data-ui": "tag",
-		ref: h,
-		role: c,
-		...p && n === "vertical" ? { "aria-orientation": n } : {}
-	};
-	return o === void 0 ? /* @__PURE__ */ m("div", { ...g }) : o(g);
-}
-//#endregion
-//#region src/tag/tag-link.tsx
-function F({ children: e, disabled: t = !1, end: n, href: r, onAuxClickCapture: i, onClickCapture: a, onKeyDownCapture: o, onRemove: s, removeDisabled: c = !1, messages: l, render: d, rootProps: f, shape: p, size: g, start: _, tabIndex: v, tone: y, variant: b, ...x }) {
-	let S = w({
-		shape: p,
-		size: g,
-		tone: y,
-		variant: b
-	}), C = D({
-		disabled: t,
-		onRemove: s,
-		removeDisabled: c,
-		messages: l
-	}), T = u(), E = `${T}label`, O = `${T}remove`, M = (e) => t ? (e.preventDefault(), e.stopPropagation(), e.nativeEvent.stopImmediatePropagation?.(), !0) : !1, N = {
-		...x,
-		children: /* @__PURE__ */ m(k, {
-			end: n,
-			labelId: E,
-			start: _,
-			children: e
-		}),
-		"data-part": "body",
-		onAuxClickCapture: (e) => {
-			M(e) || i?.(e);
-		},
-		onClickCapture: (e) => {
-			M(e) || a?.(e);
-		},
-		onKeyDownCapture: (e) => {
-			e.key === "Enter" && M(e) || o?.(e);
-		},
-		...t ? {
-			"aria-disabled": !0,
-			role: x.role ?? "link",
-			tabIndex: v ?? 0
-		} : {
-			href: r,
-			...v === void 0 ? {} : { tabIndex: v }
-		}
-	};
-	return /* @__PURE__ */ h(j, {
-		appearance: S,
-		disabled: t,
-		removal: C,
-		rootProps: f,
-		children: [d === void 0 ? /* @__PURE__ */ m("a", { ...N }) : d(N), C.removable ? /* @__PURE__ */ m(A, {
-			labelId: E,
-			removal: C,
-			wordId: O
-		}) : null]
-	});
-}
-//#endregion
-//#region src/tag/tag-toggle.tsx
-function I(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-function L({ children: n, defaultSelected: r, disabled: i = !1, end: o, onClick: s, onRemove: c, onSelectedChange: l, removeDisabled: d = !1, messages: p, render: g, rootProps: _, selected: v, shape: y, size: b, start: x, tone: S, type: C = "button", variant: T, ...E }) {
-	let O = w({
-		shape: y,
-		size: b,
-		tone: S,
-		variant: T
-	}), M = D({
-		disabled: i,
-		onRemove: c,
-		removeDisabled: d,
-		messages: p
-	}), [N, P] = f(r ?? !1), F = u(), L = `${F}label`, R = `${F}remove`, z = a({
-		controlled: v,
-		initial: N,
-		onRequest: (e) => l?.(e.value, e)
-	}), B = {
-		...E,
-		"aria-pressed": z.value,
-		children: /* @__PURE__ */ m(k, {
-			end: o,
-			indicator: /* @__PURE__ */ m("span", {
-				"aria-hidden": "true",
-				"data-part": "indicator",
-				children: /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "check" }) })
-			}),
-			labelId: L,
-			start: x,
-			children: n
-		}),
-		"data-part": "body",
-		disabled: i,
-		onClick: (e) => {
-			if (s?.(e), e.defaultPrevented) return;
-			let t = !z.value;
-			z.request(t, I(e), e) && P(t);
-		},
-		type: C
-	};
-	return /* @__PURE__ */ h(j, {
-		appearance: O,
-		disabled: i,
-		removal: M,
-		rootProps: _,
-		selected: z.value,
-		children: [g === void 0 ? /* @__PURE__ */ m("button", { ...B }) : g(B), M.removable ? /* @__PURE__ */ m(A, {
-			labelId: L,
-			removal: M,
-			wordId: R
-		}) : null]
-	});
-}
-//#endregion
-export { M as a, N as i, F as n, y as o, P as r, v as s, L as t };