@slotted/react 0.1.0-beta.10 → 0.1.0-beta.11

package/dist/toolbar-BtIyVbs4.js

@@ -1,241 +0,0 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { _ as n, g as r, n as i, t as a } from "./menu-parts-DS9JEUCt.js";
-import { keyedProps as o } from "@slotted/core/selector-key";
-import { TOOLBAR_ITEM_SELECTOR as s, createRovingTabindex as c, toolbarOwnedKeys as l } from "@slotted/core/focus";
-import { Fragment as u, createContext as d, useCallback as f, useContext as p, useEffect as m, useId as h, useMemo as g, useRef as _, useState as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { createCollapse as x } from "@slotted/core/overflow";
-var S = d({
-	collapsed: [],
-	counterpart: () => null,
-	declare: () => void 0,
-	orientation: "horizontal",
-	registerTrigger: () => void 0,
-	release: () => void 0
-});
-function C() {
-	return p(S);
-}
-var w = "data-unit", T = d({
-	loop: !0,
-	orientation: "horizontal",
-	overflow: "wrap",
-	size: "md",
-	variant: "plain"
-});
-function E() {
-	return p(T);
-}
-function D({ children: e, ...t }) {
-	let n = E();
-	return /* @__PURE__ */ y(T.Provider, {
-		value: {
-			loop: t.loop ?? n.loop,
-			orientation: t.orientation ?? n.orientation,
-			overflow: t.overflow ?? n.overflow,
-			size: t.size ?? n.size,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/toolbar/toolbar.tsx
-var O = ":scope > *:not([data-part=\"overflow\"])", k = Object.freeze([]);
-function A(e, t) {
-	for (let n = e.nextElementSibling; n !== null && n !== t; n = n.nextElementSibling) if (n.getAttribute("data-part") === "separator") return !0;
-	return !1;
-}
-function j({ children: e, className: t, loop: n, onOverflowChange: r, orientation: i, overflow: a, ref: u, render: d, size: p, style: h, variant: b, ...C }) {
-	let T = E(), D = _(null), j = _(null), M = _(null), N = _(/* @__PURE__ */ new Map()), [P, F] = v(null), [I, L] = v(k), R = _(r);
-	R.current = r;
-	let z = n ?? T.loop, B = i ?? T.orientation, V = a ?? T.overflow, H = p ?? T.size, U = b ?? T.variant, W = f((e) => F(e), []), G = g(() => ({
-		collapsed: I,
-		counterpart: (e) => N.current.get(e) ?? null,
-		declare: (e, t) => {
-			N.current.set(e, t);
-		},
-		orientation: B,
-		registerTrigger: W,
-		release: (e) => {
-			N.current.delete(e);
-		}
-	}), [
-		I,
-		W,
-		B
-	]), K = f((e) => {
-		if (D.current = e, typeof u == "function") return u(e);
-		u && (u.current = e);
-	}, [u]);
-	m(() => {
-		let e = D.current;
-		if (e === null) return;
-		let t = c(e, {
-			crossAxis: !0,
-			includeAriaDisabled: !0,
-			itemSelector: s,
-			loop: z,
-			orientation: () => B,
-			ownedKeys: (e) => l(e, B)
-		});
-		j.current = t;
-		let n = new MutationObserver(() => {
-			t.refresh(), M.current?.refresh();
-		});
-		return n.observe(e, {
-			childList: !0,
-			subtree: !0
-		}), () => {
-			n.disconnect(), t.destroy(), j.current = null;
-		};
-	}, [z, B]), m(() => {
-		let e = D.current;
-		if (e === null || V !== "menu") return;
-		let t = x(e, {
-			collapsible: (e) => e.hasAttribute(w),
-			divides: (e) => e.getAttribute("data-part") === "separator",
-			fixedSize: (e) => e.getAttribute("data-part") === "spacer" ? 0 : void 0,
-			onChange: (e) => {
-				let t = e.filter((e) => e.hasAttribute(w));
-				L(t.map((e, n) => {
-					let r = t[n - 1];
-					return {
-						id: e.getAttribute("data-unit") ?? "",
-						separatorBefore: r !== void 0 && A(r, e)
-					};
-				})), j.current?.refresh(), R.current?.(t.length);
-			},
-			orientation: () => B,
-			trigger: () => P,
-			units: () => [...e.querySelectorAll(O)]
-		});
-		return M.current = t, () => {
-			t.destroy(), M.current = null, L(k);
-		};
-	}, [
-		B,
-		V,
-		P
-	]);
-	let q = o({
-		...C,
-		...V === "menu" ? { "data-collapsed": String(I.length) } : {},
-		...B === "vertical" ? { "aria-orientation": "vertical" } : {},
-		children: e,
-		className: t,
-		"data-orientation": B,
-		"data-overflow": V,
-		"data-part": "root",
-		"data-size": H,
-		"data-ui": "toolbar",
-		"data-variant": U,
-		role: "toolbar",
-		style: h
-	});
-	return /* @__PURE__ */ y(S.Provider, {
-		value: G,
-		children: d === void 0 ? /* @__PURE__ */ y("div", {
-			...q,
-			ref: K
-		}) : d({
-			...q,
-			ref: K
-		})
-	});
-}
-//#endregion
-//#region src/toolbar/toolbar-overflow.tsx
-function M(e, ...t) {
-	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
-}
-function N(e, t) {
-	return typeof e == "function" ? e(t) : e === void 0 ? `${t} more ${t === 1 ? "action" : "actions"}` : e;
-}
-function P({ align: s, label: c, menuRef: l, ref: d, render: p, side: m, size: h, ...g }) {
-	let v = C(), x = v.collapsed, { registerTrigger: S } = v, w = _(void 0), T = f((e) => {
-		S(e), M(e, w.current, d);
-	}, [d, S]);
-	return /* @__PURE__ */ b(n, {
-		...s === void 0 ? {} : { align: s },
-		...l === void 0 ? {} : { ref: l },
-		...m === void 0 ? {} : { side: m },
-		...h === void 0 ? {} : { size: h },
-		children: [/* @__PURE__ */ y(i, { render: ({ ref: n, ...r }) => {
-			w.current = n;
-			let i = o({
-				...r,
-				...g,
-				"aria-label": N(c, x.length),
-				children: /* @__PURE__ */ y(t, { children: /* @__PURE__ */ y(e, { name: "ellipsis" }) }),
-				"data-part": "overflow"
-			});
-			return p === void 0 ? /* @__PURE__ */ y("button", {
-				...i,
-				ref: T,
-				type: "button"
-			}) : p({
-				...i,
-				ref: T
-			});
-		} }), /* @__PURE__ */ y(a, { children: x.map((e) => /* @__PURE__ */ b(u, { children: [e.separatorBefore ? /* @__PURE__ */ y(r, {}) : null, v.counterpart(e.id)] }, e.id)) })]
-	});
-}
-//#endregion
-//#region src/toolbar/toolbar-parts.tsx
-function F(e) {
-	let t = C(), n = h(), r = e != null && e !== !1;
-	r && t.declare(n, e);
-	let { release: i } = t;
-	return m(() => () => i(n), [n, i]), r ? { [w]: n } : {};
-}
-function I({ children: e, counterpart: t, ref: n, render: r, ...i }) {
-	let a = F(t), s = o({
-		...i,
-		...a,
-		children: e,
-		"data-part": "item"
-	});
-	return r === void 0 ? /* @__PURE__ */ y("div", {
-		...s,
-		ref: n
-	}) : r(s);
-}
-function L({ children: e, counterpart: t, ref: n, render: r, ...i }) {
-	let a = F(t), s = o({
-		...i,
-		...a,
-		children: e,
-		"data-part": "group",
-		role: "group"
-	});
-	return r === void 0 ? /* @__PURE__ */ y("div", {
-		...s,
-		ref: n
-	}) : r(s);
-}
-function R({ ref: e, render: t, ...n }) {
-	let { orientation: r } = C(), i = o({
-		...n,
-		"aria-orientation": r === "vertical" ? "horizontal" : "vertical",
-		"data-part": "separator",
-		role: "separator"
-	});
-	return t === void 0 ? /* @__PURE__ */ y("div", {
-		...i,
-		ref: e
-	}) : t(i);
-}
-function z({ ref: e, render: t, ...n }) {
-	let r = o({
-		"aria-hidden": !0,
-		...n,
-		"data-part": "spacer"
-	});
-	return t === void 0 ? /* @__PURE__ */ y("div", {
-		...r,
-		ref: e
-	}) : t(r);
-}
-//#endregion
-export { P as a, E as c, z as i, C as l, I as n, j as o, R as r, D as s, L as t };