@slotted/react 0.1.0-beta.4 → 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-U9eJYCuB.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-BtHmjlnM.js → tabs-HWmvOKM4.js}

@@ -1,11 +1,12 @@
 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";
+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 v = a({
+var b = a({
 	activation: "automatic",
 	fit: "auto",
 	loop: !0,
@@ -15,12 +16,12 @@ var v = a({
 	track: "line",
 	variant: "line"
 });
-function y() {
-	return s(v);
+function x() {
+	return s(b);
 }
-function b({ children: e, ...t }) {
-	let n = y();
-	return /* @__PURE__ */ m(v.Provider, {
+function S({ children: e, ...t }) {
+	let n = x();
+	return /* @__PURE__ */ h(b.Provider, {
 		value: {
 			activation: t.activation ?? n.activation,
 			fit: t.fit ?? n.fit,
@@ -36,16 +37,16 @@ function b({ children: e, ...t }) {
 }
 //#endregion
 //#region src/tabs/tabs.tsx
-var x = "[data-part=\"tab\"]", S = a(void 0);
-function C() {
-	let e = s(S);
+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 w(e) {
+function O(e) {
 	return e.replace(/[^\w-]/g, (e) => `-${e.charCodeAt(0).toString(16)}-`);
 }
-function T(e, t) {
+function k(e, t) {
 	let n = !1;
 	return {
 		reason: e,
@@ -58,12 +59,12 @@ function T(e, t) {
 		}
 	};
 }
-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]));
+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 = d(null), J = d(null);
+	let q = f(null), J = f(null);
 	function Y() {
-		return R === null ? [] : [...R.querySelectorAll(x)];
+		return R === null ? [] : [...R.querySelectorAll(C)];
 	}
 	function X(e) {
 		return e === void 0 ? -1 : Y().findIndex((t) => t.getAttribute("data-value") === e);
@@ -71,27 +72,27 @@ function E({ activation: a, children: o, className: s, defaultValue: v, deferPan
 	function Z(e, t, n) {
 		if (e === L) return;
 		let r = !1, a = i({
-			controlled: P,
+			controlled: ae,
 			initial: L,
 			onRequest: (e) => {
-				r = e.cancelled, e.value !== void 0 && A?.(e.value, 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 && le(s > o ? "forward" : "backward"), K.current.add(e), a && oe(e);
+		o !== -1 && s !== -1 && fe(s > o ? "forward" : "backward"), K.current.add(e), a && le(e);
 	}
-	function ge(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 _e(e, t, n) {
-		let r = T(t, n);
-		if (k?.(e, r), r.cancelled || e !== L) return;
-		let i = ge(e);
+	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 = d({
+	let Q = f({
 		activation: V,
 		select: Z,
 		value: L
@@ -106,7 +107,7 @@ function E({ activation: a, children: o, className: s, defaultValue: v, deferPan
 		if (R === null) return;
 		let e = r(R, {
 			crossAxis: !1,
-			itemSelector: x,
+			itemSelector: C,
 			loop: H,
 			onMove: (e, t) => {
 				if (J.current?.reveal(t), Q.current.activation !== "automatic") return;
@@ -116,7 +117,7 @@ function E({ activation: a, children: o, className: s, defaultValue: v, deferPan
 			orientation: () => W
 		});
 		q.current = e;
-		let t = n(R, { itemSelector: x }), i = new MutationObserver(() => {
+		let t = n(R, { itemSelector: C }), i = new MutationObserver(() => {
 			e.refresh(), J.current?.refresh();
 		});
 		return i.observe(R, {
@@ -129,12 +130,18 @@ function E({ activation: a, children: o, className: s, defaultValue: v, deferPan
 		R,
 		H,
 		W
-	]), l(() => {
+	]), 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(g);
+			B(_);
 			return;
 		}
-		let e = _(R, { onChange: B });
+		let e = v(R, { onChange: B });
 		return J.current = e, B(e.state()), () => {
 			e.destroy(), J.current = null;
 		};
@@ -151,24 +158,24 @@ function E({ activation: a, children: o, className: s, defaultValue: v, deferPan
 		let e = Y()[X(Q.current.value)];
 		e !== void 0 && J.current?.reveal(e);
 	}, [$]);
-	let ve = {
+	let xe = {
 		activation: V,
-		attachList: se,
+		attachList: ue,
 		disabled: G,
-		dismiss: _e,
+		dismiss: be,
 		identify: (e) => ({
-			panelId: `${I}panel-${w(e)}`,
-			tabId: `${I}tab-${w(e)}`
+			panelId: `${I}panel-${O(e)}`,
+			tabId: `${I}tab-${O(e)}`
 		}),
 		mount: U,
 		orientation: W,
 		seen: (e) => K.current.has(e),
 		select: Z,
-		shownValue: he,
+		shownValue: ve,
 		value: L
-	}, ye = {
-		...ie,
-		children: /* @__PURE__ */ h(p, { children: [o, $ ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
+	}, Se = {
+		...se,
+		children: /* @__PURE__ */ g(m, { children: [o, $ ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
 			"aria-hidden": "true",
 			"data-direction": "start",
 			"data-part": "scroll",
@@ -176,11 +183,11 @@ function E({ activation: a, children: o, className: s, defaultValue: v, deferPan
 			onClick: () => J.current?.page(-1),
 			tabIndex: -1,
 			type: "button",
-			children: /* @__PURE__ */ m(t, {
+			children: /* @__PURE__ */ h(t, {
 				directional: !0,
-				children: /* @__PURE__ */ m(e, { name: "chevron-right" })
+				children: /* @__PURE__ */ h(e, { name: "chevron-right" })
 			})
-		}), /* @__PURE__ */ m("button", {
+		}), /* @__PURE__ */ h("button", {
 			"aria-hidden": "true",
 			"data-direction": "end",
 			"data-part": "scroll",
@@ -188,39 +195,39 @@ function E({ activation: a, children: o, className: s, defaultValue: v, deferPan
 			onClick: () => J.current?.page(1),
 			tabIndex: -1,
 			type: "button",
-			children: /* @__PURE__ */ m(t, {
+			children: /* @__PURE__ */ h(t, {
 				directional: !0,
-				children: /* @__PURE__ */ m(e, { name: "chevron-right" })
+				children: /* @__PURE__ */ h(e, { name: "chevron-right" })
 			})
 		})] }) : null] }),
 		className: s,
-		"data-activation-direction": ce,
+		"data-activation-direction": de,
 		...G ? { "data-disabled": "" } : {},
-		"data-fit": ue,
+		"data-fit": pe,
 		"data-orientation": W,
 		...z.overflowing ? { "data-overflowing": "" } : {},
 		"data-part": "root",
-		"data-size": de,
-		"data-track": fe,
+		"data-size": me,
+		"data-track": he,
 		"data-ui": "tabs",
-		"data-variant": pe,
-		style: te
+		"data-variant": ge,
+		style: re
 	};
-	return /* @__PURE__ */ m(S.Provider, {
-		value: ve,
-		children: N === void 0 ? /* @__PURE__ */ m("div", {
-			...ye,
-			ref: M
-		}) : N(ye)
+	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 D(e) {
+function j(e) {
 	return e.detail === 0 ? "keyboard" : "pointer";
 }
-function O({ children: e, ref: t, render: n, ...r }) {
-	let i = C(), a = o((e) => {
+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 = {
@@ -231,7 +238,7 @@ function O({ children: e, ref: t, render: n, ...r }) {
 		"data-part": "list",
 		role: "tablist"
 	};
-	return n === void 0 ? /* @__PURE__ */ m("div", {
+	return n === void 0 ? /* @__PURE__ */ h("div", {
 		...s,
 		ref: a
 	}) : n({
@@ -239,81 +246,81 @@ function O({ children: e, ref: t, render: n, ...r }) {
 		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 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 A(e) {
-		d?.(e), !(e.defaultPrevented || e.repeat) && s && !O && e.key === "Delete" && (e.preventDefault(), x.dismiss(y, "keyboard", e));
+	function k(e) {
+		d?.(e), !(e.defaultPrevented || e.repeat) && s && !E && e.key === "Delete" && (e.preventDefault(), x.dismiss(y, "keyboard", e));
 	}
-	let j = /* @__PURE__ */ h(p, { children: [
-		_ === void 0 ? null : /* @__PURE__ */ m("span", {
+	let A = /* @__PURE__ */ g(m, { children: [
+		_ === void 0 ? null : /* @__PURE__ */ h("span", {
 			"data-part": "start",
 			children: _
 		}),
-		/* @__PURE__ */ m("span", {
+		/* @__PURE__ */ h("span", {
 			"data-part": "label",
 			children: n
 		}),
-		c === void 0 ? null : /* @__PURE__ */ m("span", {
+		c === void 0 ? null : /* @__PURE__ */ h("span", {
 			"data-part": "end",
 			children: c
 		})
-	] }), M = l === void 0 ? /* @__PURE__ */ m("button", {
+	] }), M = l === void 0 ? /* @__PURE__ */ h("button", {
 		...b,
-		"aria-controls": T,
+		"aria-controls": w,
 		"aria-keyshortcuts": s ? "Delete" : void 0,
-		"aria-selected": E,
+		"aria-selected": T,
 		"data-part": "tab",
 		"data-value": y,
-		disabled: O,
-		id: w,
-		onClick: k,
-		onKeyDown: A,
+		disabled: E,
+		id: C,
+		onClick: O,
+		onKeyDown: k,
 		ref: f,
 		role: "tab",
-		tabIndex: E ? 0 : -1,
+		tabIndex: T ? 0 : -1,
 		type: "button",
-		children: j
-	}) : /* @__PURE__ */ m("a", {
+		children: A
+	}) : /* @__PURE__ */ h("a", {
 		...b,
-		"aria-controls": T,
-		"aria-disabled": O === !0 || void 0,
+		"aria-controls": w,
+		"aria-disabled": E === !0 || void 0,
 		"aria-keyshortcuts": s ? "Delete" : void 0,
-		"aria-selected": E,
+		"aria-selected": T,
 		"data-part": "tab",
 		"data-value": y,
 		href: l,
-		id: w,
-		onClick: k,
-		onKeyDown: A,
+		id: C,
+		onClick: O,
+		onKeyDown: k,
 		ref: f,
 		role: "tab",
-		tabIndex: E ? 0 : -1,
-		children: j
+		tabIndex: T ? 0 : -1,
+		children: A
 	}), N = {
-		children: /* @__PURE__ */ h(p, { children: [M, s ? /* @__PURE__ */ m("button", {
+		children: /* @__PURE__ */ g(m, { children: [M, s ? /* @__PURE__ */ h("button", {
 			"aria-label": o,
 			"data-part": "dismiss",
-			disabled: O,
+			disabled: E,
 			onClick: (e) => {
 				e.stopPropagation(), x.dismiss(y, "pointer", e);
 			},
 			tabIndex: -1,
 			type: "button",
-			children: /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "x" }) })
+			children: /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: "x" }) })
 		}) : null] }),
 		className: r,
 		"data-part": "item",
-		...E ? { "data-selected": "" } : {},
+		...T ? { "data-selected": "" } : {},
 		role: "presentation",
 		style: v
 	};
-	return g === void 0 ? /* @__PURE__ */ m("div", { ...N }) : g(N);
+	return p === void 0 ? /* @__PURE__ */ h("div", { ...N }) : p(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 = {
+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 ? {
@@ -327,22 +334,22 @@ function A({ children: e, ref: t, render: n, value: r, ...i }) {
 		role: "tabpanel",
 		tabIndex: 0
 	};
-	return n === void 0 ? /* @__PURE__ */ m("div", {
+	return n === void 0 ? /* @__PURE__ */ h("div", {
 		...d,
 		ref: t
 	}) : n(d);
 }
-function j({ children: e, ref: t, render: n, ...r }) {
-	C();
+function ee({ children: e, ref: t, render: n, ...r }) {
+	D();
 	let i = {
 		...r,
 		children: e,
 		"data-part": "actions"
 	};
-	return n === void 0 ? /* @__PURE__ */ m("div", {
+	return n === void 0 ? /* @__PURE__ */ h("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 };
+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-BtHmjlnM.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 };