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

package/dist/{loading-overlay-B83XFctM.js → loading-overlay-COfnckse.js}

@@ -1,23 +1,23 @@
-import { t as e } from "./react-dom-DzrKNxo6.js";
-import { r as t } from "./i18n-DpW8lqJ1.js";
-import { r as n } from "./progress-indicator-DwvUSFFs.js";
+import { r as e } from "./i18n-DpW8lqJ1.js";
+import { r as t } from "./progress-indicator-DwvUSFFs.js";
 /* empty css                         */
-import { createFocusScope as r } from "@slotted/core/focus";
-import { createContext as i, useCallback as a, useContext as o, useEffect as s, useRef as c, useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { createPresence as p } from "@slotted/core/presence";
-import { createPortalRoot as m } from "@slotted/core/portal";
-import { createDismissableLayer as h } from "@slotted/core/dismissable-layer";
-import { loadingOverlayMessages as g } from "@slotted/core/i18n";
-import { initialLoadingVisibility as _, nextLoadingVisibility as v } from "@slotted/core/loading";
+import { createFocusScope as n } from "@slotted/core/focus";
+import { createContext as r, useCallback as i, useContext as a, useEffect as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { createPresence as f } from "@slotted/core/presence";
+import { createPortalRoot as p } from "@slotted/core/portal";
+import { createDismissableLayer as ee } from "@slotted/core/dismissable-layer";
+import { createPortal as te } from "react-dom";
+import { loadingOverlayMessages as m } from "@slotted/core/i18n";
+import { initialLoadingVisibility as h, nextLoadingVisibility as g } from "@slotted/core/loading";
 //#region src/loading-overlay/loading-overlay-defaults.tsx
-var y = e(), b = i({});
-function x() {
-	return o(b);
+var _ = r({});
+function v() {
+	return a(_);
 }
-function S({ children: e, ...t }) {
-	let n = x();
-	return /* @__PURE__ */ d(b.Provider, {
+function y({ children: e, ...t }) {
+	let n = v();
+	return /* @__PURE__ */ u(_.Provider, {
 		value: {
 			delay: t.delay ?? n.delay,
 			live: t.live ?? n.live,
@@ -31,90 +31,90 @@ function S({ children: e, ...t }) {
 }
 //#endregion
 //#region src/loading-overlay/use-loading-visibility.ts
-function C({ delay: e, loading: t, minDuration: n, onWithdraw: r }) {
-	let i = c(_), [, a] = l(0), o = v({
+function b({ delay: e, loading: t, minDuration: n, onWithdraw: r }) {
+	let i = s(h), [, a] = c(0), l = g({
 		delay: e,
 		loading: t,
 		minDuration: n,
 		now: Date.now(),
 		state: i.current
 	});
-	i.current = o.state;
-	let { wait: u } = o;
-	s(() => {
+	i.current = l.state;
+	let { wait: u } = l;
+	o(() => {
 		if (u === null) return;
 		let e = setTimeout(() => a((e) => e + 1), u);
 		return () => clearTimeout(e);
 	}, [u, t]);
-	let d = o.state.visible, f = c(d);
-	return s(() => {
+	let d = l.state.visible, f = s(d);
+	return o(() => {
 		f.current && !d && r?.(), f.current = d;
 	}, [d, r]), d;
 }
 //#endregion
 //#region src/loading-overlay/loading-overlay.tsx
-var ee = "dismiss";
-function w({ cancelLabel: e, cancellable: i = !1, children: o, container: _, delay: v, description: b, indicator: S, live: w, loadedLabel: T, loading: te = !0, messages: ne, minDuration: E, onCancel: D, onReveal: re, render: O, renderCancel: k, scope: A = "region", size: j, veil: M, ...ie }) {
-	let N = x(), P = t(g, ne), F = {
-		cancelLabel: e ?? P("cancel"),
-		delay: v ?? N.delay ?? 0,
+var x = "dismiss";
+function S({ cancelLabel: r, cancellable: a = !1, children: h, container: g, delay: _, description: y, indicator: S, live: C, loadedLabel: ne, loading: w = !0, messages: T, minDuration: re, onCancel: E, onReveal: D, render: O, renderCancel: k, scope: A = "region", size: j, veil: M, ...ie }) {
+	let N = v(), P = e(m, T), F = {
+		cancelLabel: r ?? P("cancel"),
+		delay: _ ?? N.delay ?? 0,
 		label: P("label"),
-		live: w ?? N.live ?? "polite",
-		loadedLabel: T ?? N.loadedLabel,
-		minDuration: E ?? N.minDuration ?? 0,
+		live: C ?? N.live ?? "polite",
+		loadedLabel: ne ?? N.loadedLabel,
+		minDuration: re ?? N.minDuration ?? 0,
 		size: j ?? N.size ?? "md",
 		veil: M ?? N.veil ?? "wash"
-	}, I = C({
+	}, I = b({
 		delay: F.delay,
-		loading: te,
+		loading: w,
 		minDuration: F.minDuration,
-		onWithdraw: re
-	}), L = a((e, t) => {
-		D?.({
+		onWithdraw: D
+	}), L = i((e, t) => {
+		E?.({
 			reason: e,
 			source: t
 		});
-	}, [D]), [R, z] = l(null), B = c(void 0), [, V] = l(I ? "open" : "unmounted");
-	B.current ??= p({
+	}, [E]), [R, z] = c(null), B = s(void 0), [, V] = c(I ? "open" : "unmounted");
+	B.current ??= f({
 		present: I,
 		onStatusChange: V
-	}), s(() => {
+	}), o(() => {
 		B.current?.setNode(R);
-	}, [R]), s(() => {
+	}, [R]), o(() => {
 		B.current?.sync(I);
-	}, [I]), s(() => {
+	}, [I]), o(() => {
 		let e = B.current;
 		return () => e?.destroy();
 	}, []);
-	let H = B.current.mounted, U = c(null), W = c(null), [G, K] = l(null);
-	s(() => {
+	let H = B.current.mounted, U = s(null), W = s(null), [G, K] = c(null);
+	o(() => {
 		if (!I || G === null) return;
 		let e = G.ownerDocument.activeElement;
 		if (!(A === "page" || e !== null && (U.current?.contains(e) ?? !1))) return;
-		let t = r(G, {
+		let t = n(G, {
 			contain: A === "page",
-			initial: i ? () => W.current : "container"
+			initial: a ? () => W.current : "container"
 		});
 		return t.enter(), () => t.destroy();
 	}, [
-		i,
+		a,
 		I,
 		G,
 		A
 	]);
-	let [q, J] = l(null);
-	s(() => {
+	let [q, J] = c(null);
+	o(() => {
 		if (A !== "page") return;
-		let e = m(_ === void 0 ? {} : { container: _ });
+		let e = p(g === void 0 ? {} : { container: g });
 		return J(e.container), () => {
 			J(null), e.release();
 		};
-	}, [_, A]);
-	let [Y, X] = l(null);
-	s(() => {
+	}, [g, A]);
+	let [Y, X] = c(null);
+	o(() => {
 		if (A !== "page" || Y === null || !I) return;
-		let e = h(Y, {
-			escape: i,
+		let e = ee(Y, {
+			escape: a,
 			modal: !0,
 			onDismiss: (e) => {
 				e.reason === "escape" && L("escape", e.source);
@@ -124,7 +124,7 @@ function w({ cancelLabel: e, cancellable: i = !1, children: o, container: _, del
 		});
 		return () => e.destroy();
 	}, [
-		i,
+		a,
 		L,
 		I,
 		G,
@@ -132,53 +132,53 @@ function w({ cancelLabel: e, cancellable: i = !1, children: o, container: _, del
 		A
 	]);
 	let ae = (e) => {
-		i && e.key === "Escape" && (e.stopPropagation(), L("escape", e));
+		a && e.key === "Escape" && (e.stopPropagation(), L("escape", e));
 	}, oe = I ? F.label : F.loadedLabel ?? "", Z = {
 		children: F.cancelLabel,
 		"data-part": "cancel",
-		onClick: (e) => L(ee, e),
+		onClick: (e) => L(x, e),
 		ref: W,
 		type: "button"
-	}, se = /* @__PURE__ */ f("div", {
+	}, se = /* @__PURE__ */ d("div", {
 		"data-part": "panel",
 		ref: K,
 		tabIndex: -1,
 		children: [
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ u("span", {
 				"data-part": "indicator",
 				...S === void 0 ? { "data-default": "" } : {},
-				children: S ?? /* @__PURE__ */ d(n, {
+				children: S ?? /* @__PURE__ */ u(t, {
 					contained: !0,
 					decorative: !0,
 					size: F.size
 				})
 			}),
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ u("span", {
 				"aria-hidden": "true",
 				"data-part": "label",
 				children: F.label
 			}),
-			b === void 0 ? null : /* @__PURE__ */ d("span", {
+			y === void 0 ? null : /* @__PURE__ */ u("span", {
 				"aria-hidden": "true",
 				"data-part": "description",
-				children: b
+				children: y
 			}),
-			i ? k === void 0 ? /* @__PURE__ */ d("button", { ...Z }) : k(Z) : null
+			a ? k === void 0 ? /* @__PURE__ */ u("button", { ...Z }) : k(Z) : null
 		]
-	}), ce = /* @__PURE__ */ f(u, { children: [
-		F.live === "off" ? null : /* @__PURE__ */ d("span", {
+	}), ce = /* @__PURE__ */ d(l, { children: [
+		F.live === "off" ? null : /* @__PURE__ */ u("span", {
 			"data-part": "announcement",
 			"data-ui": "visually-hidden",
 			role: "status",
 			children: oe
 		}),
-		A === "page" ? null : /* @__PURE__ */ d("div", {
+		A === "page" ? null : /* @__PURE__ */ u("div", {
 			"data-part": "content",
 			ref: U,
 			...I ? { inert: !0 } : {},
-			children: o
+			children: h
 		}),
-		/* @__PURE__ */ d("div", {
+		/* @__PURE__ */ u("div", {
 			"data-part": "scrim",
 			onKeyDown: ae,
 			ref: z,
@@ -195,14 +195,14 @@ function w({ cancelLabel: e, cancellable: i = !1, children: o, container: _, del
 		"data-ui": "loading-overlay",
 		"data-veil": F.veil,
 		...I ? { "data-loading": "" } : {}
-	}, $ = O === void 0 ? /* @__PURE__ */ d("div", {
+	}, $ = O === void 0 ? /* @__PURE__ */ u("div", {
 		...Q,
 		ref: X
 	}) : O({
 		...Q,
 		ref: X
 	});
-	return A === "page" ? q === null ? null : (0, y.createPortal)($, q) : $;
+	return A === "page" ? q === null ? null : te($, q) : $;
 }
 //#endregion
-export { S as n, x as r, w as t };
+export { y as n, v as r, S as t };

package/dist/loading-overlay.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./loading-overlay-B83XFctM.js";
+import { n as e, r as t, t as n } from "./loading-overlay-COfnckse.js";
 export { n as LoadingOverlay, e as LoadingOverlayDefaultsProvider, t as useLoadingOverlayDefaults };

package/dist/{markdown-CpfDn1LF.js → markdown-CeG8mUbI.js}

@@ -1,9 +1,9 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { r as n } from "./i18n-DpW8lqJ1.js";
 import { a as r, i, r as a, t as o } from "./alert-CP62p9Ul.js";
-import { n as s } from "./icon-button-TnvMhK4o.js";
+import { n as s } from "./icon-button-CCWkCDMs.js";
 import { t as c } from "./inline-message-C4a-A2mw.js";
-import { t as l } from "./checkbox-CwUOc-3u.js";
+import { t as l } from "./checkbox-DfxFHZaU.js";
 import { t as u } from "./code-block-CFHf8uTm.js";
 import { n as d, o as f, t as p } from "./skeleton-2LSpg84Z.js";
 import { t as m } from "./visually-hidden-CE6u5JLW.js";

package/dist/markdown.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./markdown-CpfDn1LF.js";
+import { n as e, r as t, t as n } from "./markdown-CeG8mUbI.js";
 export { n as Markdown, e as MarkdownDefaultsProvider, t as useMarkdownDefaults };