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

package/dist/page-header-BP_Wt3eS.js

@@ -1,367 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-import { n as r, o as i } from "./progress-indicator-DwvUSFFs.js";
-import { t as a } from "./skeleton-2LSpg84Z.js";
-import { n as o } from "./container-CjxY6rYv.js";
-import { a as s } from "./page-QP8Zyz8-.js";
-import { createControllable as c } from "@slotted/core/state";
-import { createContext as l, useContext as u, useEffect as d, useId as f, useImperativeHandle as p, useLayoutEffect as m, useRef as h, useState as g } from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { pageHeaderMessages as ee } from "@slotted/core/i18n";
-import { createStickyHeader as te } from "@slotted/core/sticky-header";
-//#region src/page-header/page-header-defaults.tsx
-var b = l({
-	collapse: "scroll",
-	level: "1",
-	size: "md",
-	variant: "band"
-});
-function x() {
-	return u(b);
-}
-function S({ children: e, ...t }) {
-	let n = x();
-	return /* @__PURE__ */ v(b.Provider, {
-		value: {
-			collapse: t.collapse ?? n.collapse,
-			level: t.level ?? n.level,
-			size: t.size ?? n.size,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/page-header/page-header.tsx
-var C = l(void 0);
-function w() {
-	let e = u(C);
-	if (e === void 0) throw Error("A PageHeader part must be rendered inside PageHeader.");
-	return e;
-}
-var T = typeof document > "u" ? d : m;
-function ne(e) {
-	let t = e.closest("[data-ui=\"page\"]");
-	return t === null || !t.hasAttribute("data-fill") ? null : t.querySelector(":scope > [data-part=\"scroll\"] > [data-part=\"body\"]");
-}
-function E({ children: e, className: t, collapse: r, defaultExpanded: i, defaultPinned: a, expanded: l, level: u, loading: m, messages: _, onExpandedChange: y, onPinnedChange: b, pinned: S, ref: w, render: E, size: D, style: O, variant: re, ...k }) {
-	let A = x(), j = s(), M = f(), N = r ?? A.collapse, P = u ?? A.level, F = D ?? A.size, I = re ?? A.variant, L = n(ee, _), [ie, ae] = g(i ?? !0), [oe, se] = g(a ?? !1), R = l ?? ie, z = S ?? oe, [B, V] = g(!1), [H, U] = g(!1), [W, G] = g(!1), [K, ce] = g(!1), [le, ue] = g(!1), [q, de] = g(null), J = h(null), Y = h({
-		collapse: N,
-		expanded: R,
-		pinned: z
-	});
-	Y.current = {
-		collapse: N,
-		expanded: R,
-		pinned: z
-	};
-	let X = h({
-		onExpandedChange: y,
-		onPinnedChange: b
-	});
-	X.current = {
-		onExpandedChange: y,
-		onPinnedChange: b
-	};
-	let Z = h("programmatic"), fe = h(R);
-	T(() => {
-		fe.current !== R && (fe.current = R, J.current?.expandedChanged(R, Z.current), Z.current = "programmatic");
-	}, [R]);
-	let pe = h(z);
-	T(() => {
-		pe.current !== z && (pe.current = z, J.current?.pinnedChanged(z));
-	}, [z]);
-	function Q(e, t, n, r) {
-		if (e === Y.current.expanded) return;
-		let i = !1, a = c({
-			controlled: l,
-			initial: Y.current.expanded,
-			onRequest: (e) => {
-				X.current.onExpandedChange?.(e.value, e), i = e.cancelled;
-			}
-		}).request(e, t, n);
-		i || (Z.current = r, a && (Y.current.expanded = e, ae(e)));
-	}
-	function $(e, t, n) {
-		if (e === Y.current.pinned) return;
-		let r = !1, i = c({
-			controlled: S,
-			initial: Y.current.pinned,
-			onRequest: (e) => {
-				X.current.onPinnedChange?.(e.value, e), r = e.cancelled;
-			}
-		}).request(e, t, n);
-		r || (i && (Y.current.pinned = e, se(e)), e && !Y.current.expanded && Q(!0, "programmatic", n, "pin"));
-	}
-	let me = (e, t, n) => {
-		!e && Y.current.pinned && $(!1, "programmatic", n), Q(e, t, n, t === "programmatic" ? "programmatic" : "control");
-	}, he = (e, t, n) => {
-		$(e, t, n);
-	};
-	p(w, () => ({
-		element: q,
-		expand: () => Q(!0, "programmatic", void 0, "programmatic"),
-		collapse: () => {
-			Y.current.pinned && $(!1, "programmatic", void 0), Q(!1, "programmatic", void 0, "programmatic");
-		},
-		pin: () => $(!0, "programmatic", void 0),
-		unpin: () => $(!1, "programmatic", void 0)
-	}), [
-		q,
-		l,
-		S
-	]), T(() => {
-		if (q === null) return;
-		let e = (e) => q.querySelector(`:scope > * > [data-part="${e}"]`), t = te({
-			root: q,
-			area: () => e("header-area"),
-			chrome: () => [
-				e("title-area"),
-				e("controls"),
-				e("tabs")
-			].filter((e) => e !== null),
-			state: () => Y.current,
-			onScrolled: V,
-			onRevealed: U,
-			onScrollRequest: (e) => Q(e, "scroll", void 0, "scroll"),
-			onTall: G,
-			onCompact: ce,
-			onStuck: ue,
-			onPinRequest: (e) => $(e, "programmatic", void 0),
-			contained: () => ne(q)
-		});
-		return J.current = t, () => {
-			t.destroy(), J.current = null;
-		};
-	}, [q, N]), d(() => {
-		J.current?.refresh();
-	});
-	let ge = {
-		collapse: N,
-		expanded: R,
-		ids: {
-			areaId: `${M}area`,
-			headingId: `${M}heading`
-		},
-		level: P,
-		loading: m === !0,
-		t: L,
-		pinned: z,
-		revealed: H,
-		scrolled: B,
-		size: F,
-		setExpanded: me,
-		setPinned: he
-	}, _e = {
-		...k,
-		...m === !0 ? { "aria-busy": !0 } : {},
-		children: /* @__PURE__ */ v(o, {
-			inset: j?.inset,
-			size: j?.width ?? "content",
-			children: e
-		}),
-		className: t,
-		"data-collapse": N,
-		...R ? { "data-expanded": "" } : {},
-		"data-level": P,
-		...m === !0 ? { "data-loading": "" } : {},
-		"data-part": "root",
-		...H ? { "data-revealed": "" } : {},
-		...B ? { "data-scrolled": "" } : {},
-		...W ? { "data-tall": "" } : {},
-		...K ? { "data-compact": "" } : {},
-		"data-size": F,
-		...le ? { "data-stuck": "" } : {},
-		"data-ui": "page-header",
-		"data-variant": I,
-		style: O
-	};
-	return /* @__PURE__ */ v(C.Provider, {
-		value: ge,
-		children: E === void 0 ? /* @__PURE__ */ v("header", {
-			..._e,
-			ref: de
-		}) : E(_e)
-	});
-}
-//#endregion
-//#region src/page-header/page-header-parts.tsx
-function D(e) {
-	return /* @__PURE__ */ v(a, {
-		lines: e,
-		render: (e) => /* @__PURE__ */ v("span", { ...e })
-	});
-}
-function O(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-function re(e, t) {
-	typeof e == "function" ? e(t) : e != null && (e.current = t);
-}
-function k(e, t) {
-	function n({ children: t, className: n, ref: r, render: i, style: a, ...o }) {
-		let s = {
-			...o,
-			children: t,
-			className: n,
-			"data-part": e,
-			style: a
-		};
-		return i === void 0 ? /* @__PURE__ */ v("div", {
-			...s,
-			ref: r
-		}) : i(s);
-	}
-	return n.displayName = t, n;
-}
-var A = k("title-area", "PageHeaderTitleArea"), j = k("nav", "PageHeaderNav"), M = k("breadcrumbs", "PageHeaderBreadcrumbs"), N = k("title-row", "PageHeaderTitleRow"), P = k("visual", "PageHeaderVisual"), F = k("title", "PageHeaderTitle"), I = k("marks", "PageHeaderMarks"), L = k("actions", "PageHeaderActions"), ie = k("navigation", "PageHeaderNavigation"), ae = k("figure", "PageHeaderFigure"), oe = k("content", "PageHeaderContent"), se = k("tabs", "PageHeaderTabs");
-function R({ delay: e, label: t, minDuration: n, size: a, ...o }) {
-	let s = w(), c = i();
-	return /* @__PURE__ */ v("div", {
-		"data-part": "progress",
-		children: /* @__PURE__ */ v(r, {
-			...o,
-			delay: e ?? c.delay ?? 200,
-			label: t ?? s.t("progress"),
-			minDuration: n ?? c.minDuration ?? 400,
-			placement: "edge-end",
-			size: a ?? "sm"
-		})
-	});
-}
-function z({ children: n, className: r, ref: i, render: a, style: o, ...s }) {
-	let c = {
-		...s,
-		children: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(t, {
-			directional: !0,
-			children: /* @__PURE__ */ v(e, { name: "arrow-left" })
-		}), n] }),
-		className: r,
-		"data-part": "back",
-		style: o
-	};
-	return a === void 0 ? /* @__PURE__ */ v("a", {
-		...c,
-		ref: i
-	}) : a(c);
-}
-function B({ children: e, className: t, ref: n, render: r, style: i, title: a, ...o }) {
-	let { ids: s, level: c, loading: l } = w(), u = typeof e == "string" ? e : void 0, d = {
-		...o,
-		children: l ? D(1) : e,
-		className: t,
-		"data-part": "heading",
-		id: s.headingId,
-		style: i,
-		...a !== void 0 || u !== void 0 ? { title: a ?? u } : {}
-	};
-	if (r !== void 0) return r(d);
-	let f = `h${c}`;
-	return /* @__PURE__ */ v(f, {
-		...d,
-		ref: n
-	});
-}
-function V({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let { loading: o } = w(), s = {
-		...a,
-		children: o ? D(1) : e,
-		className: t,
-		"data-part": "subheading",
-		style: i
-	};
-	return r === void 0 ? /* @__PURE__ */ v("p", {
-		...s,
-		ref: n
-	}) : r(s);
-}
-function H({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let { loading: o } = w(), s = {
-		...a,
-		children: o ? D(2) : e,
-		className: t,
-		"data-part": "description",
-		style: i
-	};
-	return r === void 0 ? /* @__PURE__ */ v("p", {
-		...s,
-		ref: n
-	}) : r(s);
-}
-function U({ "aria-label": e, children: t, className: n, ref: r, render: i, style: a, ...o }) {
-	let { expanded: s, ids: c, scrolled: l, t: u } = w(), [f, p] = g(null), m = !s && !l;
-	d(() => {
-		f !== null && (m ? (f.setAttribute("inert", ""), f.setAttribute("aria-hidden", "true")) : (f.removeAttribute("inert"), f.removeAttribute("aria-hidden")));
-	}, [f, m]);
-	let h = {
-		...o,
-		"aria-label": e ?? u("headerArea"),
-		children: t,
-		className: n,
-		"data-part": "header-area",
-		id: c.areaId,
-		role: "region",
-		style: a
-	};
-	return i === void 0 ? /* @__PURE__ */ v("div", {
-		...h,
-		ref: (e) => {
-			p(e), re(r, e);
-		}
-	}) : i(h);
-}
-function W({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: /* @__PURE__ */ v("div", { children: e }),
-		className: t,
-		"data-part": "controls",
-		style: i
-	};
-	return r === void 0 ? /* @__PURE__ */ v("div", {
-		...o,
-		ref: n
-	}) : r(o);
-}
-function G({ "aria-label": n, children: r, className: i, onClick: a, ref: o, render: s, style: c, ...l }) {
-	let { expanded: u, ids: d, setExpanded: f, t: p } = w(), m = {
-		...l,
-		"aria-controls": d.areaId,
-		"aria-expanded": u,
-		"aria-label": n ?? p(u ? "collapse" : "expand"),
-		children: r ?? /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "chevron-down" }) }),
-		className: i,
-		"data-part": "toggle",
-		onClick: (e) => {
-			a?.(e), !e.defaultPrevented && f(!u, O(e), e);
-		},
-		style: c,
-		type: "button"
-	};
-	return s === void 0 ? /* @__PURE__ */ v("button", {
-		...m,
-		ref: o
-	}) : s(m);
-}
-function K({ "aria-label": n, children: r, className: i, onClick: a, ref: o, render: s, style: c, ...l }) {
-	let { pinned: u, setPinned: d, t: f } = w(), p = {
-		...l,
-		"aria-label": n ?? f(u ? "unpin" : "pin"),
-		"aria-pressed": u,
-		children: r ?? /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: u ? "pin-off" : "pin" }) }),
-		className: i,
-		"data-part": "pin",
-		...u ? { "data-pressed": "" } : {},
-		onClick: (e) => {
-			a?.(e), !e.defaultPrevented && d(!u, O(e), e);
-		},
-		style: c,
-		type: "button"
-	};
-	return s === void 0 ? /* @__PURE__ */ v("button", {
-		...p,
-		ref: o
-	}) : s(p);
-}
-//#endregion
-export { w as C, E as S, x as T, F as _, oe as a, G as b, ae as c, j as d, ie as f, se as g, V as h, M as i, B as l, R as m, U as n, W as o, K as p, z as r, H as s, L as t, I as u, A as v, S as w, P as x, N as y };

package/dist/pagination-DWJc521r.js

@@ -1,292 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-import { createControllable as r } from "@slotted/core/state";
-import { createContext as i, useContext as a, useEffect as o, useId as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { paginationMessages as f } from "@slotted/core/i18n";
-import { clampPage as p, itemRange as m, pageItems as h, totalPages as g } from "@slotted/core/pagination";
-//#region src/pagination/pagination-defaults.tsx
-var _ = i({});
-function v() {
-	return a(_);
-}
-function y({ children: e, ...t }) {
-	let n = v();
-	return /* @__PURE__ */ u(_.Provider, {
-		value: {
-			boundaryCount: t.boundaryCount ?? n.boundaryCount,
-			defaultPageSize: t.defaultPageSize ?? n.defaultPageSize,
-			live: t.live ?? n.live,
-			pageSizeOptions: t.pageSizeOptions ?? n.pageSizeOptions,
-			siblingCount: t.siblingCount ?? n.siblingCount
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/pagination/pagination.tsx
-var b = i(void 0);
-function x() {
-	let e = a(b);
-	if (e === void 0) throw Error("Pagination parts must be rendered inside a Pagination.");
-	return e;
-}
-function S({ boundaryCount: e, children: t, count: i, defaultPage: a, defaultPageSize: s, disabled: l, itemHref: d, live: _, messages: y, loading: x, onPageChange: S, onPageSizeChange: C, page: w, pageSize: T, pageSizeOptions: E, render: D, siblingCount: O, ...k }) {
-	let A = v(), j = n(f, y), [M, N] = c(a ?? 1), [P, F] = c(s ?? A.defaultPageSize ?? 20), I = T ?? P, L = w ?? M, R = i === void 0 ? Infinity : g({
-		count: i,
-		pageSize: I
-	}), z = i === void 0 ? Math.max(1, Math.trunc(L)) : p(L, R), B = l ?? !1, V = x ?? !1, H = B || V, U = (e, t, n) => {
-		r({
-			controlled: w,
-			initial: z,
-			onRequest: (e) => S?.(e.value, e)
-		}).request(e, t, n) && N(e);
-	};
-	o(() => {
-		i !== void 0 && L !== z && U(z, "programmatic");
-	}, [
-		i,
-		z,
-		L
-	]);
-	let W = (e, t = "pointer", n) => {
-		if (H) return;
-		let r = i === void 0 ? Math.max(1, Math.trunc(e)) : p(e, R);
-		U(r, t, n);
-	}, G = {
-		canGoNext: !H && (i === void 0 || z < R),
-		canGoPrevious: !H && z > 1,
-		count: i,
-		disabled: B,
-		goToPage: W,
-		itemHref: d,
-		items: i === void 0 ? [] : h({
-			boundaryCount: e ?? A.boundaryCount ?? 1,
-			count: i,
-			page: z,
-			pageSize: I,
-			siblingCount: O ?? A.siblingCount ?? 1
-		}),
-		live: _ ?? A.live ?? "polite",
-		loading: V,
-		next: (e, t) => W(z + 1, e, t),
-		page: z,
-		pages: R,
-		pageSize: I,
-		pageSizeOptions: E ?? A.pageSizeOptions ?? [
-			10,
-			20,
-			50,
-			100
-		],
-		previous: (e, t) => W(z - 1, e, t),
-		range: i === void 0 ? {
-			start: 0,
-			end: 0
-		} : m({
-			count: i,
-			page: z,
-			pageSize: I
-		}),
-		setPageSize: (e, t = "select", n) => {
-			if (H) return;
-			let a = Math.max(1, Math.trunc(e));
-			if (!r({
-				controlled: T,
-				initial: I,
-				onRequest: (e) => C?.(e.value, e)
-			}).request(a, t, n)) return;
-			F(a);
-			let o = (z - 1) * I, s = i === void 0 ? z : p(Math.floor(o / a) + 1, g({
-				count: i,
-				pageSize: a
-			}));
-			s !== z && U(s, "programmatic", n);
-		},
-		t: j
-	}, K = {
-		"aria-label": j("label"),
-		...k,
-		"aria-busy": V ? !0 : k["aria-busy"],
-		children: t,
-		"data-disabled": B ? "" : void 0,
-		"data-loading": V ? "" : void 0,
-		"data-part": "root",
-		"data-ui": "pagination"
-	};
-	return /* @__PURE__ */ u(b.Provider, {
-		value: G,
-		children: D === void 0 ? /* @__PURE__ */ u("nav", { ...K }) : D(K)
-	});
-}
-//#endregion
-//#region src/pagination/pagination-parts.tsx
-var C = {
-	first: "chevrons-right",
-	previous: "chevron-right",
-	next: "chevron-right",
-	last: "chevrons-right"
-};
-function w({ children: n, part: r, target: i, usable: a, label: o, onClick: s, render: c, ref: l, ...d }) {
-	let f = x(), p = f.itemHref?.(i), m = !a, h = {
-		"aria-label": o,
-		...d,
-		children: n ?? /* @__PURE__ */ u(t, {
-			directional: !0,
-			children: /* @__PURE__ */ u(e, { name: C[r] })
-		}),
-		"data-disabled": m && !f.loading ? "" : void 0,
-		"data-loading": f.loading ? "" : void 0,
-		"data-part": r,
-		onClick: (e) => {
-			s?.(e), !(e.defaultPrevented || m) && f.goToPage(i, "pointer", e);
-		}
-	};
-	return c === void 0 ? p === void 0 ? /* @__PURE__ */ u("button", {
-		...h,
-		disabled: m,
-		ref: l,
-		type: "button"
-	}) : /* @__PURE__ */ u("a", {
-		...h,
-		"aria-disabled": m ? !0 : void 0,
-		...m ? {} : { href: p },
-		ref: l
-	}) : c(h);
-}
-function T(e) {
-	let t = x();
-	return /* @__PURE__ */ u(w, {
-		...e,
-		label: e["aria-label"] ?? t.t("first"),
-		part: "first",
-		target: 1,
-		usable: t.canGoPrevious
-	});
-}
-function E(e) {
-	let t = x();
-	return /* @__PURE__ */ u(w, {
-		...e,
-		label: e["aria-label"] ?? t.t("previous"),
-		part: "previous",
-		target: t.page - 1,
-		usable: t.canGoPrevious
-	});
-}
-function D(e) {
-	let t = x();
-	return /* @__PURE__ */ u(w, {
-		...e,
-		label: e["aria-label"] ?? t.t("next"),
-		part: "next",
-		target: t.page + 1,
-		usable: t.canGoNext
-	});
-}
-function O(e) {
-	let t = x();
-	return /* @__PURE__ */ u(w, {
-		...e,
-		label: e["aria-label"] ?? t.t("last"),
-		part: "last",
-		target: t.pages,
-		usable: t.canGoNext
-	});
-}
-function k({ ref: e, render: t, ...n }) {
-	let r = x();
-	if (r.count === void 0) return null;
-	let i = {
-		...n,
-		children: r.items.map((e) => e.type === "ellipsis" ? /* @__PURE__ */ u("li", {
-			"data-part": "item",
-			children: /* @__PURE__ */ u("span", {
-				"aria-hidden": "true",
-				"data-part": "ellipsis",
-				children: "…"
-			})
-		}, `ellipsis-${e.side}`) : /* @__PURE__ */ u("li", {
-			"data-part": "item",
-			children: /* @__PURE__ */ u(A, { page: e.value })
-		}, e.value)),
-		"data-part": "list"
-	};
-	return /* @__PURE__ */ d(l, { children: [t === void 0 ? /* @__PURE__ */ u("ul", {
-		...i,
-		ref: e
-	}) : t(i), /* @__PURE__ */ u("span", {
-		"data-part": "summary",
-		children: r.t("summary", {
-			page: r.page,
-			pages: r.pages
-		})
-	})] });
-}
-function A({ page: e }) {
-	let t = x(), n = e === t.page, r = t.itemHref?.(e), i = t.disabled || t.loading, a = {
-		"aria-current": n ? "page" : void 0,
-		"aria-label": t.t("page", { page: e }),
-		children: e,
-		"data-disabled": t.disabled ? "" : void 0,
-		"data-loading": t.loading ? "" : void 0,
-		"data-part": "page",
-		onClick: (n) => {
-			n.defaultPrevented || t.goToPage(e, "pointer", n);
-		}
-	};
-	return r === void 0 ? /* @__PURE__ */ u("button", {
-		...a,
-		disabled: i,
-		type: "button"
-	}) : /* @__PURE__ */ u("a", {
-		...a,
-		"aria-disabled": i ? !0 : void 0,
-		...i ? {} : { href: r }
-	});
-}
-function j({ children: e, ref: t, render: n, ...r }) {
-	let i = x(), a = {
-		...r,
-		"aria-live": i.live,
-		children: e ?? i.t("range", {
-			start: i.range.start,
-			end: i.range.end,
-			count: i.count ?? 0
-		}),
-		"data-part": "status"
-	};
-	return n === void 0 ? /* @__PURE__ */ u("p", {
-		...a,
-		ref: t
-	}) : n(a);
-}
-function M({ label: n, onChange: r, ref: i, render: a, ...o }) {
-	let c = x(), l = s(), f = {
-		...o,
-		children: c.pageSizeOptions.map((e) => /* @__PURE__ */ u("option", {
-			value: e,
-			children: e
-		}, e)),
-		"data-part": "page-size",
-		disabled: o.disabled ?? (c.disabled || c.loading),
-		id: o.id ?? l,
-		onChange: (e) => {
-			r?.(e), !e.defaultPrevented && c.setPageSize(Number(e.currentTarget.value), "select", e);
-		},
-		value: o.value ?? c.pageSize
-	}, p = a === void 0 ? /* @__PURE__ */ u("select", {
-		...f,
-		ref: i
-	}) : a(f);
-	return /* @__PURE__ */ d("label", {
-		"data-part": "page-size-label",
-		children: [
-			n ?? c.t("pageSize"),
-			p,
-			/* @__PURE__ */ u(t, { children: /* @__PURE__ */ u(e, { name: "chevron-down" }) })
-		]
-	});
-}
-//#endregion
-export { M as a, S as c, v as d, D as i, x as l, k as n, E as o, O as r, j as s, T as t, y as u };