@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/dist/_chunk/dialog.js

@@ -1,6 +1,20 @@
+/*
+* Copyright 2020 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/src/dialog/useDialog.ts
+import { t as onOwnedCleanup } from "./owner.js";
 import { t as filterDOMProps } from "./filterDOMProps.js";
-import { t as focusSafely } from "./focus.js";
-import { createEffect, createMemo, createSignal, createUniqueId, onCleanup } from "solid-js";
+import { D as runAfterPaint, w as focusSafely } from "./dom.js";
+import { createSlotId } from "../ssr/index.js";
+import { createMemo, createSignal, createTrackedEffect } from "solid-js";
 //#region src/dialog/createDialog.ts
 /**
 * Ported from React Aria:
@@ -13,30 +27,45 @@ import { createEffect, createMemo, createSignal, createUniqueId, onCleanup } fro
 function createDialog(props, ref) {
 	const getProps = typeof props === "function" ? props : () => props;
 	const role = () => getProps().role ?? "dialog";
-	const generatedTitleId = createUniqueId();
+	const generatedTitleId = createSlotId();
+	const generatedContentId = createSlotId();
 	const [isRefocusing, setIsRefocusing] = createSignal(false);
 	const titleId = createMemo(() => {
+		return getProps()["aria-label"] ? void 0 : generatedTitleId();
+	});
+	const contentId = createMemo(() => {
 		const p = getProps();
-		if (p["aria-labelledby"]) return void 0;
-		return p["aria-label"] ? void 0 : generatedTitleId;
+		return role() === "alertdialog" && !p["aria-describedby"] ? generatedContentId() : void 0;
 	});
-	createEffect(() => {
+	let didScheduleInitialFocus = false;
+	let cancelInitialFocus;
+	let safariTimeout;
+	createTrackedEffect(() => {
 		if (typeof document === "undefined") return;
+		if (didScheduleInitialFocus) return;
 		const dialogEl = ref();
-		if (dialogEl && !dialogEl.contains(document.activeElement)) {
-			focusSafely(dialogEl);
-			const timeout = setTimeout(() => {
-				if (document.activeElement === dialogEl || document.activeElement === document.body) {
+		if (!dialogEl) return;
+		didScheduleInitialFocus = true;
+		const doc = dialogEl.ownerDocument;
+		cancelInitialFocus = runAfterPaint(() => {
+			cancelInitialFocus = void 0;
+			const el = ref();
+			if (!el || el.contains(doc.activeElement)) return;
+			focusSafely(el);
+			safariTimeout = setTimeout(() => {
+				safariTimeout = void 0;
+				if (doc.activeElement === el || doc.activeElement === doc.body) {
 					setIsRefocusing(true);
-					dialogEl.blur();
-					focusSafely(dialogEl);
+					el.blur();
+					focusSafely(el);
 					setIsRefocusing(false);
 				}
 			}, 500);
-			onCleanup(() => {
-				clearTimeout(timeout);
-			});
-		}
+		}, doc);
+	});
+	onOwnedCleanup(() => {
+		cancelInitialFocus?.();
+		if (safariTimeout !== void 0) clearTimeout(safariTimeout);
 	});
 	return {
 		dialogProps: createMemo(() => {
@@ -46,14 +75,15 @@ function createDialog(props, ref) {
 				role: role(),
 				tabIndex: -1,
 				"aria-label": p["aria-label"],
-				"aria-labelledby": p["aria-labelledby"] || titleId(),
-				"aria-describedby": p["aria-describedby"],
+				"aria-labelledby": p["aria-labelledby"] ?? titleId(),
+				"aria-describedby": p["aria-describedby"] ?? contentId(),
 				onBlur: (e) => {
 					if (isRefocusing()) e.stopPropagation();
 				}
 			};
 		}),
-		titleProps: createMemo(() => ({ id: titleId() }))
+		titleProps: createMemo(() => ({ id: titleId() })),
+		contentProps: createMemo(() => ({ id: contentId() }))
 	};
 }
 //#endregion

package/dist/_chunk/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":[],"sources":["../../src/dialog/createDialog.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/**\n * Ported from React Aria:\n * https://github.com/adobe/react-spectrum/blob/main/packages/@react-aria/dialog/src/useDialog.ts\n */\n\nimport {\n  Accessor,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n} from \"solid-js\";\nimport { filterDOMProps, focusSafely } from \"../utils\";\nimport type { AriaLabelingProps, DOMProps } from \"./types\";\n\nexport interface AriaDialogProps extends DOMProps, AriaLabelingProps {\n  /**\n   * The role of the dialog element.\n   * @default 'dialog'\n   */\n  role?: \"dialog\" | \"alertdialog\";\n}\n\nexport interface DialogAria {\n  /** Props for the dialog container element. */\n  dialogProps: Accessor<Record<string, unknown>>;\n\n  /** Props for the dialog title element. */\n  titleProps: Accessor<Record<string, unknown>>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a dialog component.\n * A dialog is an overlay shown above other content in an application.\n */\nexport function createDialog(\n  props: AriaDialogProps | Accessor<AriaDialogProps>,\n  ref: Accessor<HTMLElement | undefined>,\n): DialogAria {\n  // Support both direct props and accessor pattern\n  const getProps = typeof props === \"function\" ? props : () => props;\n\n  const role = () => getProps().role ?? \"dialog\";\n  const generatedTitleId = createUniqueId();\n  const [isRefocusing, setIsRefocusing] = createSignal(false);\n\n  const titleId = createMemo(() => {\n    const p = getProps();\n    // Use provided aria-labelledby, or generated ID if no aria-label\n    if (p[\"aria-labelledby\"]) return undefined;\n    return p[\"aria-label\"] ? undefined : generatedTitleId;\n  });\n\n  // Focus the dialog itself on mount, unless a child element is already focused.\n  // Only run on the client (SSR-safe)\n  createEffect(() => {\n    // Guard against SSR - document is not available on the server\n    if (typeof document === \"undefined\") return;\n\n    const dialogEl = ref();\n    if (dialogEl && !dialogEl.contains(document.activeElement)) {\n      focusSafely(dialogEl);\n\n      // Safari on iOS does not move the VoiceOver cursor to the dialog\n      // or announce that it has opened until it has rendered. A workaround\n      // is to wait for half a second, then blur and re-focus the dialog.\n      const timeout = setTimeout(() => {\n        // Check that the dialog is still focused, or focused was lost to the body.\n        if (document.activeElement === dialogEl || document.activeElement === document.body) {\n          setIsRefocusing(true);\n          dialogEl.blur();\n          focusSafely(dialogEl);\n          setIsRefocusing(false);\n        }\n      }, 500);\n\n      onCleanup(() => {\n        clearTimeout(timeout);\n      });\n    }\n  });\n\n  // Note: Focus containment is typically handled by createModal at a higher level\n  // For standalone dialogs, focus containment should be managed by the overlay system\n\n  const dialogProps = createMemo(() => {\n    const p = getProps();\n    return {\n      ...filterDOMProps(p),\n      role: role(),\n      tabIndex: -1,\n      \"aria-label\": p[\"aria-label\"],\n      \"aria-labelledby\": p[\"aria-labelledby\"] || titleId(),\n      \"aria-describedby\": p[\"aria-describedby\"],\n      // Prevent blur events from reaching createOverlay, which may cause\n      // popovers to close. Since focus is contained within the dialog,\n      // we don't want this to occur due to the above createEffect.\n      onBlur: (e: FocusEvent) => {\n        if (isRefocusing()) {\n          e.stopPropagation();\n        }\n      },\n    };\n  });\n\n  const titlePropsValue = createMemo(() => ({\n    id: titleId(),\n  }));\n\n  return {\n    dialogProps,\n    titleProps: titlePropsValue,\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAgDA,SAAgB,aACd,OACA,KACY;CAEZ,MAAM,WAAW,OAAO,UAAU,aAAa,cAAc;CAE7D,MAAM,aAAa,SAAS,CAAC,CAAC,QAAQ;CACtC,MAAM,mBAAmB,eAAe;CACxC,MAAM,CAAC,cAAc,mBAAmB,aAAa,KAAK;CAE1D,MAAM,UAAU,iBAAiB;EAC/B,MAAM,IAAI,SAAS;EAEnB,IAAI,EAAE,oBAAoB,OAAO,KAAA;EACjC,OAAO,EAAE,gBAAgB,KAAA,IAAY;CACvC,CAAC;CAID,mBAAmB;EAEjB,IAAI,OAAO,aAAa,aAAa;EAErC,MAAM,WAAW,IAAI;EACrB,IAAI,YAAY,CAAC,SAAS,SAAS,SAAS,aAAa,GAAG;GAC1D,YAAY,QAAQ;GAKpB,MAAM,UAAU,iBAAiB;IAE/B,IAAI,SAAS,kBAAkB,YAAY,SAAS,kBAAkB,SAAS,MAAM;KACnF,gBAAgB,IAAI;KACpB,SAAS,KAAK;KACd,YAAY,QAAQ;KACpB,gBAAgB,KAAK;IACvB;GACF,GAAG,GAAG;GAEN,gBAAgB;IACd,aAAa,OAAO;GACtB,CAAC;EACH;CACF,CAAC;CA6BD,OAAO;EACL,aAzBkB,iBAAiB;GACnC,MAAM,IAAI,SAAS;GACnB,OAAO;IACL,GAAG,eAAe,CAAC;IACnB,MAAM,KAAK;IACX,UAAU;IACV,cAAc,EAAE;IAChB,mBAAmB,EAAE,sBAAsB,QAAQ;IACnD,oBAAoB,EAAE;IAItB,SAAS,MAAkB;KACzB,IAAI,aAAa,GACf,EAAE,gBAAgB;IAEtB;GACF;EACF,CAOY;EACV,YANsB,kBAAkB,EACxC,IAAI,QAAQ,EACd,EAI4B;CAC5B;AACF"}
+{"version":3,"file":"dialog.js","names":[],"sources":["../../src/dialog/createDialog.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/dialog/useDialog.ts\n\n/**\n * Ported from React Aria:\n * https://github.com/adobe/react-spectrum/blob/main/packages/@react-aria/dialog/src/useDialog.ts\n */\n\nimport { filterDOMProps, focusSafely, onOwnedCleanup } from \"../utils\";\nimport { Accessor, createMemo, createSignal, createTrackedEffect } from \"solid-js\";\nimport { createSlotId } from \"../ssr\";\nimport { runAfterPaint } from \"../utils/focus\";\nimport type { AriaLabelingProps, DOMProps } from \"./types\";\n\nexport interface AriaDialogProps extends DOMProps, AriaLabelingProps {\n  /**\n   * The role of the dialog element.\n   * @default 'dialog'\n   */\n  role?: \"dialog\" | \"alertdialog\";\n}\n\nexport interface DialogAria {\n  /** Props for the dialog container element. */\n  dialogProps: Accessor<Record<string, unknown>>;\n\n  /** Props for the dialog title element. */\n  titleProps: Accessor<Record<string, unknown>>;\n\n  /** Props for the dialog content/description element. Used for aria-describedby on alertdialogs. */\n  contentProps: Accessor<Record<string, unknown>>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a dialog component.\n * A dialog is an overlay shown above other content in an application.\n */\nexport function createDialog(\n  props: AriaDialogProps | Accessor<AriaDialogProps>,\n  ref: Accessor<HTMLElement | undefined>,\n): DialogAria {\n  // Support both direct props and accessor pattern\n  const getProps = typeof props === \"function\" ? props : () => props;\n\n  const role = () => getProps().role ?? \"dialog\";\n  // Slot ids, like upstream `useDialog` (`useSlotId`): each resolves to\n  // undefined unless an element actually renders with it, so a dialog without a\n  // title or an alertdialog without content never points at a missing node.\n  const generatedTitleId = createSlotId();\n  const generatedContentId = createSlotId();\n  const [isRefocusing, setIsRefocusing] = createSignal(false);\n\n  const titleId = createMemo(() => {\n    const p = getProps();\n    return p[\"aria-label\"] ? undefined : generatedTitleId();\n  });\n\n  const contentId = createMemo(() => {\n    const p = getProps();\n    return role() === \"alertdialog\" && !p[\"aria-describedby\"] ? generatedContentId() : undefined;\n  });\n\n  // Match @react-aria/dialog `useDialog`: initial focus is `useEffect`-timed\n  // (after paint), not a sync `createEffect` inside the opening click flush.\n  let didScheduleInitialFocus = false;\n  let cancelInitialFocus: (() => void) | undefined;\n  let safariTimeout: ReturnType<typeof setTimeout> | undefined;\n  createTrackedEffect(() => {\n    if (typeof document === \"undefined\") return;\n    if (didScheduleInitialFocus) return;\n\n    const dialogEl = ref();\n    if (!dialogEl) return;\n\n    didScheduleInitialFocus = true;\n    const doc = dialogEl.ownerDocument;\n    cancelInitialFocus = runAfterPaint(() => {\n      cancelInitialFocus = undefined;\n      const el = ref();\n      if (!el || el.contains(doc.activeElement)) {\n        return;\n      }\n\n      focusSafely(el);\n\n      // Safari on iOS does not move the VoiceOver cursor to the dialog\n      // or announce that it has opened until it has rendered. A workaround\n      // is to wait for half a second, then blur and re-focus the dialog.\n      safariTimeout = setTimeout(() => {\n        safariTimeout = undefined;\n        if (doc.activeElement === el || doc.activeElement === doc.body) {\n          setIsRefocusing(true);\n          el.blur();\n          focusSafely(el);\n          setIsRefocusing(false);\n        }\n      }, 500);\n    }, doc);\n  });\n  onOwnedCleanup(() => {\n    cancelInitialFocus?.();\n    if (safariTimeout !== undefined) {\n      clearTimeout(safariTimeout);\n    }\n  });\n\n  // Note: Focus containment is typically handled by createModal at a higher level\n  // For standalone dialogs, focus containment should be managed by the overlay system\n\n  const dialogProps = createMemo(() => {\n    const p = getProps();\n    return {\n      ...filterDOMProps(p),\n      role: role(),\n      tabIndex: -1,\n      \"aria-label\": p[\"aria-label\"],\n      \"aria-labelledby\": p[\"aria-labelledby\"] ?? titleId(),\n      \"aria-describedby\": p[\"aria-describedby\"] ?? contentId(),\n      // Prevent blur events from reaching createOverlay, which may cause\n      // popovers to close. Since focus is contained within the dialog,\n      // we don't want this to occur due to the above createEffect.\n      onBlur: (e: FocusEvent) => {\n        if (isRefocusing()) {\n          e.stopPropagation();\n        }\n      },\n    };\n  });\n\n  const titlePropsValue = createMemo(() => ({\n    id: titleId(),\n  }));\n\n  const contentPropsValue = createMemo(() => ({\n    id: contentId(),\n  }));\n\n  return {\n    dialogProps,\n    titleProps: titlePropsValue,\n    contentProps: contentPropsValue,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAgB,aACd,OACA,KACY;CAEZ,MAAM,WAAW,OAAO,UAAU,aAAa,cAAc;CAE7D,MAAM,aAAa,SAAS,CAAC,CAAC,QAAQ;CAItC,MAAM,mBAAmB,aAAa;CACtC,MAAM,qBAAqB,aAAa;CACxC,MAAM,CAAC,cAAc,mBAAmB,aAAa,KAAK;CAE1D,MAAM,UAAU,iBAAiB;EAE/B,OADU,SACH,CAAC,CAAC,gBAAgB,KAAA,IAAY,iBAAiB;CACxD,CAAC;CAED,MAAM,YAAY,iBAAiB;EACjC,MAAM,IAAI,SAAS;EACnB,OAAO,KAAK,MAAM,iBAAiB,CAAC,EAAE,sBAAsB,mBAAmB,IAAI,KAAA;CACrF,CAAC;CAID,IAAI,0BAA0B;CAC9B,IAAI;CACJ,IAAI;CACJ,0BAA0B;EACxB,IAAI,OAAO,aAAa,aAAa;EACrC,IAAI,yBAAyB;EAE7B,MAAM,WAAW,IAAI;EACrB,IAAI,CAAC,UAAU;EAEf,0BAA0B;EAC1B,MAAM,MAAM,SAAS;EACrB,qBAAqB,oBAAoB;GACvC,qBAAqB,KAAA;GACrB,MAAM,KAAK,IAAI;GACf,IAAI,CAAC,MAAM,GAAG,SAAS,IAAI,aAAa,GACtC;GAGF,YAAY,EAAE;GAKd,gBAAgB,iBAAiB;IAC/B,gBAAgB,KAAA;IAChB,IAAI,IAAI,kBAAkB,MAAM,IAAI,kBAAkB,IAAI,MAAM;KAC9D,gBAAgB,IAAI;KACpB,GAAG,KAAK;KACR,YAAY,EAAE;KACd,gBAAgB,KAAK;IACvB;GACF,GAAG,GAAG;EACR,GAAG,GAAG;CACR,CAAC;CACD,qBAAqB;EACnB,qBAAqB;EACrB,IAAI,kBAAkB,KAAA,GACpB,aAAa,aAAa;CAE9B,CAAC;CAiCD,OAAO;EACL,aA7BkB,iBAAiB;GACnC,MAAM,IAAI,SAAS;GACnB,OAAO;IACL,GAAG,eAAe,CAAC;IACnB,MAAM,KAAK;IACX,UAAU;IACV,cAAc,EAAE;IAChB,mBAAmB,EAAE,sBAAsB,QAAQ;IACnD,oBAAoB,EAAE,uBAAuB,UAAU;IAIvD,SAAS,MAAkB;KACzB,IAAI,aAAa,GACf,EAAE,gBAAgB;IAEtB;GACF;EACF,CAWY;EACV,YAVsB,kBAAkB,EACxC,IAAI,QAAQ,EACd,EAQ4B;EAC1B,cAPwB,kBAAkB,EAC1C,IAAI,UAAU,EAChB,EAKgC;CAChC;AACF"}

package/dist/_chunk/dialog.jsx

@@ -1,6 +1,20 @@
+/*
+* Copyright 2020 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/src/dialog/useDialog.ts
+import { t as onOwnedCleanup } from "./owner.jsx";
 import { t as filterDOMProps } from "./filterDOMProps.jsx";
-import { t as focusSafely } from "./focus.jsx";
-import { createEffect, createMemo, createSignal, createUniqueId, onCleanup } from "solid-js";
+import { D as runAfterPaint, w as focusSafely } from "./dom.jsx";
+import { createSlotId } from "../ssr/index.jsx";
+import { createMemo, createSignal, createTrackedEffect } from "solid-js";
 //#region src/dialog/createDialog.ts
 /**
 * Ported from React Aria:
@@ -13,30 +27,45 @@ import { createEffect, createMemo, createSignal, createUniqueId, onCleanup } fro
 function createDialog(props, ref) {
 	const getProps = typeof props === "function" ? props : () => props;
 	const role = () => getProps().role ?? "dialog";
-	const generatedTitleId = createUniqueId();
+	const generatedTitleId = createSlotId();
+	const generatedContentId = createSlotId();
 	const [isRefocusing, setIsRefocusing] = createSignal(false);
 	const titleId = createMemo(() => {
+		return getProps()["aria-label"] ? void 0 : generatedTitleId();
+	});
+	const contentId = createMemo(() => {
 		const p = getProps();
-		if (p["aria-labelledby"]) return void 0;
-		return p["aria-label"] ? void 0 : generatedTitleId;
+		return role() === "alertdialog" && !p["aria-describedby"] ? generatedContentId() : void 0;
 	});
-	createEffect(() => {
+	let didScheduleInitialFocus = false;
+	let cancelInitialFocus;
+	let safariTimeout;
+	createTrackedEffect(() => {
 		if (typeof document === "undefined") return;
+		if (didScheduleInitialFocus) return;
 		const dialogEl = ref();
-		if (dialogEl && !dialogEl.contains(document.activeElement)) {
-			focusSafely(dialogEl);
-			const timeout = setTimeout(() => {
-				if (document.activeElement === dialogEl || document.activeElement === document.body) {
+		if (!dialogEl) return;
+		didScheduleInitialFocus = true;
+		const doc = dialogEl.ownerDocument;
+		cancelInitialFocus = runAfterPaint(() => {
+			cancelInitialFocus = void 0;
+			const el = ref();
+			if (!el || el.contains(doc.activeElement)) return;
+			focusSafely(el);
+			safariTimeout = setTimeout(() => {
+				safariTimeout = void 0;
+				if (doc.activeElement === el || doc.activeElement === doc.body) {
 					setIsRefocusing(true);
-					dialogEl.blur();
-					focusSafely(dialogEl);
+					el.blur();
+					focusSafely(el);
 					setIsRefocusing(false);
 				}
 			}, 500);
-			onCleanup(() => {
-				clearTimeout(timeout);
-			});
-		}
+		}, doc);
+	});
+	onOwnedCleanup(() => {
+		cancelInitialFocus?.();
+		if (safariTimeout !== void 0) clearTimeout(safariTimeout);
 	});
 	return {
 		dialogProps: createMemo(() => {
@@ -46,14 +75,15 @@ function createDialog(props, ref) {
 				role: role(),
 				tabIndex: -1,
 				"aria-label": p["aria-label"],
-				"aria-labelledby": p["aria-labelledby"] || titleId(),
-				"aria-describedby": p["aria-describedby"],
+				"aria-labelledby": p["aria-labelledby"] ?? titleId(),
+				"aria-describedby": p["aria-describedby"] ?? contentId(),
 				onBlur: (e) => {
 					if (isRefocusing()) e.stopPropagation();
 				}
 			};
 		}),
-		titleProps: createMemo(() => ({ id: titleId() }))
+		titleProps: createMemo(() => ({ id: titleId() })),
+		contentProps: createMemo(() => ({ id: contentId() }))
 	};
 }
 //#endregion

package/dist/_chunk/dialog.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.jsx","names":[],"sources":["../../src/dialog/createDialog.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/**\n * Ported from React Aria:\n * https://github.com/adobe/react-spectrum/blob/main/packages/@react-aria/dialog/src/useDialog.ts\n */\n\nimport {\n  Accessor,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n} from \"solid-js\";\nimport { filterDOMProps, focusSafely } from \"../utils\";\nimport type { AriaLabelingProps, DOMProps } from \"./types\";\n\nexport interface AriaDialogProps extends DOMProps, AriaLabelingProps {\n  /**\n   * The role of the dialog element.\n   * @default 'dialog'\n   */\n  role?: \"dialog\" | \"alertdialog\";\n}\n\nexport interface DialogAria {\n  /** Props for the dialog container element. */\n  dialogProps: Accessor<Record<string, unknown>>;\n\n  /** Props for the dialog title element. */\n  titleProps: Accessor<Record<string, unknown>>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a dialog component.\n * A dialog is an overlay shown above other content in an application.\n */\nexport function createDialog(\n  props: AriaDialogProps | Accessor<AriaDialogProps>,\n  ref: Accessor<HTMLElement | undefined>,\n): DialogAria {\n  // Support both direct props and accessor pattern\n  const getProps = typeof props === \"function\" ? props : () => props;\n\n  const role = () => getProps().role ?? \"dialog\";\n  const generatedTitleId = createUniqueId();\n  const [isRefocusing, setIsRefocusing] = createSignal(false);\n\n  const titleId = createMemo(() => {\n    const p = getProps();\n    // Use provided aria-labelledby, or generated ID if no aria-label\n    if (p[\"aria-labelledby\"]) return undefined;\n    return p[\"aria-label\"] ? undefined : generatedTitleId;\n  });\n\n  // Focus the dialog itself on mount, unless a child element is already focused.\n  // Only run on the client (SSR-safe)\n  createEffect(() => {\n    // Guard against SSR - document is not available on the server\n    if (typeof document === \"undefined\") return;\n\n    const dialogEl = ref();\n    if (dialogEl && !dialogEl.contains(document.activeElement)) {\n      focusSafely(dialogEl);\n\n      // Safari on iOS does not move the VoiceOver cursor to the dialog\n      // or announce that it has opened until it has rendered. A workaround\n      // is to wait for half a second, then blur and re-focus the dialog.\n      const timeout = setTimeout(() => {\n        // Check that the dialog is still focused, or focused was lost to the body.\n        if (document.activeElement === dialogEl || document.activeElement === document.body) {\n          setIsRefocusing(true);\n          dialogEl.blur();\n          focusSafely(dialogEl);\n          setIsRefocusing(false);\n        }\n      }, 500);\n\n      onCleanup(() => {\n        clearTimeout(timeout);\n      });\n    }\n  });\n\n  // Note: Focus containment is typically handled by createModal at a higher level\n  // For standalone dialogs, focus containment should be managed by the overlay system\n\n  const dialogProps = createMemo(() => {\n    const p = getProps();\n    return {\n      ...filterDOMProps(p),\n      role: role(),\n      tabIndex: -1,\n      \"aria-label\": p[\"aria-label\"],\n      \"aria-labelledby\": p[\"aria-labelledby\"] || titleId(),\n      \"aria-describedby\": p[\"aria-describedby\"],\n      // Prevent blur events from reaching createOverlay, which may cause\n      // popovers to close. Since focus is contained within the dialog,\n      // we don't want this to occur due to the above createEffect.\n      onBlur: (e: FocusEvent) => {\n        if (isRefocusing()) {\n          e.stopPropagation();\n        }\n      },\n    };\n  });\n\n  const titlePropsValue = createMemo(() => ({\n    id: titleId(),\n  }));\n\n  return {\n    dialogProps,\n    titleProps: titlePropsValue,\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAgDA,SAAgB,aACd,OACA,KACY;CAEZ,MAAM,WAAW,OAAO,UAAU,aAAa,cAAc;CAE7D,MAAM,aAAa,SAAS,CAAC,CAAC,QAAQ;CACtC,MAAM,mBAAmB,eAAe;CACxC,MAAM,CAAC,cAAc,mBAAmB,aAAa,KAAK;CAE1D,MAAM,UAAU,iBAAiB;EAC/B,MAAM,IAAI,SAAS;EAEnB,IAAI,EAAE,oBAAoB,OAAO,KAAA;EACjC,OAAO,EAAE,gBAAgB,KAAA,IAAY;CACvC,CAAC;CAID,mBAAmB;EAEjB,IAAI,OAAO,aAAa,aAAa;EAErC,MAAM,WAAW,IAAI;EACrB,IAAI,YAAY,CAAC,SAAS,SAAS,SAAS,aAAa,GAAG;GAC1D,YAAY,QAAQ;GAKpB,MAAM,UAAU,iBAAiB;IAE/B,IAAI,SAAS,kBAAkB,YAAY,SAAS,kBAAkB,SAAS,MAAM;KACnF,gBAAgB,IAAI;KACpB,SAAS,KAAK;KACd,YAAY,QAAQ;KACpB,gBAAgB,KAAK;IACvB;GACF,GAAG,GAAG;GAEN,gBAAgB;IACd,aAAa,OAAO;GACtB,CAAC;EACH;CACF,CAAC;CA6BD,OAAO;EACL,aAzBkB,iBAAiB;GACnC,MAAM,IAAI,SAAS;GACnB,OAAO;IACL,GAAG,eAAe,CAAC;IACnB,MAAM,KAAK;IACX,UAAU;IACV,cAAc,EAAE;IAChB,mBAAmB,EAAE,sBAAsB,QAAQ;IACnD,oBAAoB,EAAE;IAItB,SAAS,MAAkB;KACzB,IAAI,aAAa,GACf,EAAE,gBAAgB;IAEtB;GACF;EACF,CAOY;EACV,YANsB,kBAAkB,EACxC,IAAI,QAAQ,EACd,EAI4B;CAC5B;AACF"}
+{"version":3,"file":"dialog.jsx","names":[],"sources":["../../src/dialog/createDialog.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/dialog/useDialog.ts\n\n/**\n * Ported from React Aria:\n * https://github.com/adobe/react-spectrum/blob/main/packages/@react-aria/dialog/src/useDialog.ts\n */\n\nimport { filterDOMProps, focusSafely, onOwnedCleanup } from \"../utils\";\nimport { Accessor, createMemo, createSignal, createTrackedEffect } from \"solid-js\";\nimport { createSlotId } from \"../ssr\";\nimport { runAfterPaint } from \"../utils/focus\";\nimport type { AriaLabelingProps, DOMProps } from \"./types\";\n\nexport interface AriaDialogProps extends DOMProps, AriaLabelingProps {\n  /**\n   * The role of the dialog element.\n   * @default 'dialog'\n   */\n  role?: \"dialog\" | \"alertdialog\";\n}\n\nexport interface DialogAria {\n  /** Props for the dialog container element. */\n  dialogProps: Accessor<Record<string, unknown>>;\n\n  /** Props for the dialog title element. */\n  titleProps: Accessor<Record<string, unknown>>;\n\n  /** Props for the dialog content/description element. Used for aria-describedby on alertdialogs. */\n  contentProps: Accessor<Record<string, unknown>>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a dialog component.\n * A dialog is an overlay shown above other content in an application.\n */\nexport function createDialog(\n  props: AriaDialogProps | Accessor<AriaDialogProps>,\n  ref: Accessor<HTMLElement | undefined>,\n): DialogAria {\n  // Support both direct props and accessor pattern\n  const getProps = typeof props === \"function\" ? props : () => props;\n\n  const role = () => getProps().role ?? \"dialog\";\n  // Slot ids, like upstream `useDialog` (`useSlotId`): each resolves to\n  // undefined unless an element actually renders with it, so a dialog without a\n  // title or an alertdialog without content never points at a missing node.\n  const generatedTitleId = createSlotId();\n  const generatedContentId = createSlotId();\n  const [isRefocusing, setIsRefocusing] = createSignal(false);\n\n  const titleId = createMemo(() => {\n    const p = getProps();\n    return p[\"aria-label\"] ? undefined : generatedTitleId();\n  });\n\n  const contentId = createMemo(() => {\n    const p = getProps();\n    return role() === \"alertdialog\" && !p[\"aria-describedby\"] ? generatedContentId() : undefined;\n  });\n\n  // Match @react-aria/dialog `useDialog`: initial focus is `useEffect`-timed\n  // (after paint), not a sync `createEffect` inside the opening click flush.\n  let didScheduleInitialFocus = false;\n  let cancelInitialFocus: (() => void) | undefined;\n  let safariTimeout: ReturnType<typeof setTimeout> | undefined;\n  createTrackedEffect(() => {\n    if (typeof document === \"undefined\") return;\n    if (didScheduleInitialFocus) return;\n\n    const dialogEl = ref();\n    if (!dialogEl) return;\n\n    didScheduleInitialFocus = true;\n    const doc = dialogEl.ownerDocument;\n    cancelInitialFocus = runAfterPaint(() => {\n      cancelInitialFocus = undefined;\n      const el = ref();\n      if (!el || el.contains(doc.activeElement)) {\n        return;\n      }\n\n      focusSafely(el);\n\n      // Safari on iOS does not move the VoiceOver cursor to the dialog\n      // or announce that it has opened until it has rendered. A workaround\n      // is to wait for half a second, then blur and re-focus the dialog.\n      safariTimeout = setTimeout(() => {\n        safariTimeout = undefined;\n        if (doc.activeElement === el || doc.activeElement === doc.body) {\n          setIsRefocusing(true);\n          el.blur();\n          focusSafely(el);\n          setIsRefocusing(false);\n        }\n      }, 500);\n    }, doc);\n  });\n  onOwnedCleanup(() => {\n    cancelInitialFocus?.();\n    if (safariTimeout !== undefined) {\n      clearTimeout(safariTimeout);\n    }\n  });\n\n  // Note: Focus containment is typically handled by createModal at a higher level\n  // For standalone dialogs, focus containment should be managed by the overlay system\n\n  const dialogProps = createMemo(() => {\n    const p = getProps();\n    return {\n      ...filterDOMProps(p),\n      role: role(),\n      tabIndex: -1,\n      \"aria-label\": p[\"aria-label\"],\n      \"aria-labelledby\": p[\"aria-labelledby\"] ?? titleId(),\n      \"aria-describedby\": p[\"aria-describedby\"] ?? contentId(),\n      // Prevent blur events from reaching createOverlay, which may cause\n      // popovers to close. Since focus is contained within the dialog,\n      // we don't want this to occur due to the above createEffect.\n      onBlur: (e: FocusEvent) => {\n        if (isRefocusing()) {\n          e.stopPropagation();\n        }\n      },\n    };\n  });\n\n  const titlePropsValue = createMemo(() => ({\n    id: titleId(),\n  }));\n\n  const contentPropsValue = createMemo(() => ({\n    id: contentId(),\n  }));\n\n  return {\n    dialogProps,\n    titleProps: titlePropsValue,\n    contentProps: contentPropsValue,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAgB,aACd,OACA,KACY;CAEZ,MAAM,WAAW,OAAO,UAAU,aAAa,cAAc;CAE7D,MAAM,aAAa,SAAS,CAAC,CAAC,QAAQ;CAItC,MAAM,mBAAmB,aAAa;CACtC,MAAM,qBAAqB,aAAa;CACxC,MAAM,CAAC,cAAc,mBAAmB,aAAa,KAAK;CAE1D,MAAM,UAAU,iBAAiB;EAE/B,OADU,SACH,CAAC,CAAC,gBAAgB,KAAA,IAAY,iBAAiB;CACxD,CAAC;CAED,MAAM,YAAY,iBAAiB;EACjC,MAAM,IAAI,SAAS;EACnB,OAAO,KAAK,MAAM,iBAAiB,CAAC,EAAE,sBAAsB,mBAAmB,IAAI,KAAA;CACrF,CAAC;CAID,IAAI,0BAA0B;CAC9B,IAAI;CACJ,IAAI;CACJ,0BAA0B;EACxB,IAAI,OAAO,aAAa,aAAa;EACrC,IAAI,yBAAyB;EAE7B,MAAM,WAAW,IAAI;EACrB,IAAI,CAAC,UAAU;EAEf,0BAA0B;EAC1B,MAAM,MAAM,SAAS;EACrB,qBAAqB,oBAAoB;GACvC,qBAAqB,KAAA;GACrB,MAAM,KAAK,IAAI;GACf,IAAI,CAAC,MAAM,GAAG,SAAS,IAAI,aAAa,GACtC;GAGF,YAAY,EAAE;GAKd,gBAAgB,iBAAiB;IAC/B,gBAAgB,KAAA;IAChB,IAAI,IAAI,kBAAkB,MAAM,IAAI,kBAAkB,IAAI,MAAM;KAC9D,gBAAgB,IAAI;KACpB,GAAG,KAAK;KACR,YAAY,EAAE;KACd,gBAAgB,KAAK;IACvB;GACF,GAAG,GAAG;EACR,GAAG,GAAG;CACR,CAAC;CACD,qBAAqB;EACnB,qBAAqB;EACrB,IAAI,kBAAkB,KAAA,GACpB,aAAa,aAAa;CAE9B,CAAC;CAiCD,OAAO;EACL,aA7BkB,iBAAiB;GACnC,MAAM,IAAI,SAAS;GACnB,OAAO;IACL,GAAG,eAAe,CAAC;IACnB,MAAM,KAAK;IACX,UAAU;IACV,cAAc,EAAE;IAChB,mBAAmB,EAAE,sBAAsB,QAAQ;IACnD,oBAAoB,EAAE,uBAAuB,UAAU;IAIvD,SAAS,MAAkB;KACzB,IAAI,aAAa,GACf,EAAE,gBAAgB;IAEtB;GACF;EACF,CAWY;EACV,YAVsB,kBAAkB,EACxC,IAAI,QAAQ,EACd,EAQ4B;EAC1B,cAPwB,kBAAkB,EAC1C,IAAI,UAAU,EAChB,EAKgC;CAChC;AACF"}

package/dist/_chunk/disclosure.js

@@ -1,7 +1,20 @@
+/*
+* Copyright 2024 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/src/disclosure/useDisclosure.ts
+import { t as mergeProps } from "./mergeProps.js";
+import { t as onOwnedCleanup } from "./owner.js";
 import { t as createPress } from "./createPress.js";
-import { i as mergeProps$1 } from "./env.js";
 import { canUseDOM, createId } from "../ssr/index.js";
-import { createEffect, onCleanup } from "solid-js";
+import { createTrackedEffect } from "solid-js";
 //#region src/disclosure/createDisclosure.ts
 /**
 * createDisclosure hook for Solidaria
@@ -71,7 +84,8 @@ function createDisclosure(props, state, panelRef) {
 	const getPanelAnimations = (panel) => {
 		return typeof panel.getAnimations === "function" ? panel.getAnimations() : [];
 	};
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		if (!canUseDOM) return;
 		const panel = panelRef();
 		if (!panel) return;
@@ -84,40 +98,46 @@ function createDisclosure(props, state, panelRef) {
 			state.toggle();
 		};
 		panel.addEventListener("beforematch", handleBeforeMatch);
-		onCleanup(() => {
+		_s2Cleanups.push(() => {
 			panel.removeEventListener("beforematch", handleBeforeMatch);
 		});
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
-	createEffect(() => {
+	createTrackedEffect(() => {
 		if (!canUseDOM) return;
 		const panel = panelRef();
 		if (!panel) return;
 		const isExpanded = state.isExpanded();
 		cancelPendingRaf();
-		if (isExpandedRef === null || typeof panel.getAnimations !== "function") if (isExpanded) {
-			panel.removeAttribute("hidden");
-			setPanelSize(panel, "auto", "auto");
-		} else {
-			panel.setAttribute("hidden", "until-found");
-			setPanelSize(panel, "0px", "0px");
-		}
-		else if (isExpanded !== isExpandedRef) if (isExpanded) {
-			panel.removeAttribute("hidden");
-			setPanelSize(panel, `${panel.scrollWidth}px`, `${panel.scrollHeight}px`);
-			Promise.all(getPanelAnimations(panel).map((animation) => animation.finished)).then(() => {
-				if (panelRef() === panel && state.isExpanded()) setPanelSize(panel, "auto", "auto");
-			}).catch(() => {});
-		} else {
-			setPanelSize(panel, `${panel.scrollWidth}px`, `${panel.scrollHeight}px`);
-			window.getComputedStyle(panel).height;
-			setPanelSize(panel, "0px", "0px");
-			Promise.all(getPanelAnimations(panel).map((animation) => animation.finished)).then(() => {
-				if (panelRef() === panel && !state.isExpanded()) panel.setAttribute("hidden", "until-found");
-			}).catch(() => {});
+		if (isExpandedRef === null || typeof panel.getAnimations !== "function") {
+			if (isExpanded) {
+				panel.removeAttribute("hidden");
+				setPanelSize(panel, "auto", "auto");
+			} else {
+				panel.setAttribute("hidden", "until-found");
+				setPanelSize(panel, "0px", "0px");
+			}
+		} else if (isExpanded !== isExpandedRef) {
+			if (isExpanded) {
+				panel.removeAttribute("hidden");
+				setPanelSize(panel, `${panel.scrollWidth}px`, `${panel.scrollHeight}px`);
+				Promise.all(getPanelAnimations(panel).map((animation) => animation.finished)).then(() => {
+					if (panelRef() === panel && state.isExpanded()) setPanelSize(panel, "auto", "auto");
+				}).catch(() => {});
+			} else {
+				setPanelSize(panel, `${panel.scrollWidth}px`, `${panel.scrollHeight}px`);
+				window.getComputedStyle(panel).height;
+				setPanelSize(panel, "0px", "0px");
+				Promise.all(getPanelAnimations(panel).map((animation) => animation.finished)).then(() => {
+					if (panelRef() === panel && !state.isExpanded()) panel.setAttribute("hidden", "until-found");
+				}).catch(() => {});
+			}
 		}
 		isExpandedRef = isExpanded;
 	});
-	onCleanup(cancelPendingRaf);
+	onOwnedCleanup(cancelPendingRaf);
 	const { pressProps, isPressed } = createPress({
 		get isDisabled() {
 			return getProps().isDisabled;
@@ -133,7 +153,7 @@ function createDisclosure(props, state, panelRef) {
 		isPressed,
 		get buttonProps() {
 			const p = getProps();
-			return mergeProps$1(pressProps, {
+			return mergeProps(pressProps, {
 				id: triggerId,
 				type: "button",
 				"aria-expanded": state.isExpanded(),
@@ -146,7 +166,7 @@ function createDisclosure(props, state, panelRef) {
 				id: panelId,
 				role: "group",
 				"aria-labelledby": triggerId,
-				"aria-hidden": !state.isExpanded(),
+				"aria-hidden": state.isExpanded() ? "false" : "true",
 				hidden: getDisclosurePanelHiddenAttribute(state.isExpanded())
 			};
 		}

package/dist/_chunk/disclosure.js.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure.js","names":["mergeProps"],"sources":["../../src/disclosure/createDisclosure.ts","../../src/disclosure/createDisclosureGroup.ts"],"sourcesContent":["/**\n * createDisclosure hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a disclosure component.\n *\n * Port of @react-aria/disclosure useDisclosure.\n */\n\nimport { type JSX, createEffect, onCleanup } from \"solid-js\";\nimport { type DisclosureState } from \"@proyecto-viviana/solid-stately\";\nimport { createId, canUseDOM } from \"../ssr\";\nimport { createPress } from \"../interactions/createPress\";\nimport { mergeProps } from \"../utils/mergeProps\";\n\nexport interface AriaDisclosureProps {\n  /** Whether the disclosure is disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface DisclosureAria {\n  /** Props for the disclosure trigger button. */\n  buttonProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;\n  /** Props for the disclosure panel. */\n  panelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the disclosure trigger is currently pressed. */\n  isPressed: () => boolean;\n}\n\nexport function getDisclosurePanelHiddenAttribute(\n  isExpanded: boolean,\n  hasDOM = canUseDOM,\n): true | undefined {\n  return hasDOM ? undefined : !isExpanded || undefined;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a disclosure component.\n *\n * A disclosure is a widget that can be toggled to show or hide content.\n * It consists of a trigger button and a panel.\n *\n * @example\n * ```tsx\n * import { createDisclosure } from 'solidaria';\n * import { createDisclosureState } from 'solid-stately';\n *\n * function Disclosure(props) {\n *   const state = createDisclosureState(props);\n *   let panelRef;\n *   const { buttonProps, panelProps } = createDisclosure(\n *     { get isDisabled() { return props.isDisabled; } },\n *     state,\n *     () => panelRef\n *   );\n *\n *   return (\n *     <div>\n *       <button {...buttonProps}>Toggle</button>\n *       <div {...panelProps} ref={panelRef}>\n *         {props.children}\n *       </div>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function createDisclosure(\n  props: AriaDisclosureProps | (() => AriaDisclosureProps),\n  state: DisclosureState,\n  panelRef: () => HTMLElement | null,\n): DisclosureAria {\n  // Handle both plain object and accessor function patterns\n  const getProps = typeof props === \"function\" ? props : () => props;\n\n  const triggerId = createId();\n  const panelId = createId();\n\n  let raf: number | null = null;\n  let isExpandedRef: boolean | null = null;\n\n  const requestFrame = (callback: FrameRequestCallback): number => {\n    if (typeof requestAnimationFrame === \"function\") {\n      return requestAnimationFrame(callback);\n    }\n\n    return window.setTimeout(() => callback(performance.now()), 16);\n  };\n\n  const cancelFrame = (id: number) => {\n    if (typeof cancelAnimationFrame === \"function\") {\n      cancelAnimationFrame(id);\n    } else {\n      window.clearTimeout(id);\n    }\n  };\n\n  const cancelPendingRaf = () => {\n    if (raf != null && canUseDOM) {\n      cancelFrame(raf);\n      raf = null;\n    }\n  };\n\n  const setPanelSize = (panel: HTMLElement, width: string, height: string) => {\n    panel.style.setProperty(\"--disclosure-panel-width\", width);\n    panel.style.setProperty(\"--disclosure-panel-height\", height);\n  };\n\n  const getPanelAnimations = (panel: HTMLElement): Animation[] => {\n    return typeof panel.getAnimations === \"function\" ? panel.getAnimations() : [];\n  };\n\n  // Handle browser find-in-page reveal for collapsed panels.\n  createEffect(() => {\n    if (!canUseDOM) return;\n\n    const panel = panelRef();\n    if (!panel) return;\n\n    const handleBeforeMatch = () => {\n      cancelPendingRaf();\n      raf = requestFrame(() => {\n        if (panelRef() === panel) {\n          panel.setAttribute(\"hidden\", \"until-found\");\n        }\n        raf = null;\n      });\n\n      state.toggle();\n    };\n\n    panel.addEventListener(\"beforematch\", handleBeforeMatch);\n    onCleanup(() => {\n      panel.removeEventListener(\"beforematch\", handleBeforeMatch);\n    });\n  });\n\n  // Handle panel visibility and animation sizing.\n  createEffect(() => {\n    if (!canUseDOM) return;\n\n    const panel = panelRef();\n    if (!panel) return;\n\n    const isExpanded = state.isExpanded();\n    cancelPendingRaf();\n\n    if (isExpandedRef === null || typeof panel.getAnimations !== \"function\") {\n      if (isExpanded) {\n        panel.removeAttribute(\"hidden\");\n        setPanelSize(panel, \"auto\", \"auto\");\n      } else {\n        panel.setAttribute(\"hidden\", \"until-found\");\n        setPanelSize(panel, \"0px\", \"0px\");\n      }\n    } else if (isExpanded !== isExpandedRef) {\n      if (isExpanded) {\n        panel.removeAttribute(\"hidden\");\n        setPanelSize(panel, `${panel.scrollWidth}px`, `${panel.scrollHeight}px`);\n\n        Promise.all(getPanelAnimations(panel).map((animation) => animation.finished))\n          .then(() => {\n            if (panelRef() === panel && state.isExpanded()) {\n              setPanelSize(panel, \"auto\", \"auto\");\n            }\n          })\n          .catch(() => {});\n      } else {\n        setPanelSize(panel, `${panel.scrollWidth}px`, `${panel.scrollHeight}px`);\n\n        // Force style recalculation before animating to zero.\n        window.getComputedStyle(panel).height;\n\n        setPanelSize(panel, \"0px\", \"0px\");\n\n        Promise.all(getPanelAnimations(panel).map((animation) => animation.finished))\n          .then(() => {\n            if (panelRef() === panel && !state.isExpanded()) {\n              panel.setAttribute(\"hidden\", \"until-found\");\n            }\n          })\n          .catch(() => {});\n      }\n    }\n\n    isExpandedRef = isExpanded;\n  });\n\n  onCleanup(cancelPendingRaf);\n\n  // Use createPress for proper interaction handling (matches Select/Menu pattern)\n  const { pressProps, isPressed } = createPress({\n    get isDisabled() {\n      return getProps().isDisabled;\n    },\n    onPressStart(event) {\n      if (event.pointerType === \"keyboard\") {\n        state.toggle();\n      }\n    },\n    onPress(event) {\n      if (event.pointerType !== \"keyboard\") {\n        state.toggle();\n      }\n    },\n  });\n\n  return {\n    isPressed,\n    // Button props - merge with pressProps for consistent interaction handling\n    // Using getter (not createMemo) to match createSelect pattern\n    get buttonProps(): JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n      const p = getProps();\n      return mergeProps(\n        pressProps as Record<string, unknown>,\n        {\n          id: triggerId,\n          type: \"button\",\n          \"aria-expanded\": state.isExpanded(),\n          \"aria-controls\": panelId,\n          disabled: p.isDisabled,\n        } as Record<string, unknown>,\n      ) as JSX.ButtonHTMLAttributes<HTMLButtonElement>;\n    },\n    // Panel props\n    get panelProps(): JSX.HTMLAttributes<HTMLElement> {\n      return {\n        id: panelId,\n        role: \"group\",\n        \"aria-labelledby\": triggerId,\n        \"aria-hidden\": !state.isExpanded(),\n        hidden: getDisclosurePanelHiddenAttribute(state.isExpanded()),\n      };\n    },\n  };\n}\n","/**\n * createDisclosureGroup hook for Solidaria\n *\n * Provides accessibility implementation for a group of disclosures (accordion).\n *\n * Port of @react-aria/disclosure.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { type DisclosureGroupState } from \"@proyecto-viviana/solid-stately\";\nimport { type MaybeAccessor } from \"../utils/reactivity\";\n\nexport interface AriaDisclosureGroupProps {\n  /** Whether the disclosure group is disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface DisclosureGroupAria {\n  /** Props for the disclosure group container. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides accessibility implementation for a group of disclosures (accordion).\n *\n * @example\n * ```tsx\n * import { createDisclosureGroup } from 'solidaria';\n * import { createDisclosureGroupState } from 'solid-stately';\n *\n * function Accordion(props) {\n *   const state = createDisclosureGroupState(props);\n *   const { groupProps } = createDisclosureGroup(props, state);\n *\n *   return (\n *     <div {...groupProps}>\n *       {props.children}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function createDisclosureGroup(\n  _props: MaybeAccessor<AriaDisclosureGroupProps>,\n  _state: DisclosureGroupState,\n): DisclosureGroupAria {\n  return {\n    get groupProps() {\n      return {};\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"disclosure.js","names":[],"sources":["../../src/disclosure/createDisclosure.ts","../../src/disclosure/createDisclosureGroup.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the 'License');\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/disclosure/useDisclosure.ts\n\n/**\n * createDisclosure hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a disclosure component.\n *\n * Port of @react-aria/disclosure useDisclosure.\n */\n\nimport { onOwnedCleanup } from \"../utils/owner\";\nimport { createTrackedEffect } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { type DisclosureState } from \"@proyecto-viviana/solid-stately\";\nimport { createId, canUseDOM } from \"../ssr\";\nimport { createPress } from \"../interactions/createPress\";\nimport { mergeProps } from \"../utils/mergeProps\";\n\nexport interface AriaDisclosureProps {\n  /** Whether the disclosure is disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface DisclosureAria {\n  /** Props for the disclosure trigger button. */\n  buttonProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;\n  /** Props for the disclosure panel. */\n  panelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the disclosure trigger is currently pressed. */\n  isPressed: () => boolean;\n}\n\nexport function getDisclosurePanelHiddenAttribute(\n  isExpanded: boolean,\n  hasDOM = canUseDOM,\n): true | undefined {\n  return hasDOM ? undefined : !isExpanded || undefined;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a disclosure component.\n *\n * A disclosure is a widget that can be toggled to show or hide content.\n * It consists of a trigger button and a panel.\n *\n * @example\n * ```tsx\n * import { createDisclosure } from 'solidaria';\n * import { createDisclosureState } from 'solid-stately';\n *\n * function Disclosure(props) {\n *   const state = createDisclosureState(props);\n *   let panelRef;\n *   const { buttonProps, panelProps } = createDisclosure(\n *     { get isDisabled() { return props.isDisabled; } },\n *     state,\n *     () => panelRef\n *   );\n *\n *   return (\n *     <div>\n *       <button {...buttonProps}>Toggle</button>\n *       <div {...panelProps} ref={panelRef}>\n *         {props.children}\n *       </div>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function createDisclosure(\n  props: AriaDisclosureProps | (() => AriaDisclosureProps),\n  state: DisclosureState,\n  panelRef: () => HTMLElement | null,\n): DisclosureAria {\n  // Handle both plain object and accessor function patterns\n  const getProps = typeof props === \"function\" ? props : () => props;\n\n  const triggerId = createId();\n  const panelId = createId();\n\n  let raf: number | null = null;\n  let isExpandedRef: boolean | null = null;\n\n  const requestFrame = (callback: FrameRequestCallback): number => {\n    if (typeof requestAnimationFrame === \"function\") {\n      return requestAnimationFrame(callback);\n    }\n\n    return window.setTimeout(() => callback(performance.now()), 16);\n  };\n\n  const cancelFrame = (id: number) => {\n    if (typeof cancelAnimationFrame === \"function\") {\n      cancelAnimationFrame(id);\n    } else {\n      window.clearTimeout(id);\n    }\n  };\n\n  const cancelPendingRaf = () => {\n    if (raf != null && canUseDOM) {\n      cancelFrame(raf);\n      raf = null;\n    }\n  };\n\n  const setPanelSize = (panel: HTMLElement, width: string, height: string) => {\n    panel.style.setProperty(\"--disclosure-panel-width\", width);\n    panel.style.setProperty(\"--disclosure-panel-height\", height);\n  };\n\n  const getPanelAnimations = (panel: HTMLElement): Animation[] => {\n    return typeof panel.getAnimations === \"function\" ? panel.getAnimations() : [];\n  };\n\n  // Handle browser find-in-page reveal for collapsed panels.\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    if (!canUseDOM) return;\n\n    const panel = panelRef();\n    if (!panel) return;\n\n    const handleBeforeMatch = () => {\n      cancelPendingRaf();\n      raf = requestFrame(() => {\n        if (panelRef() === panel) {\n          panel.setAttribute(\"hidden\", \"until-found\");\n        }\n        raf = null;\n      });\n\n      state.toggle();\n    };\n\n    panel.addEventListener(\"beforematch\", handleBeforeMatch);\n    _s2Cleanups.push(() => {\n      panel.removeEventListener(\"beforematch\", handleBeforeMatch);\n    });\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  // Handle panel visibility and animation sizing.\n  createTrackedEffect(() => {\n    if (!canUseDOM) return;\n\n    const panel = panelRef();\n    if (!panel) return;\n\n    const isExpanded = state.isExpanded();\n    cancelPendingRaf();\n\n    if (isExpandedRef === null || typeof panel.getAnimations !== \"function\") {\n      if (isExpanded) {\n        panel.removeAttribute(\"hidden\");\n        setPanelSize(panel, \"auto\", \"auto\");\n      } else {\n        panel.setAttribute(\"hidden\", \"until-found\");\n        setPanelSize(panel, \"0px\", \"0px\");\n      }\n    } else if (isExpanded !== isExpandedRef) {\n      if (isExpanded) {\n        panel.removeAttribute(\"hidden\");\n        setPanelSize(panel, `${panel.scrollWidth}px`, `${panel.scrollHeight}px`);\n\n        Promise.all(getPanelAnimations(panel).map((animation) => animation.finished))\n          .then(() => {\n            if (panelRef() === panel && state.isExpanded()) {\n              setPanelSize(panel, \"auto\", \"auto\");\n            }\n          })\n          .catch(() => {});\n      } else {\n        setPanelSize(panel, `${panel.scrollWidth}px`, `${panel.scrollHeight}px`);\n\n        // Force style recalculation before animating to zero.\n        window.getComputedStyle(panel).height;\n\n        setPanelSize(panel, \"0px\", \"0px\");\n\n        Promise.all(getPanelAnimations(panel).map((animation) => animation.finished))\n          .then(() => {\n            if (panelRef() === panel && !state.isExpanded()) {\n              panel.setAttribute(\"hidden\", \"until-found\");\n            }\n          })\n          .catch(() => {});\n      }\n    }\n\n    isExpandedRef = isExpanded;\n  });\n\n  onOwnedCleanup(cancelPendingRaf);\n\n  // Use createPress for proper interaction handling (matches Select/Menu pattern)\n  const { pressProps, isPressed } = createPress({\n    get isDisabled() {\n      return getProps().isDisabled;\n    },\n    onPressStart(event) {\n      if (event.pointerType === \"keyboard\") {\n        state.toggle();\n      }\n    },\n    onPress(event) {\n      if (event.pointerType !== \"keyboard\") {\n        state.toggle();\n      }\n    },\n  });\n\n  return {\n    isPressed,\n    // Button props - merge with pressProps for consistent interaction handling\n    // Using getter (not createMemo) to match createSelect pattern\n    get buttonProps(): JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n      const p = getProps();\n      return mergeProps(\n        pressProps as Record<string, unknown>,\n        {\n          id: triggerId,\n          type: \"button\",\n          \"aria-expanded\": state.isExpanded(),\n          \"aria-controls\": panelId,\n          disabled: p.isDisabled,\n        } as Record<string, unknown>,\n      ) as JSX.ButtonHTMLAttributes<HTMLButtonElement>;\n    },\n    // Panel props\n    get panelProps(): JSX.HTMLAttributes<HTMLElement> {\n      return {\n        id: panelId,\n        role: \"group\",\n        \"aria-labelledby\": triggerId,\n        \"aria-hidden\": state.isExpanded() ? \"false\" : \"true\",\n        hidden: getDisclosurePanelHiddenAttribute(state.isExpanded()),\n      };\n    },\n  };\n}\n","/**\n * createDisclosureGroup hook for Solidaria\n *\n * This is a local Solidaria composition helper. The pinned React Aria revision\n * has no disclosure-group ARIA hook.\n */\n\nimport type { JSX } from \"@solidjs/web\";\nimport { type DisclosureGroupState } from \"@proyecto-viviana/solid-stately\";\nimport { type MaybeAccessor } from \"../utils/reactivity\";\n\nexport interface AriaDisclosureGroupProps {\n  /** Whether the disclosure group is disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface DisclosureGroupAria {\n  /** Props for the disclosure group container. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides accessibility implementation for a group of disclosures (accordion).\n *\n * @example\n * ```tsx\n * import { createDisclosureGroup } from 'solidaria';\n * import { createDisclosureGroupState } from 'solid-stately';\n *\n * function Accordion(props) {\n *   const state = createDisclosureGroupState(props);\n *   const { groupProps } = createDisclosureGroup(props, state);\n *\n *   return (\n *     <div {...groupProps}>\n *       {props.children}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function createDisclosureGroup(\n  _props: MaybeAccessor<AriaDisclosureGroupProps>,\n  _state: DisclosureGroupState,\n): DisclosureGroupAria {\n  return {\n    get groupProps() {\n      return {};\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/disclosure.jsx

@@ -1,7 +1,20 @@
+/*
+* Copyright 2024 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/src/disclosure/useDisclosure.ts
+import { t as mergeProps } from "./mergeProps.jsx";
+import { t as onOwnedCleanup } from "./owner.jsx";
 import { t as createPress } from "./createPress.jsx";
-import { i as mergeProps$1 } from "./env.jsx";
 import { canUseDOM, createId } from "../ssr/index.jsx";
-import { createEffect, onCleanup } from "solid-js";
+import { createTrackedEffect } from "solid-js";
 //#region src/disclosure/createDisclosure.ts
 /**
 * createDisclosure hook for Solidaria
@@ -71,7 +84,8 @@ function createDisclosure(props, state, panelRef) {
 	const getPanelAnimations = (panel) => {
 		return typeof panel.getAnimations === "function" ? panel.getAnimations() : [];
 	};
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		if (!canUseDOM) return;
 		const panel = panelRef();
 		if (!panel) return;
@@ -84,40 +98,46 @@ function createDisclosure(props, state, panelRef) {
 			state.toggle();
 		};
 		panel.addEventListener("beforematch", handleBeforeMatch);
-		onCleanup(() => {
+		_s2Cleanups.push(() => {
 			panel.removeEventListener("beforematch", handleBeforeMatch);
 		});
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
-	createEffect(() => {
+	createTrackedEffect(() => {
 		if (!canUseDOM) return;
 		const panel = panelRef();
 		if (!panel) return;
 		const isExpanded = state.isExpanded();
 		cancelPendingRaf();
-		if (isExpandedRef === null || typeof panel.getAnimations !== "function") if (isExpanded) {
-			panel.removeAttribute("hidden");
-			setPanelSize(panel, "auto", "auto");
-		} else {
-			panel.setAttribute("hidden", "until-found");
-			setPanelSize(panel, "0px", "0px");
-		}
-		else if (isExpanded !== isExpandedRef) if (isExpanded) {
-			panel.removeAttribute("hidden");
-			setPanelSize(panel, `${panel.scrollWidth}px`, `${panel.scrollHeight}px`);
-			Promise.all(getPanelAnimations(panel).map((animation) => animation.finished)).then(() => {
-				if (panelRef() === panel && state.isExpanded()) setPanelSize(panel, "auto", "auto");
-			}).catch(() => {});
-		} else {
-			setPanelSize(panel, `${panel.scrollWidth}px`, `${panel.scrollHeight}px`);
-			window.getComputedStyle(panel).height;
-			setPanelSize(panel, "0px", "0px");
-			Promise.all(getPanelAnimations(panel).map((animation) => animation.finished)).then(() => {
-				if (panelRef() === panel && !state.isExpanded()) panel.setAttribute("hidden", "until-found");
-			}).catch(() => {});
+		if (isExpandedRef === null || typeof panel.getAnimations !== "function") {
+			if (isExpanded) {
+				panel.removeAttribute("hidden");
+				setPanelSize(panel, "auto", "auto");
+			} else {
+				panel.setAttribute("hidden", "until-found");
+				setPanelSize(panel, "0px", "0px");
+			}
+		} else if (isExpanded !== isExpandedRef) {
+			if (isExpanded) {
+				panel.removeAttribute("hidden");
+				setPanelSize(panel, `${panel.scrollWidth}px`, `${panel.scrollHeight}px`);
+				Promise.all(getPanelAnimations(panel).map((animation) => animation.finished)).then(() => {
+					if (panelRef() === panel && state.isExpanded()) setPanelSize(panel, "auto", "auto");
+				}).catch(() => {});
+			} else {
+				setPanelSize(panel, `${panel.scrollWidth}px`, `${panel.scrollHeight}px`);
+				window.getComputedStyle(panel).height;
+				setPanelSize(panel, "0px", "0px");
+				Promise.all(getPanelAnimations(panel).map((animation) => animation.finished)).then(() => {
+					if (panelRef() === panel && !state.isExpanded()) panel.setAttribute("hidden", "until-found");
+				}).catch(() => {});
+			}
 		}
 		isExpandedRef = isExpanded;
 	});
-	onCleanup(cancelPendingRaf);
+	onOwnedCleanup(cancelPendingRaf);
 	const { pressProps, isPressed } = createPress({
 		get isDisabled() {
 			return getProps().isDisabled;
@@ -133,7 +153,7 @@ function createDisclosure(props, state, panelRef) {
 		isPressed,
 		get buttonProps() {
 			const p = getProps();
-			return mergeProps$1(pressProps, {
+			return mergeProps(pressProps, {
 				id: triggerId,
 				type: "button",
 				"aria-expanded": state.isExpanded(),
@@ -146,7 +166,7 @@ function createDisclosure(props, state, panelRef) {
 				id: panelId,
 				role: "group",
 				"aria-labelledby": triggerId,
-				"aria-hidden": !state.isExpanded(),
+				"aria-hidden": state.isExpanded() ? "false" : "true",
 				hidden: getDisclosurePanelHiddenAttribute(state.isExpanded())
 			};
 		}