@slotted/react 0.1.0-beta.3 → 0.1.0-beta.5

package/dist/scroll-area-BriwmvYY.js

@@ -1,111 +0,0 @@
-import { r as e } from "./i18n-DpW8lqJ1.js";
-import { createContext as t, useCallback as n, useContext as r, useImperativeHandle as i, useRef as a, useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { NO_SCROLL_EDGES as c, createScrollEdges as l, scrollEdgeAttributes as u } from "@slotted/core/overflow";
-import { scrollAreaMessages as d } from "@slotted/core/i18n";
-//#region src/scroll-area/scroll-area-defaults.tsx
-var f = t({
-	axis: "block",
-	fade: "both",
-	gutter: "stable",
-	overscroll: "contain",
-	scrollbars: "auto"
-});
-function p() {
-	return r(f);
-}
-function m({ children: e, ...t }) {
-	let n = p();
-	return /* @__PURE__ */ s(f.Provider, {
-		value: {
-			axis: t.axis ?? n.axis,
-			fade: t.fade ?? n.fade,
-			gutter: t.gutter ?? n.gutter,
-			overscroll: t.overscroll ?? n.overscroll,
-			scrollbars: t.scrollbars ?? n.scrollbars
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/scroll-area/scroll-area.tsx
-function h(e, t) {
-	typeof e == "function" ? e(t) : e != null && (e.current = t);
-}
-function g({ axis: t, children: r, className: f, fade: m, gutter: g, labelledBy: _, maxBlockSize: v, maxInlineSize: y, messages: b, onOverflowChange: x, onScrollChange: S, overscroll: C, ref: w, render: T, scrollbars: E, style: D, tabbable: O = !0, viewportProps: k, ...A }) {
-	let j = p(), M = e(d, b), N = t ?? j.axis, P = E ?? j.scrollbars, F = g ?? j.gutter, I = m ?? j.fade, L = C ?? j.overscroll, R = a(null), [z, B] = o(null), V = a(null), [H, U] = o(c), [W, G] = o(!1), K = a(x);
-	K.current = x;
-	let q = n((e) => {
-		if (B(e), h(k?.ref, e), e === null) return;
-		let t = l(e, { onChange: (e) => {
-			U(e), V.current !== null && G(V.current.sideways()), K.current?.(e);
-		} });
-		return V.current = t, U(t.state()), G(t.sideways()), () => {
-			t.destroy(), V.current = null;
-		};
-	}, [k?.ref]);
-	i(w, () => ({
-		get root() {
-			return R.current;
-		},
-		get viewport() {
-			return z;
-		},
-		state: () => V.current?.state() ?? c,
-		position: () => V.current?.position() ?? {
-			block: 0,
-			inline: 0
-		},
-		scrollTo: (e) => V.current?.scrollTo(e),
-		scrollToEdge: (e) => V.current?.scrollToEdge(e),
-		reveal: (e) => V.current?.reveal(e),
-		refresh: () => V.current?.refresh(),
-		focus: () => z?.focus()
-	}), [z]);
-	let J = (e) => {
-		k?.onScroll?.(e), S !== void 0 && V.current !== null && S(V.current.position(), e);
-	}, Y = (H.block.overflowing || H.inline.overflowing) && O, X = { ...k };
-	delete X.onScroll, delete X.ref;
-	let Z = /* @__PURE__ */ s("div", {
-		...X,
-		"data-part": "viewport",
-		onScroll: J,
-		ref: q,
-		...Y ? {
-			role: "region",
-			tabIndex: 0,
-			..._ === void 0 ? { "aria-label": M("label") } : { "aria-labelledby": _ }
-		} : {},
-		children: r
-	}), Q = {
-		...A,
-		className: f,
-		"data-axis": N,
-		"data-fade": I,
-		"data-gutter": F,
-		"data-overscroll": L,
-		"data-part": "root",
-		"data-scrollbars": P,
-		"data-ui": "scroll-area",
-		...W ? { "data-sideways": "" } : {},
-		...u(H),
-		ref: R,
-		style: v === void 0 && y === void 0 ? D : {
-			...v === void 0 ? {} : { maxBlockSize: v },
-			...y === void 0 ? {} : { maxInlineSize: y },
-			...D
-		},
-		children: Z
-	};
-	return T === void 0 ? /* @__PURE__ */ s("div", { ...Q }) : T(Q);
-}
-function _({ render: e, ...t }) {
-	let n = {
-		...t,
-		"data-part": "content"
-	};
-	return e === void 0 ? /* @__PURE__ */ s("div", { ...n }) : e(n);
-}
-g.Content = _;
-//#endregion
-export { m as n, p as r, g as t };

package/dist/tabs-DQ36APY-.js

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