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

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, 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-Cipi2c5X.js";
+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-BYEvFr4P.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-HWmvOKM4.js

@@ -0,0 +1,355 @@
+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/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-HWmvOKM4.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-CcOkm0AW.js → tags-input-pbv6x1Pi.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-NJaCxl2h.js";
+import { b as i } from "./field-BxQFpOXS.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-CcOkm0AW.js";
+import { i as e, n as t, r as n, t as r } from "./tags-input-pbv6x1Pi.js";
 export { t as TAGS_INPUT_FALLBACK, r as TagsInput, n as TagsInputDefaultsProvider, e as useTagsInputDefaults };

package/dist/{text-field-DLfIZ0fk.js → text-field-CbQ6UCAP.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-NJaCxl2h.js";
+import { b as r, h as i } from "./field-BxQFpOXS.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-DLfIZ0fk.js";
+import { i as e, n as t, r as n, t as r } from "./text-field-CbQ6UCAP.js";
 export { r as TextField, t as TextFieldAction, n as TextFieldDefaultsProvider, e as useTextFieldDefaults };

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

@@ -1,4 +1,4 @@
-import { b as e, h as t } from "./field-NJaCxl2h.js";
+import { b as e, h as t } from "./field-BxQFpOXS.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-CBJBJBi6.js";
+import { n as e, r as t, t as n } from "./textarea-DJSfhrXH.js";
 export { n as Textarea, e as TextareaDefaultsProvider, t as useTextareaDefaults };

package/dist/{time-field-DrhiCtUl.js → time-field-BI9n607q.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-NJaCxl2h.js";
+import { b as i } from "./field-BxQFpOXS.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-DrhiCtUl.js";
+import { n as e, r as t, t as n } from "./time-field-BI9n607q.js";
 export { n as TimeField, e as TimeFieldDefaultsProvider, t as useTimeFieldDefaults };