@proyecto-viviana/solidaria-components 0.5.0 → 0.7.0-rc.0

package/dist/Toast.d.ts

@@ -1,12 +1,7 @@
-/**
- * Toast components for solidaria-components
- *
- * Toast notifications with auto-dismiss, pause on hover/focus, and accessibility.
- * Port of react-aria-components Toast.
- */
-import { type JSX, type Accessor } from "solid-js";
+import type { Accessor, Context } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type ToastState, type QueuedToast, type ToastQueueOptions, type ToastOptions, ToastQueue } from "@proyecto-viviana/solid-stately";
-import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction } from "./utils";
+import { type ContextValue, type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
 export interface ToastContent {
     /** DOM id for the toast root when content is queued through Spectrum ToastQueue. */
     id?: string;
@@ -78,7 +73,8 @@ export interface ToastProps {
     /** The inline style for the element. */
     style?: StyleOrFunction<ToastRenderProps>;
 }
-export declare const ToastContext: import("solid-js").Context<ToastState<ToastContent> | null>;
+export declare const ToastContext: Context<ToastState<ToastContent> | null>;
+export declare const ToastContentContext: Context<ContextValue<ToastContentProps, HTMLDivElement>>;
 export declare function useToastContext(): ToastState<ToastContent>;
 /** Default global toast queue that can be used for app-wide toasts. */
 export declare const globalToastQueue: ToastQueue<ToastContent>;
@@ -158,15 +154,16 @@ export interface ToastDescriptionProps {
  * ToastDescription renders the toast description with proper accessibility attributes.
  */
 export declare function ToastDescription(props: ToastDescriptionProps): JSX.Element;
-export interface ToastContentProps {
-    children: JSX.Element;
+export interface ToastContentProps extends JSX.HTMLAttributes<HTMLDivElement>, SlotProps {
+    children?: JSX.Element;
     class?: string;
     style?: JSX.CSSProperties;
 }
 /**
  * ToastContent wraps the toast message (title + description) in the live region
- * announced to screen readers. It carries `role="alert"` / `aria-live="assertive"`
- * from createToast's contentProps so the toast text is announced when it appears.
+ * announced to screen readers. It consumes RAC ToastContentContext (role="alert",
+ * aria-atomic, aria-hidden until mounted) so the toast text is announced when
+ * it appears.
  *
  * It is rendered as a sibling of the close button (never wrapping it) so screen
  * readers announce the message without reading the close button first.

package/dist/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"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"}

package/dist/Toast.js

@@ -1,7 +1,22 @@
-import { filterDOMProps, useIsHydrated, useRenderProps } from "./utils.js";
-import { Portal, addEventListener, className, createComponent, delegateEvents, effect, getNextElement, getNextMarker, insert, memo, mergeProps, runHydrationEvents, setAttribute, spread, style, template, use } from "solid-js/web";
-import { Show, createContext, createEffect, createMemo, createSignal, onCleanup, splitProps, useContext } from "solid-js";
+/*
+* Copyright 2025 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Toast.tsx
+import { DEFAULT_SLOT, Provider, filterDOMProps, useContextProps, useIsHydrated, useRenderProps } from "./utils.js";
+import { ButtonContext } from "./Button.js";
+import { TextContext } from "./Text.js";
+import { Portal, className, createComponent, delegateEvents, effect, getNextElement, getNextMarker, insert, memo, readShallow, ref, runHydrationEvents, scope, setAttribute, spread, style, template } from "@solidjs/web";
+import { Show, createContext, createMemo, createRenderEffect, createSignal, createTrackedEffect, useContext } from "solid-js";
 import { createToast, createToastRegion, useUNSAFE_PortalContext } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { ToastQueue, createToastState } from "@proyecto-viviana/solid-stately";
 //#region src/Toast.tsx
 /**
@@ -10,9 +25,14 @@ import { ToastQueue, createToastState } from "@proyecto-viviana/solid-stately";
 * Toast notifications with auto-dismiss, pause on hover/focus, and accessibility.
 * Port of react-aria-components Toast.
 */
-var _tmpl$ = /*#__PURE__*/ template(`<div>`), _tmpl$2 = /*#__PURE__*/ template(`<span data-solidaria-toast-title>`), _tmpl$3 = /*#__PURE__*/ template(`<span data-solidaria-toast-description>`), _tmpl$4 = /*#__PURE__*/ template(`<div data-solidaria-toast-content>`), _tmpl$5 = /*#__PURE__*/ template(`<button type=button data-solidaria-toast-close-button>`), _tmpl$6 = /*#__PURE__*/ template(`<button type=button style=margin-top:8px>`), _tmpl$7 = /*#__PURE__*/ template(`<div style=display:flex;align-items:flex-start;gap:12px><!$><!/><!$><!/>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<button type=button data-solidaria-toast-close-button>`);
+var _tmpl$4 = /* @__PURE__ */ template(`<button type=button style=margin-top:8px>`);
+var _tmpl$5 = /* @__PURE__ */ template(`<div style=display:flex;align-items:flex-start;gap:12px><!$><!/><!$><!/>`);
 const ToastContext = createContext(null);
 const ToastAriaContext = createContext(null);
+const ToastContentContext = createContext({});
 const toastStateByKey = /* @__PURE__ */ new Map();
 function useToastContext() {
 	const context = useContext(ToastContext);
@@ -47,8 +67,9 @@ function normalizeToastPlacement(placement) {
 * ```
 */
 function ToastProvider(props) {
-	const state = createToastState({ queue: props.useGlobalQueue ? globalToastQueue : new ToastQueue(props.queueOptions) });
-	return createComponent(ToastContext.Provider, {
+	const queue = props.useGlobalQueue ? globalToastQueue : new ToastQueue(props.queueOptions);
+	const state = createToastState({ queue });
+	return createComponent(ToastContext, {
 		value: state,
 		get children() {
 			return props.children;
@@ -174,28 +195,36 @@ function ToastRegion(props) {
 			};
 		};
 		const { ref: _ref, ...cleanRegionProps } = regionAria.regionProps;
-		return (() => {
-			var _el$ = getNextElement(_tmpl$);
-			use(setRegionElement, _el$);
-			spread(_el$, mergeProps(domProps, cleanRegionProps, {
-				get ["class"]() {
+		var _el$ = getNextElement(_tmpl$);
+		ref(() => {
+			return setRegionElement;
+		}, _el$);
+		spread(_el$, [
+			domProps,
+			cleanRegionProps,
+			{
+				get "class"() {
 					return renderProps.class();
 				},
 				get style() {
 					return mergedStyle();
 				},
-				get ["data-placement"]() {
+				get "data-placement"() {
 					return normalizedPlacement();
 				}
-			}), false, true);
-			insert(_el$, () => renderProps.renderChildren());
-			runHydrationEvents();
-			return _el$;
-		})();
+			}
+		], true);
+		insert(_el$, scope(() => {
+			return renderProps.renderChildren();
+		}));
+		runHydrationEvents();
+		return _el$;
 	};
 	return createComponent(Show, {
 		get when() {
-			return memo(() => !!isHydrated())() && hasToasts();
+			return memo(() => {
+				return !!isHydrated();
+			})() ? hasToasts() : isHydrated();
 		},
 		get children() {
 			return createComponent(Show, {
@@ -241,14 +270,18 @@ function Toast(props) {
 		"class",
 		"style"
 	]);
-	let toastRef;
+	const [toastEl, setToastEl] = createSignal(null);
 	const state = useToastContext();
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		const key = local.toast.key;
 		toastStateByKey.set(key, state);
-		onCleanup(() => {
+		_s2Cleanups.push(() => {
 			if (toastStateByKey.get(key) === state) toastStateByKey.delete(key);
 		});
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
 	const hasTitle = () => !!(local.toast.content.children ?? local.toast.content.title);
 	const toastAria = createToast({
@@ -288,8 +321,10 @@ function Toast(props) {
 			state.remove(local.toast.key);
 		}
 	};
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		if (local.toast.animation !== "exiting") return;
+		const toastRef = toastEl();
 		if (!toastRef) {
 			state.remove(local.toast.key);
 			return;
@@ -309,16 +344,23 @@ function Toast(props) {
 		}).catch(() => {
 			if (!canceled) state.remove(local.toast.key);
 		});
-		onCleanup(() => {
+		_s2Cleanups.push(() => {
 			canceled = true;
 		});
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
 	const { ref: _ref, ...cleanToastProps } = toastAria.toastProps;
-	createEffect(() => {
+	createRenderEffect(() => {
+		return {
+			toastRef: toastEl(),
+			titleId: toastAria.titleProps.id,
+			descriptionId: toastAria.descriptionProps.id,
+			contentProps: toastAria.contentProps
+		};
+	}, ({ toastRef, titleId, descriptionId, contentProps }) => {
 		if (!toastRef) return;
-		const titleId = toastAria.titleProps.id;
-		const descriptionId = toastAria.descriptionProps.id;
-		const contentProps = toastAria.contentProps;
 		if (titleId) {
 			const titleEl = toastRef.querySelector("[data-solidaria-toast-title]");
 			if (titleEl instanceof HTMLElement) titleEl.id = titleId;
@@ -330,14 +372,15 @@ function Toast(props) {
 		const contentEl = toastRef.querySelector("[data-solidaria-toast-content]");
 		if (contentEl instanceof HTMLElement) {
 			const role = contentProps.role;
-			const ariaLive = contentProps["aria-live"];
 			const ariaAtomic = contentProps["aria-atomic"];
+			const ariaHidden = contentProps["aria-hidden"];
 			if (role) contentEl.setAttribute("role", role);
-			if (ariaLive) contentEl.setAttribute("aria-live", ariaLive);
 			if (ariaAtomic) contentEl.setAttribute("aria-atomic", ariaAtomic);
+			if (ariaHidden) contentEl.setAttribute("aria-hidden", ariaHidden);
+			else contentEl.removeAttribute("aria-hidden");
 		}
 	});
-	return createComponent(ToastAriaContext.Provider, {
+	return createComponent(ToastAriaContext, {
 		get value() {
 			return {
 				titleProps: toastAria.titleProps,
@@ -347,27 +390,60 @@ function Toast(props) {
 		},
 		get children() {
 			var _el$2 = getNextElement(_tmpl$);
-			var _ref$ = toastRef;
-			typeof _ref$ === "function" ? use(_ref$, _el$2) : toastRef = _el$2;
-			spread(_el$2, mergeProps(domProps, cleanToastProps, {
-				get ["class"]() {
-					return renderProps.class();
-				},
-				get style() {
-					return mergedStyle();
-				},
-				get ["data-animation"]() {
-					return local.toast.animation;
-				},
-				get ["data-type"]() {
-					return local.toast.content.type ?? local.toast.content.variant;
-				},
-				get ["data-variant"]() {
-					return local.toast.content.variant;
+			ref(() => {
+				return setToastEl;
+			}, _el$2);
+			spread(_el$2, [
+				domProps,
+				cleanToastProps,
+				{
+					get "class"() {
+						return renderProps.class();
+					},
+					get style() {
+						return mergedStyle();
+					},
+					get "data-animation"() {
+						return local.toast.animation;
+					},
+					get "data-type"() {
+						return local.toast.content.type ?? local.toast.content.variant;
+					},
+					get "data-variant"() {
+						return local.toast.content.variant;
+					},
+					onClick: handleRootClick
+				}
+			], true);
+			insert(_el$2, createComponent(Provider, {
+				get values() {
+					return [
+						[ToastContentContext, toastAria.contentProps],
+						[TextContext, { slots: {
+							[DEFAULT_SLOT]: {},
+							get title() {
+								return toastAria.titleProps;
+							},
+							get description() {
+								return toastAria.descriptionProps;
+							}
+						} }],
+						[ButtonContext, { slots: {
+							[DEFAULT_SLOT]: {},
+							close: {
+								onPress: () => {
+									state.close(local.toast.key);
+									state.remove(local.toast.key);
+								},
+								"aria-label": toastAria.closeButtonProps["aria-label"]
+							}
+						} }]
+					];
 				},
-				"on:click": handleRootClick
-			}), false, true);
-			insert(_el$2, () => renderProps.renderChildren());
+				get children() {
+					return renderProps.renderChildren();
+				}
+			}));
 			runHydrationEvents();
 			return _el$2;
 		}
@@ -378,65 +454,85 @@ function Toast(props) {
 */
 function ToastTitle(props) {
 	const { ref: _ref, ...ariaTitleProps } = useContext(ToastAriaContext)?.titleProps ?? {};
-	return (() => {
-		var _el$3 = getNextElement(_tmpl$2);
-		spread(_el$3, mergeProps(ariaTitleProps, {
-			get ["class"]() {
+	var _el$3 = getNextElement(_tmpl$2);
+	spread(_el$3, [
+		{ "data-solidaria-toast-title": "" },
+		ariaTitleProps,
+		{
+			get "class"() {
 				return props.class;
 			},
 			get style() {
 				return props.style;
 			}
-		}), false, true);
-		insert(_el$3, () => props.children);
-		runHydrationEvents();
-		return _el$3;
-	})();
+		}
+	], true);
+	insert(_el$3, scope(() => {
+		return props.children;
+	}));
+	runHydrationEvents();
+	return _el$3;
 }
 /**
 * ToastDescription renders the toast description with proper accessibility attributes.
 */
 function ToastDescription(props) {
 	const { ref: _ref, ...ariaDescriptionProps } = useContext(ToastAriaContext)?.descriptionProps ?? {};
-	return (() => {
-		var _el$4 = getNextElement(_tmpl$3);
-		spread(_el$4, mergeProps(ariaDescriptionProps, {
-			get ["class"]() {
+	var _el$4 = getNextElement(_tmpl$2);
+	spread(_el$4, [
+		{ "data-solidaria-toast-description": "" },
+		ariaDescriptionProps,
+		{
+			get "class"() {
 				return props.class;
 			},
 			get style() {
 				return props.style;
 			}
-		}), false, true);
-		insert(_el$4, () => props.children);
-		runHydrationEvents();
-		return _el$4;
-	})();
+		}
+	], true);
+	insert(_el$4, scope(() => {
+		return props.children;
+	}));
+	runHydrationEvents();
+	return _el$4;
 }
 /**
 * ToastContent wraps the toast message (title + description) in the live region
-* announced to screen readers. It carries `role="alert"` / `aria-live="assertive"`
-* from createToast's contentProps so the toast text is announced when it appears.
+* announced to screen readers. It consumes RAC ToastContentContext (role="alert",
+* aria-atomic, aria-hidden until mounted) so the toast text is announced when
+* it appears.
 *
 * It is rendered as a sibling of the close button (never wrapping it) so screen
 * readers announce the message without reading the close button first.
 */
 function ToastContent(props) {
-	const { ref: _ref, ...ariaContentProps } = useContext(ToastAriaContext)?.contentProps ?? {};
-	return (() => {
-		var _el$5 = getNextElement(_tmpl$4);
-		spread(_el$5, mergeProps(ariaContentProps, {
-			get ["class"]() {
-				return props.class;
+	const [merged] = useContextProps(props, void 0, ToastContentContext);
+	const [local, rest] = splitProps(merged, [
+		"class",
+		"style",
+		"children",
+		"slot",
+		"ref"
+	]);
+	var _el$5 = getNextElement(_tmpl$);
+	spread(_el$5, [
+		{ "data-solidaria-toast-content": "" },
+		rest,
+		{
+			get "class"() {
+				return local.class;
 			},
 			get style() {
-				return props.style;
+				return local.style;
 			}
-		}), false, true);
-		insert(_el$5, () => props.children);
-		runHydrationEvents();
-		return _el$5;
-	})();
+		}
+	], true);
+	insert(_el$5, scope(() => {
+		return local.children;
+	}));
+	runHydrationEvents();
+	return _el$5;
 }
 /**
 * ToastCloseButton is a button that closes the toast.
@@ -449,25 +545,24 @@ function ToastCloseButton(props) {
 		state?.close(key);
 		state?.remove(key);
 	};
-	return (() => {
-		var _el$6 = getNextElement(_tmpl$5);
-		_el$6.$$click = handleClose;
-		addEventListener(_el$6, "click", handleClose);
-		insert(_el$6, () => props.children ?? "×");
-		effect((_p$) => {
-			var _v$ = props.class, _v$2 = props.style, _v$3 = props["aria-label"] ?? "Close";
-			_v$ !== _p$.e && className(_el$6, _p$.e = _v$);
-			_p$.t = style(_el$6, _v$2, _p$.t);
-			_v$3 !== _p$.a && setAttribute(_el$6, "aria-label", _p$.a = _v$3);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0
-		});
-		runHydrationEvents();
-		return _el$6;
-	})();
+	var _el$6 = getNextElement(_tmpl$3);
+	_el$6._$$click = handleClose;
+	insert(_el$6, () => {
+		return props.children ?? "×";
+	});
+	effect(() => {
+		return {
+			e: readShallow(props.class),
+			t: readShallow(props.style),
+			a: props["aria-label"] ?? "Close"
+		};
+	}, ({ e, t, a }, _p$) => {
+		className(_el$6, e, _p$?.e);
+		style(_el$6, t, _p$?.t);
+		a !== _p$?.a && setAttribute(_el$6, "aria-label", a);
+	});
+	runHydrationEvents();
+	return _el$6;
 }
 /**
 * DefaultToast provides a basic toast layout with title, description, and close button.
@@ -491,7 +586,11 @@ function DefaultToast(props) {
 			return props.toast;
 		},
 		get children() {
-			var _el$7 = getNextElement(_tmpl$7), _el$9 = _el$7.firstChild, [_el$0, _co$] = getNextMarker(_el$9.nextSibling), _el$1 = _el$0.nextSibling, [_el$10, _co$2] = getNextMarker(_el$1.nextSibling);
+			var _el$7 = getNextElement(_tmpl$5);
+			var _el$9 = _el$7.firstChild;
+			var [_el$10, _el$11] = getNextMarker(_el$9.nextSibling);
+			var _el$12 = _el$10.nextSibling;
+			var [_el$13, _el$14] = getNextMarker(_el$12.nextSibling);
 			insert(_el$7, createComponent(ToastContent, {
 				style: { flex: 1 },
 				get children() {
@@ -527,25 +626,27 @@ function DefaultToast(props) {
 								return actionLabel();
 							},
 							get children() {
-								var _el$8 = getNextElement(_tmpl$6);
-								_el$8.$$click = handleAction;
-								insert(_el$8, actionLabel);
+								var _el$8 = getNextElement(_tmpl$4);
+								_el$8._$$click = handleAction;
+								insert(_el$8, scope(() => {
+									return actionLabel();
+								}));
 								runHydrationEvents();
 								return _el$8;
 							}
 						})
 					];
 				}
-			}), _el$0, _co$);
+			}), _el$10, _el$11);
 			insert(_el$7, createComponent(ToastCloseButton, { get toast() {
 				return props.toast;
-			} }), _el$10, _co$2);
+			} }), _el$13, _el$14);
 			return _el$7;
 		}
 	});
 }
 delegateEvents(["click"]);
 //#endregion
-export { DefaultToast, Toast, ToastCloseButton, ToastContent, ToastContext, ToastDescription, ToastProvider, ToastRegion, ToastTitle, addToast, globalToastQueue, useToastContext };
+export { DefaultToast, Toast, ToastCloseButton, ToastContent, ToastContentContext, ToastContext, ToastDescription, ToastProvider, ToastRegion, ToastTitle, addToast, globalToastQueue, useToastContext };
 
 //# sourceMappingURL=Toast.js.map