@slotted/react 0.1.0-beta.10 → 0.1.0-beta.11

package/dist/text-field-DL_uhNXV.js

@@ -1,203 +0,0 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-import { b as r, h as i } from "./field-CzSGs7wo.js";
-import { keyedProps as a, withSelectorKey as ee } from "@slotted/core/selector-key";
-import { createControllable as o } from "@slotted/core/state";
-import { createContext as s, useContext as c, useEffect as l, useLayoutEffect as te, useRef as u, useState as d } from "react";
-import { Fragment as ne, jsx as f, jsxs as re } from "react/jsx-runtime";
-import { textFieldMessages as ie } from "@slotted/core/i18n";
-import { getLiveAnnouncer as ae } from "@slotted/core/live-announcer";
-import { writeToClipboard as oe } from "@slotted/core/clipboard";
-//#region src/text-field/text-field-defaults.tsx
-var p = s({
-	mono: !1,
-	size: "md",
-	variant: "outline"
-});
-function m() {
-	return c(p);
-}
-function h({ children: e, ...t }) {
-	let n = m();
-	return /* @__PURE__ */ f(p.Provider, {
-		value: {
-			mono: t.mono ?? n.mono,
-			size: t.size ?? n.size,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/text-field/text-field.tsx
-var se = 2e3;
-function g(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-function _({ "aria-describedby": i, "aria-invalid": s, "aria-required": c, className: p, clearable: h = !1, copyable: _ = !1, countMax: v, defaultRevealed: ce = !1, defaultValue: y, disabled: le, end: b, id: ue, invalid: de, loading: x, maxLength: S, messages: fe, mono: pe, onBlur: me, onChange: he, onKeyDown: ge, onKeyUp: _e, onRevealedChange: ve, onValueChange: ye, onValueCopy: be, readOnly: xe, ref: C, render: w, revealable: Se = !1, revealed: T, showCount: E = !1, size: Ce, start: D, style: we, type: O = "text", value: k, variant: Te, ...Ee }) {
-	let A = r(), j = m(), M = n(ie, fe), N = u(null), [De, P] = d(y ?? ""), [Oe, ke] = d(ce), [F, I] = d(!1), [L, R] = d(!1), z = u(void 0);
-	l(() => () => clearTimeout(z.current), []);
-	let B = k ?? De, V = T ?? Oe, Ae = Ce ?? A?.size ?? j.size, je = Te ?? j.variant, Me = pe ?? j.mono, H = le ?? A?.disabled, U = xe ?? A?.readOnly, W = de ?? A?.invalid, G = A?.registerControl;
-	l(() => G?.(), [G]), l(() => {
-		let e = N.current?.form;
-		if (e == null) return;
-		let t = () => P(y ?? "");
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [y]);
-	let K = A?.setCount, q = v ?? S ?? void 0;
-	l(() => {
-		if (E && K !== void 0) return K({
-			length: B.length,
-			max: q
-		}), () => K(void 0);
-	}, [
-		B,
-		q,
-		K,
-		E
-	]);
-	let J = u(null);
-	te(() => {
-		let e = J.current, t = N.current;
-		e !== null && t !== null && (J.current = null, t.focus(), t.setSelectionRange(e[0], e[1]));
-	}, [V]);
-	let Y = (e, t, n) => {
-		o({
-			controlled: k,
-			initial: B,
-			onRequest: (e) => ye?.(e.value, e)
-		}).request(e, t, n) && P(e);
-	}, Ne = (e) => {
-		let t = N.current;
-		k === void 0 && t !== null && (t.value = ""), Y("", "clear", e), t?.focus();
-	}, Pe = (e) => {
-		let t = N.current;
-		J.current = t === null ? null : [t.selectionStart ?? 0, t.selectionEnd ?? 0], o({
-			controlled: T,
-			initial: V,
-			onRequest: (e) => ve?.(e.value, e)
-		}).request(!V, g(e), e) && ke(!V);
-	}, X = (e) => ae(N.current?.ownerDocument).announce(e), Fe = async (e) => {
-		let t = g(e), n = await oe(B) !== "refused";
-		n && (I(!0), clearTimeout(z.current), z.current = setTimeout(() => I(!1), se)), X(M(n ? "copied" : "copyFailed")), be?.({
-			copied: n,
-			reason: t,
-			source: e,
-			value: B
-		});
-	}, Z = O === "password", Q = (e) => {
-		if (!Z || typeof e.getModifierState != "function") return;
-		let t = e.getModifierState("CapsLock");
-		t && !L && X(M("capsLock")), t !== L && R(t);
-	}, Ie = h && B !== "" && H !== !0 && U !== !0, Le = _ && B !== "" && H !== !0, Re = Se && Z && H !== !0, ze = /* @__PURE__ */ f("input", {
-		...ee(Ee, "part", "input"),
-		"aria-busy": x === !0 || void 0,
-		"aria-describedby": [i, A?.describedBy].filter(Boolean).join(" ") || void 0,
-		"aria-invalid": s ?? (W === !0 || void 0),
-		"aria-required": c ?? (A?.required === !0 || void 0),
-		disabled: H,
-		id: ue ?? A?.ids.control,
-		maxLength: S,
-		onBlur: (e) => {
-			me?.(e), R(!1);
-		},
-		onKeyDown: (e) => {
-			ge?.(e), Q(e);
-		},
-		onKeyUp: (e) => {
-			_e?.(e), Q(e);
-		},
-		onChange: (e) => {
-			he?.(e), Y(e.currentTarget.value, "keyboard", e);
-		},
-		readOnly: U,
-		ref: (e) => {
-			N.current = e, typeof C == "function" ? C(e) : C != null && (C.current = e);
-		},
-		type: Z && V ? "text" : O,
-		...k === void 0 ? { defaultValue: y } : { value: k }
-	}), Be = /* @__PURE__ */ re(ne, { children: [
-		D === void 0 ? null : /* @__PURE__ */ f("span", {
-			"data-part": "start",
-			"data-part-start": "",
-			children: D
-		}),
-		ze,
-		x === void 0 ? null : /* @__PURE__ */ f("span", {
-			"aria-hidden": "true",
-			"data-part": "busy",
-			"data-part-busy": "",
-			"data-ui": "spinner",
-			"data-ui-spinner": "",
-			hidden: !x
-		}),
-		Z ? /* @__PURE__ */ f("span", {
-			"aria-hidden": "true",
-			"data-part": "caps-lock",
-			"data-part-caps-lock": "",
-			hidden: !L,
-			children: /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(e, { name: "caps-lock" }) })
-		}) : null,
-		h ? /* @__PURE__ */ f("button", {
-			"aria-label": M("clear"),
-			"data-part": "clear",
-			"data-part-clear": "",
-			hidden: !Ie,
-			onClick: Ne,
-			type: "button",
-			children: /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(e, { name: "x" }) })
-		}) : null,
-		_ ? /* @__PURE__ */ f("button", {
-			"aria-label": M("copy"),
-			"data-part": "copy",
-			"data-part-copy": "",
-			hidden: !Le,
-			onClick: (e) => void Fe(e),
-			type: "button",
-			...F ? { "data-complete": "" } : {},
-			children: /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(e, { name: F ? "check" : "copy" }) }, F ? "check" : "copy")
-		}) : null,
-		Re ? /* @__PURE__ */ f("button", {
-			"aria-label": M("reveal"),
-			"aria-pressed": V,
-			"data-part": "reveal",
-			"data-part-reveal": "",
-			onClick: Pe,
-			type: "button",
-			children: /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(e, { name: V ? "eye-off" : "eye" }) }, V ? "eye-off" : "eye")
-		}) : null,
-		b === void 0 ? null : /* @__PURE__ */ f("span", {
-			"data-part": "end",
-			"data-part-end": "",
-			children: b
-		})
-	] }), $ = a({
-		children: Be,
-		className: p,
-		style: we,
-		...H === !0 ? { "data-disabled": "" } : {},
-		...W === !0 ? { "data-invalid": "" } : {},
-		...x === !0 ? { "data-loading": "" } : {},
-		...Me ? { "data-mono": "" } : {},
-		...U === !0 ? { "data-readonly": "" } : {},
-		"data-part": "root",
-		"data-size": Ae,
-		"data-ui": "text-field",
-		"data-variant": je
-	});
-	return w === void 0 ? /* @__PURE__ */ f("div", { ...$ }) : w($);
-}
-function v({ render: e, type: t = "button", ...n }) {
-	let r = a({
-		...n,
-		"data-part": "action",
-		type: t
-	});
-	return e === void 0 ? /* @__PURE__ */ f("button", { ...r }) : e(r);
-}
-i(_, ({ countMax: e, defaultValue: t, maxLength: n, showCount: r, value: i }) => r === !0 ? {
-	length: (i ?? t ?? "").length,
-	max: e ?? n ?? void 0
-} : void 0);
-//#endregion
-export { m as i, v as n, h as r, _ as t };

package/dist/timeline-pEL30Jp8.js

@@ -1,446 +0,0 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-/* empty css                 */
-/* empty css                         */
-import { keyedProps as i, selectorKeyProps as a, withSelectorKey as o } from "@slotted/core/selector-key";
-import { tabbables as s } from "@slotted/core/focus";
-import { createControllable as c } from "@slotted/core/state";
-import { Children as l, createContext as u, isValidElement as d, useContext as f, useEffect as p, useId as m, useLayoutEffect as h, useRef as g, useState as _ } from "react";
-import { Fragment as ee, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { timelineMessages as b } from "@slotted/core/i18n";
-import { getLiveAnnouncer as x } from "@slotted/core/live-announcer";
-import { connectorOf as S, feedFocusTarget as C, formatTimestamp as w, isComplete as T, revealFocusIndex as E, setSizeOf as D, sideOf as O } from "@slotted/core/timeline";
-//#region src/timeline/timeline-defaults.tsx
-var k = u({});
-function A() {
-	return f(k);
-}
-function j({ children: e, ...t }) {
-	let n = A();
-	return /* @__PURE__ */ v(k.Provider, {
-		value: {
-			growing: t.growing ?? n.growing,
-			level: t.level ?? n.level,
-			mode: t.mode ?? n.mode,
-			now: t.now ?? n.now,
-			order: t.order ?? n.order,
-			orientation: t.orientation ?? n.orientation,
-			placement: t.placement ?? n.placement,
-			size: t.size ?? n.size,
-			timeFormat: t.timeFormat ?? n.timeFormat,
-			timeZone: t.timeZone ?? n.timeZone,
-			tone: t.tone ?? n.tone,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/timeline/timeline-context.ts
-var M = u(void 0), N = u({
-	currentIndex: -1,
-	loaded: 0
-}), P = u(void 0);
-function F() {
-	let e = f(M);
-	if (e === void 0) throw Error("Timeline parts must be rendered inside a Timeline.");
-	return e;
-}
-function te() {
-	return f(N);
-}
-function I() {
-	return f(P);
-}
-//#endregion
-//#region src/timeline/timeline-parts.tsx
-var L = u(0);
-function R(e) {
-	return l.toArray(e).filter((e) => d(e));
-}
-function z(e) {
-	let t = 0, n = -1;
-	for (let r of R(e)) if (r.type === H) r.props.current === !0 && n === -1 && (n = t), t += 1;
-	else if (r.type === V) {
-		let e = z(r.props.children);
-		e.currentIndex !== -1 && n === -1 && (n = t + e.currentIndex), t += e.count;
-	}
-	return {
-		count: t,
-		currentIndex: n
-	};
-}
-function B(e, t) {
-	let n = R(e), r = n.reduce((e, t, n) => t.type === H ? n : e, -1), i = z(e), a = t, o = n.map((e, t) => {
-		if (e.type === H) {
-			let n = a;
-			return a += 1, /* @__PURE__ */ v(P.Provider, {
-				value: {
-					index: n,
-					last: t === r
-				},
-				children: e
-			}, e.key ?? n);
-		}
-		if (e.type === V) {
-			let n = a;
-			return a += z(e.props.children).count, /* @__PURE__ */ v(L.Provider, {
-				value: n,
-				children: e
-			}, e.key ?? t);
-		}
-		return e;
-	});
-	return {
-		count: i.count,
-		currentIndex: i.currentIndex === -1 ? -1 : t + i.currentIndex,
-		nodes: o
-	};
-}
-function V({ children: n, collapsible: r = !1, defaultOpen: a, label: o, level: s, onOpenChange: l, open: u, ref: d, render: p, ...m }) {
-	let h = F(), g = f(L), [b, x] = _(a ?? !0), S = r ? u ?? b : !0, C = `${h.ids.list}-group-${g}`, w = `h${s ?? h.level}`, T = B(n, g), E = (e, t, n) => {
-		c({
-			controlled: u,
-			initial: S,
-			onRequest: (e) => l?.(e.value, e)
-		}).request(e, t, n) && x(e);
-	}, D = /* @__PURE__ */ v(w, {
-		"data-part": "group-label",
-		"data-part-group-label": "",
-		children: r ? /* @__PURE__ */ y("button", {
-			"aria-controls": C,
-			"aria-expanded": S,
-			"data-part": "group-trigger",
-			"data-part-group-trigger": "",
-			onClick: (e) => E(!S, e.detail === 0 ? "keyboard" : "pointer", e),
-			type: "button",
-			children: [
-				/* @__PURE__ */ v("span", {
-					"aria-hidden": "true",
-					"data-part": "group-indicator",
-					"data-part-group-indicator": "",
-					children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "chevron-down" }) })
-				}),
-				o,
-				/* @__PURE__ */ v("span", {
-					"data-ui": "visually-hidden",
-					"data-ui-visually-hidden": "",
-					children: S ? h.t("collapse") : h.t("expand")
-				})
-			]
-		}) : o
-	}), O = h.mode === "feed", k = v(O ? "div" : "ol", {
-		"data-part": "group-list",
-		"data-part-group-list": "",
-		hidden: !S,
-		id: C,
-		children: T.nodes
-	}), A = i({
-		...m,
-		children: /* @__PURE__ */ y(ee, { children: [D, k] }),
-		"data-open": S ? "" : void 0,
-		"data-part": "group"
-	});
-	return p === void 0 ? v(O ? "div" : "li", {
-		...A,
-		ref: d
-	}) : p({
-		...A,
-		ref: d
-	});
-}
-function H({ actions: n, actor: r, children: a, complete: o, connector: s, current: c = !1, description: l, loading: u = !1, marker: d, opposite: f, ref: m, render: h, side: g, time: _, timeLabel: b, title: x, tone: C, variant: w, ...E }) {
-	let k = F(), A = te(), j = I(), M = j?.index ?? 0, N = j?.last ?? !0, P = k.mode === "feed", L = T({
-		autoComplete: k.autoComplete,
-		complete: o,
-		currentIndex: A.currentIndex,
-		index: M,
-		order: k.order
-	}), R = S({
-		autoComplete: k.autoComplete,
-		connector: s,
-		currentIndex: A.currentIndex,
-		index: M,
-		order: k.order
-	}), z = k.placement === "alternate" || g !== void 0 ? O(k.placement, M, g) : void 0, B = (e) => k.ids.item(M, e), V = [
-		x === void 0 ? null : B("title"),
-		r === void 0 ? null : B("actor"),
-		_ === void 0 ? null : B("time")
-	].filter((e) => e !== null);
-	p(() => {}, [P, V.length]);
-	let H = L && !c ? /* @__PURE__ */ v(t, {
-		"data-check": "",
-		children: /* @__PURE__ */ v(e, { name: "check" })
-	}) : null, W = /* @__PURE__ */ y("div", {
-		"data-part": "content",
-		"data-part-content": "",
-		children: [
-			x === void 0 ? null : /* @__PURE__ */ y("div", {
-				"data-part": "title",
-				"data-part-title": "",
-				id: B("title"),
-				children: [x, c ? /* @__PURE__ */ v("span", {
-					"data-ui": "visually-hidden",
-					"data-ui-visually-hidden": "",
-					children: k.t("current")
-				}) : null]
-			}),
-			_ === void 0 ? null : /* @__PURE__ */ v(U, {
-				id: B("time"),
-				value: _,
-				children: b
-			}),
-			r === void 0 ? null : /* @__PURE__ */ v("div", {
-				"data-part": "actor",
-				"data-part-actor": "",
-				id: B("actor"),
-				children: r
-			}),
-			l === void 0 ? null : /* @__PURE__ */ v("div", {
-				"data-part": "description",
-				"data-part-description": "",
-				id: B("description"),
-				children: l
-			}),
-			a,
-			n === void 0 ? null : /* @__PURE__ */ v("div", {
-				"data-part": "actions",
-				"data-part-actions": "",
-				children: n
-			})
-		]
-	}), G = i({
-		...E,
-		...c ? { "aria-current": !0 } : {},
-		...P ? {
-			"aria-describedby": l === void 0 ? void 0 : B("description"),
-			"aria-labelledby": V.length === 0 ? void 0 : V.join(" "),
-			"aria-posinset": M + 1,
-			"aria-setsize": D({
-				count: k.count,
-				growing: k.growing,
-				loaded: A.loaded
-			}),
-			role: "article",
-			tabIndex: E.tabIndex ?? 0
-		} : {},
-		...u ? { "aria-busy": !0 } : {},
-		children: /* @__PURE__ */ y(ee, { children: [
-			f === void 0 ? null : /* @__PURE__ */ v("div", {
-				"data-part": "opposite",
-				"data-part-opposite": "",
-				children: f
-			}),
-			/* @__PURE__ */ y("div", {
-				"data-part": "rail",
-				"data-part-rail": "",
-				children: [/* @__PURE__ */ v("span", {
-					"data-part": "marker",
-					"data-part-marker": "",
-					children: u ? /* @__PURE__ */ v("span", {
-						"aria-hidden": "true",
-						"data-part": "root",
-						"data-part-root": "",
-						"data-ui": "spinner",
-						"data-ui-spinner": ""
-					}) : d ?? H
-				}), N ? null : /* @__PURE__ */ v("span", {
-					"aria-hidden": "true",
-					"data-part": "connector",
-					"data-part-connector": ""
-				})]
-			}),
-			W
-		] }),
-		"data-complete": L && !c ? "" : void 0,
-		"data-connector": R === "solid" ? void 0 : R,
-		"data-current": c ? "" : void 0,
-		"data-loading": u ? "" : void 0,
-		"data-part": "item",
-		"data-side": z,
-		"data-tone": C ?? k.tone,
-		"data-variant": w ?? k.variant
-	});
-	return h === void 0 ? v(P ? "article" : "li", {
-		...G,
-		ref: m
-	}) : h({
-		...G,
-		ref: m
-	});
-}
-function U({ children: e, format: t, locale: r, now: i, ref: a, timeZone: s, value: c, ...l }) {
-	let u = f(M), d = n(), p = w(c, {
-		format: t ?? u?.timeFormat,
-		locale: r ?? u?.locale ?? d,
-		now: i ?? u?.now,
-		timeZone: s ?? u?.timeZone
-	});
-	return /* @__PURE__ */ v("time", {
-		...p.title === null ? {} : { title: p.title },
-		...o(l, "part", "time"),
-		dateTime: p.dateTime,
-		ref: a,
-		children: e ?? p.text
-	});
-}
-//#endregion
-//#region src/timeline/timeline.tsx
-function W({ autoComplete: e = !1, children: t, count: o, empty: c, freshCount: l = 0, growing: u, label: d, labelledBy: f, level: ee, loading: S = !1, locale: w, messages: T, mode: D, now: O, onKeyDown: k, onLoadMore: j, onReveal: P, order: F, orientation: te, placement: I, reflow: L = !0, render: R, size: z, timeFormat: V, timeZone: H, tone: U, variant: W, ...G }) {
-	let K = A(), ne = n(), q = r(b, T), J = `slotted-timeline-${m()}`, Y = g(null), X = g(null), re = g(null), [ie, ae] = _(l);
-	l > 0 && l !== ie && ae(l);
-	let oe = g(l), se = D ?? K.mode ?? "list", Z = u ?? K.growing ?? "none", ce = se === "feed", Q = B(t, 0), le = () => [...Y.current?.querySelectorAll("[data-part=\"item\"]") ?? []].filter((e) => e.closest("[data-part=\"group-list\"][hidden]") === null), $ = {
-		autoComplete: e,
-		count: o,
-		focusItem: (e) => {
-			le()[e]?.focus();
-		},
-		growing: Z,
-		ids: {
-			item: (e, t) => `${J}-${e}-${t}`,
-			list: J
-		},
-		level: ee ?? K.level ?? 3,
-		loading: S,
-		locale: w ?? ne,
-		mode: se,
-		now: O ?? K.now,
-		order: F ?? K.order ?? "oldest-first",
-		orientation: te ?? K.orientation ?? "vertical",
-		placement: I ?? K.placement ?? "end",
-		size: z ?? K.size ?? "md",
-		t: q,
-		timeFormat: V ?? K.timeFormat ?? "absolute",
-		timeZone: H ?? K.timeZone,
-		tone: U ?? K.tone ?? "secondary",
-		variant: W ?? K.variant ?? "subtle"
-	}, ue = (e) => {
-		if (k?.(e), e.defaultPrevented || !ce) return;
-		let t = le(), n = t.findIndex((t) => t.contains(e.target)), r = C({
-			count: t.length,
-			ctrlKey: e.ctrlKey,
-			from: n,
-			key: e.key,
-			metaKey: e.metaKey
-		});
-		if (r === null) return;
-		if (e.preventDefault(), typeof r == "number") {
-			t[r]?.focus();
-			return;
-		}
-		let i = Y.current;
-		if (i === null) return;
-		let a = s(i.ownerDocument.body), o = i.compareDocumentPosition.bind(i);
-		(r === "after" ? a.find((e) => o(e) & Node.DOCUMENT_POSITION_FOLLOWING && !i.contains(e)) : [...a].reverse().find((e) => o(e) & Node.DOCUMENT_POSITION_PRECEDING && !i.contains(e)))?.focus();
-	};
-	p(() => {
-		l <= 0 || x().announce(q("freshItems", { count: l }));
-	}, [l]), h(() => {
-		let e = oe.current;
-		oe.current = l;
-		let t = re.current;
-		if (l > 0 || e <= 0 || t === null || !t.contains(t.ownerDocument.activeElement)) return;
-		let n = le(), r = E({
-			loaded: n.length,
-			revealed: e,
-			order: $.order
-		}), i = r === null ? void 0 : n[r];
-		i !== void 0 && (i.hasAttribute("tabindex") ? i : s(i)[0])?.focus();
-	}, [l]), p(() => {
-		let e = X.current;
-		if (Z !== "scroll" || e === null || S || typeof IntersectionObserver > "u") return;
-		let t = new IntersectionObserver((e) => {
-			e.some((e) => e.isIntersecting) && j?.("scroll");
-		});
-		return t.observe(e), () => t.disconnect();
-	}, [
-		Z,
-		S,
-		j
-	]);
-	let de = {
-		"aria-label": f === void 0 ? d : void 0,
-		"aria-labelledby": f,
-		"data-part": "list",
-		...a("part", "list"),
-		id: J,
-		onKeyDown: ue
-	}, fe = ce ? /* @__PURE__ */ v("div", {
-		...de,
-		"aria-busy": S ? !0 : void 0,
-		ref: Y,
-		role: "feed",
-		children: Q.nodes
-	}) : /* @__PURE__ */ v("ol", {
-		...de,
-		ref: Y,
-		children: Q.nodes
-	}), pe = Z === "none" ? null : S ? /* @__PURE__ */ y("div", {
-		"aria-live": "polite",
-		"data-part": "more",
-		"data-part-more": "",
-		ref: X,
-		children: [/* @__PURE__ */ v("span", {
-			"aria-hidden": "true",
-			"data-part": "root",
-			"data-part-root": "",
-			"data-ui": "spinner",
-			"data-ui-spinner": ""
-		}), q("loading")]
-	}) : Z === "button" ? /* @__PURE__ */ v("button", {
-		"data-part": "more",
-		"data-part-more": "",
-		onClick: (e) => j?.(e.detail === 0 ? "keyboard" : "pointer", e),
-		ref: X,
-		type: "button",
-		children: q("loadMore")
-	}) : /* @__PURE__ */ v("div", {
-		"data-part": "more",
-		"data-part-more": "",
-		ref: X
-	}), me = i({
-		...G,
-		children: /* @__PURE__ */ v(M.Provider, {
-			value: $,
-			children: /* @__PURE__ */ y(N.Provider, {
-				value: {
-					currentIndex: Q.currentIndex,
-					loaded: Q.count
-				},
-				children: [
-					ie > 0 ? /* @__PURE__ */ v("button", {
-						"data-part": "fresh",
-						"data-part-fresh": "",
-						hidden: l <= 0,
-						onClick: (e) => P?.(e.detail === 0 ? "keyboard" : "pointer", e),
-						ref: re,
-						type: "button",
-						children: q("freshItems", { count: ie })
-					}) : null,
-					fe,
-					pe,
-					Q.count === 0 && !S ? /* @__PURE__ */ v("div", {
-						"data-part": "empty",
-						"data-part-empty": "",
-						children: c ?? q("empty")
-					}) : null
-				]
-			})
-		}),
-		"data-growing": $.growing,
-		"data-loading": S ? "" : void 0,
-		"data-mode": $.mode,
-		"data-order": $.order,
-		"data-orientation": $.orientation,
-		"data-part": "root",
-		"data-placement": $.placement,
-		"data-reflow": L ? void 0 : "false",
-		"data-size": $.size,
-		"data-tone": $.tone,
-		"data-ui": "timeline",
-		"data-variant": $.variant
-	});
-	return R === void 0 ? /* @__PURE__ */ v("div", { ...me }) : R(me);
-}
-//#endregion
-export { F as a, j as c, U as i, A as l, V as n, I as o, H as r, te as s, W as t };