@slotted/react 0.1.0-beta.2 → 0.1.0-beta.4

package/dist/table.js

@@ -1,2 +1,2 @@
-import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, S as s, T as c, _ as l, a as u, b as d, c as f, d as p, f as m, g as h, h as g, i as _, j as v, k as y, l as b, m as x, n as S, o as C, p as w, r as T, s as E, t as D, u as O, v as k, w as A, x as j, y as M } from "./table-Bd79IwDC.js";
-export { o as TABLE_ROW_SELECTOR, y as Table, f as TableBody, D as TableBooleanFilter, b as TableCaption, O as TableCell, p as TableColumnActions, m as TableColumnHeader, n as TableContent, S as TableDateFilter, T as TableDateTimeFilter, i as TableDefaultsProvider, w as TableDetail, x as TableEmpty, g as TableExpander, h as TableFooter, l as TableHead, k as TableLoader, _ as TableNumberFilter, M as TableRow, d as TableRowHeader, j as TableSelect, s as TableSelectAll, u as TableSetFilter, t as TableSort, A as TableSummary, C as TableTextFilter, E as TableTimeFilter, e as useOptionalTable, v as useTable, c as useTableColumn, a as useTableDefaults, r as useTableRow };
+import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, P as s, S as c, T as l, _ as u, a as d, b as f, c as p, d as m, f as h, g, h as _, i as v, j as y, k as b, l as x, m as S, n as C, o as w, p as T, r as E, s as D, t as O, u as k, v as A, w as j, x as M, y as N } from "./table-U9eJYCuB.js";
+export { b as TABLE_ROW_SELECTOR, e as Table, p as TableBody, O as TableBooleanFilter, x as TableCaption, k as TableCell, m as TableColumnActions, h as TableColumnHeader, o as TableContent, C as TableDateFilter, E as TableDateTimeFilter, a as TableDefaultsProvider, T as TableDetail, S as TableEmpty, _ as TableExpander, g as TableFooter, u as TableGroupRow, A as TableHead, N as TableLoader, v as TableNumberFilter, f as TableRow, M as TableRowHeader, c as TableSelect, t as TableSelectAll, d as TableSetFilter, j as TableSort, l as TableSummary, w as TableTextFilter, D as TableTimeFilter, y as useOptionalTable, i as useTable, r as useTableColumn, s as useTableDefaults, n as useTableRow };

package/dist/tabs-BtHmjlnM.js

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

package/dist/tabs.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./tabs-DQ36APY-.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./tabs-BtHmjlnM.js";
 export { s as Tab, r as TabActions, a as TabList, n as TabPanel, e as Tabs, o as TabsDefaultsProvider, i as useTabs, t as useTabsDefaults };

package/dist/{tags-input-DLdHLWrH.js → tags-input-CcOkm0AW.js}

@@ -1,6 +1,6 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-BJh5HI7w.js";
+import { b as i } from "./field-NJaCxl2h.js";
 /* empty css             */
 import { createArrowNavigation as a, createRemovalFocus as o } from "@slotted/core/focus";
 import { createControllable as s } from "@slotted/core/state";

package/dist/tags-input.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./tags-input-DLdHLWrH.js";
+import { i as e, n as t, r as n, t as r } from "./tags-input-CcOkm0AW.js";
 export { t as TAGS_INPUT_FALLBACK, r as TagsInput, n as TagsInputDefaultsProvider, e as useTagsInputDefaults };

package/dist/{text-field-BktZbmzD.js → text-field-DLfIZ0fk.js}

@@ -1,6 +1,6 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { r as n } from "./i18n-DpW8lqJ1.js";
-import { b as r, h as i } from "./field-BJh5HI7w.js";
+import { b as r, h as i } from "./field-NJaCxl2h.js";
 import { createControllable as a } from "@slotted/core/state";
 import { createContext as o, useContext as s, useEffect as c, useLayoutEffect as ee, useRef as l, useState as u } from "react";
 import { Fragment as te, jsx as d, jsxs as ne } from "react/jsx-runtime";

package/dist/text-field.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./text-field-BktZbmzD.js";
+import { i as e, n as t, r as n, t as r } from "./text-field-DLfIZ0fk.js";
 export { r as TextField, t as TextFieldAction, n as TextFieldDefaultsProvider, e as useTextFieldDefaults };

package/dist/{textarea-JAK2RJl0.js → textarea-CBJBJBi6.js}

@@ -1,4 +1,4 @@
-import { b as e, h as t } from "./field-BJh5HI7w.js";
+import { b as e, h as t } from "./field-NJaCxl2h.js";
 import { createControllable as n } from "@slotted/core/state";
 import { createContext as r, useContext as i, useEffect as a, useRef as o, useState as s } from "react";
 import { jsx as c } from "react/jsx-runtime";

package/dist/textarea.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./textarea-JAK2RJl0.js";
+import { n as e, r as t, t as n } from "./textarea-CBJBJBi6.js";
 export { n as Textarea, e as TextareaDefaultsProvider, t as useTextareaDefaults };

package/dist/{time-field-DCG_VtGO.js → time-field-DrhiCtUl.js}

@@ -1,6 +1,6 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-BJh5HI7w.js";
+import { b as i } from "./field-NJaCxl2h.js";
 import { createControllable as ee } from "@slotted/core/state";
 import { createContext as a, useCallback as o, useContext as s, useEffect as c, useId as l, useImperativeHandle as u, useMemo as d, useRef as f, useState as p } from "react";
 import { Fragment as te, jsx as m, jsxs as h } from "react/jsx-runtime";

package/dist/time-field.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./time-field-DCG_VtGO.js";
+import { n as e, r as t, t as n } from "./time-field-DrhiCtUl.js";
 export { n as TimeField, e as TimeFieldDefaultsProvider, t as useTimeFieldDefaults };