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

package/dist/collapsible-CGo49NNW.js

@@ -1,217 +0,0 @@
-import { r as e } from "./accordion-D-YuMJzk.js";
-import { n as t, t as n } from "./icon-T9Yt4tnm.js";
-import { createControllable as r } from "@slotted/core/state";
-import { createContext as i, useContext as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/collapsible/collapsible-defaults.tsx
-var p = i({
-	indicator: "chevron",
-	level: "none",
-	mount: "eager",
-	size: "md",
-	togglePlacement: "end",
-	truncate: !1,
-	variant: "plain"
-});
-function m() {
-	return a(p);
-}
-function h({ children: e, ...t }) {
-	let n = m();
-	return /* @__PURE__ */ d(p.Provider, {
-		value: {
-			indicator: t.indicator ?? n.indicator,
-			level: t.level ?? n.level,
-			mount: t.mount ?? n.mount,
-			size: t.size ?? n.size,
-			togglePlacement: t.togglePlacement ?? n.togglePlacement,
-			truncate: t.truncate ?? n.truncate,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/collapsible/collapsible.tsx
-var g = "[data-part=\"trigger\"]", _ = i(void 0);
-function v() {
-	let e = a(_);
-	if (e === void 0) throw Error("CollapsibleHeader, CollapsibleTrigger, CollapsibleActions and CollapsiblePanel must be rendered inside Collapsible.");
-	return e;
-}
-function y({ children: t, className: n, defaultOpen: i, disabled: a, indicator: o, level: u, loading: f, mount: p, onOpenChange: h, open: g, region: v, ref: y, render: b, size: x, style: S, togglePlacement: C, truncate: w, value: T, variant: E, ...D }) {
-	let O = m(), k = e(), A = s(), j = `${A}item`, M = T ?? j, [N, P] = l(i ?? !1), F = k?.isOpen(M), I = g ?? F ?? N, L = (a ?? k?.disabled) === !0, R = o ?? k?.indicator ?? O.indicator, z = u ?? k?.level ?? O.level, B = p ?? k?.mount ?? O.mount, V = x ?? k?.size ?? O.size, H = C ?? k?.togglePlacement ?? O.togglePlacement, U = (w ?? k?.truncate ?? O.truncate) === !0, W = E ?? k?.variant ?? O.variant, G = c(I);
-	I && (G.current = !0);
-	function K(e, t, n) {
-		if (e === I) return;
-		let i = !1, a = r({
-			controlled: g ?? F,
-			initial: I,
-			onRequest: (e) => {
-				i = e.cancelled, h?.(e.value, e);
-			}
-		}).request(e, t, n);
-		if (!i) {
-			if (k !== void 0) {
-				k.toggle(M, t, n);
-				return;
-			}
-			a && P(e);
-		}
-	}
-	let q = {
-		disabled: L,
-		held: k?.isHeld(M) ?? !1,
-		ids: {
-			panelId: `${A}panel`,
-			triggerId: `${A}trigger`
-		},
-		indicator: R,
-		level: z,
-		loading: f === !0,
-		mount: B,
-		open: I,
-		region: v === !0,
-		seen: G.current,
-		toggle: K
-	}, J = {
-		...D,
-		children: t,
-		className: n,
-		...L ? { "data-disabled": "" } : {},
-		"data-indicator": R,
-		...f === !0 ? { "data-loading": "" } : {},
-		"data-mount": B,
-		...I ? { "data-open": "" } : {},
-		"data-part": "root",
-		"data-size": V,
-		"data-toggle-placement": H,
-		...U ? { "data-truncate": "" } : {},
-		"data-ui": "collapsible",
-		"data-value": M,
-		"data-variant": W,
-		style: S
-	};
-	return /* @__PURE__ */ d(_.Provider, {
-		value: q,
-		children: b === void 0 ? /* @__PURE__ */ d("div", {
-			...J,
-			ref: y
-		}) : b(J)
-	});
-}
-//#endregion
-//#region src/collapsible/collapsible-parts.tsx
-function b(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-function x({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let { level: o } = v(), s = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "header",
-		style: i
-	};
-	if (r !== void 0) return r(s);
-	let c = o === "none" ? "div" : `h${o}`;
-	return /* @__PURE__ */ d(c, {
-		...s,
-		ref: n
-	});
-}
-function S({ children: e, className: r, description: i, disabled: a, onClick: o, ref: s, render: c, style: l, ...p }) {
-	let { disabled: m, held: h, ids: g, indicator: _, open: y, toggle: x } = v(), S = a ?? m, C = "chevron-down";
-	_ === "plus-minus" && (C = y ? "minus" : "plus");
-	let w = {
-		...p,
-		"aria-controls": g.panelId,
-		...h ? { "aria-disabled": "true" } : {},
-		"aria-expanded": y,
-		children: /* @__PURE__ */ f(u, { children: [
-			_ === "none" ? null : /* @__PURE__ */ d("span", {
-				"aria-hidden": "true",
-				"data-part": "indicator",
-				children: /* @__PURE__ */ d(n, { children: /* @__PURE__ */ d(t, { name: C }) })
-			}),
-			/* @__PURE__ */ d("span", {
-				"data-part": "label",
-				children: e
-			}),
-			i === void 0 ? null : /* @__PURE__ */ d("span", {
-				"data-part": "description",
-				children: i
-			})
-		] }),
-		className: r,
-		"data-part": "trigger",
-		disabled: S,
-		id: g.triggerId,
-		onClick: (e) => {
-			o?.(e), !(e.defaultPrevented || h) && x(!y, b(e), e);
-		},
-		style: l,
-		type: "button"
-	};
-	return c === void 0 ? /* @__PURE__ */ d("button", {
-		...w,
-		ref: s
-	}) : c(w);
-}
-function C({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "actions",
-		style: i
-	};
-	return r === void 0 ? /* @__PURE__ */ d("div", {
-		...o,
-		ref: n
-	}) : r(o);
-}
-function w({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let { ids: s, loading: c, mount: u, open: f, region: p, seen: m, toggle: h } = v(), [g, _] = l(null), y = u === "until-found";
-	o(() => {
-		if (g !== null) {
-			if (f) {
-				g.removeAttribute("hidden"), g.removeAttribute("inert");
-				return;
-			}
-			if (y) {
-				g.removeAttribute("inert"), g.setAttribute("hidden", "until-found");
-				let e = () => h(!0, "programmatic", void 0);
-				return g.addEventListener("beforematch", e), () => g.removeEventListener("beforematch", e);
-			}
-			g.removeAttribute("hidden"), g.setAttribute("inert", "");
-		}
-	}, [
-		g,
-		f,
-		h,
-		y
-	]);
-	let b = u !== "active" && u !== "lazy" || f || u === "lazy" && m, x = {
-		...a,
-		"aria-labelledby": s.triggerId,
-		...c ? { "aria-busy": !0 } : {},
-		children: b ? /* @__PURE__ */ d("div", {
-			"data-part": "content",
-			children: e
-		}) : null,
-		className: t,
-		"data-part": "panel",
-		id: s.panelId,
-		...p ? { role: "region" } : {},
-		style: i
-	};
-	return r === void 0 ? /* @__PURE__ */ d("div", {
-		...x,
-		ref: (e) => {
-			_(e), typeof n == "function" ? n(e) : n != null && (n.current = e);
-		}
-	}) : r(x);
-}
-//#endregion
-export { g as a, h as c, S as i, m as l, x as n, y as o, w as r, v as s, C as t };