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

package/dist/Dialog.js

@@ -1,9 +1,24 @@
-import { DEFAULT_SLOT, filterDOMProps, useRenderProps } from "./utils.js";
+/*
+* Copyright 2022 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/Dialog.tsx
+import { DEFAULT_SLOT, Provider, filterDOMProps, useRenderProps } from "./utils.js";
 import { a as useOverlayTriggerState, i as useDialogTrigger, t as DialogTriggerContext } from "./contexts.js";
 import { ButtonContext } from "./Button.js";
-import { className, createComponent, effect, getNextElement, insert, mergeProps, runHydrationEvents, setAttribute, spread, template, use } from "solid-js/web";
-import { Match, Switch, createContext, createEffect, createMemo, createUniqueId, splitProps, useContext } from "solid-js";
-import { createDialog, createOverlayTrigger, focusSafely } from "@proyecto-viviana/solidaria";
+import { TextContext } from "./Text.js";
+import { OverlayContext } from "./Popover.js";
+import { className, createComponent, effect, getNextElement, insert, readShallow, ref, runHydrationEvents, scope, setAttribute, spread, template } from "@solidjs/web";
+import { Match, Switch, createContext, createMemo, createSignal, createTrackedEffect, createUniqueId, useContext } from "solid-js";
+import { createDialog, createOverlayTrigger, focusSafely, useIsHidden } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { createOverlayTriggerState } from "@proyecto-viviana/solid-stately";
 //#region src/Dialog.tsx
 /**
@@ -12,7 +27,13 @@ import { createOverlayTriggerState } from "@proyecto-viviana/solid-stately";
 * A headless dialog component that combines ARIA hooks.
 * Port of react-aria-components Dialog.
 */
-var _tmpl$ = /*#__PURE__*/ template(`<section>`), _tmpl$2 = /*#__PURE__*/ template(`<h1>`), _tmpl$3 = /*#__PURE__*/ template(`<h2>`), _tmpl$4 = /*#__PURE__*/ template(`<h3>`), _tmpl$5 = /*#__PURE__*/ template(`<h4>`), _tmpl$6 = /*#__PURE__*/ template(`<h5>`), _tmpl$7 = /*#__PURE__*/ template(`<h6>`);
+var _tmpl$ = /* @__PURE__ */ template(`<section>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<h1>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<h2>`);
+var _tmpl$4 = /* @__PURE__ */ template(`<h3>`);
+var _tmpl$5 = /* @__PURE__ */ template(`<h4>`);
+var _tmpl$6 = /* @__PURE__ */ template(`<h5>`);
+var _tmpl$7 = /* @__PURE__ */ template(`<h6>`);
 const DialogContext = createContext(null);
 /**
 * A DialogTrigger opens a dialog when a trigger element is pressed.
@@ -33,11 +54,11 @@ function DialogTrigger(props) {
 		},
 		onOpenChange: local.onOpenChange
 	});
-	let triggerRef = null;
+	const [triggerRef, setTriggerElement] = createSignal(null);
 	const triggerId = createUniqueId();
-	const triggerAria = createOverlayTrigger({ type: "dialog" }, state, () => triggerRef);
+	const triggerAria = createOverlayTrigger({ type: "dialog" }, state, triggerRef);
 	const restoreFocusToTrigger = () => {
-		const trigger = triggerRef;
+		const trigger = triggerRef();
 		if (!trigger?.isConnected) return;
 		const win = trigger.ownerDocument.defaultView ?? window;
 		win.requestAnimationFrame(() => {
@@ -61,21 +82,24 @@ function DialogTrigger(props) {
 			const wasOpen = state.isOpen();
 			state.toggle();
 			if (wasOpen) restoreFocusToTrigger();
-		}
+		},
+		point: state.point,
+		setPoint: state.setPoint
 	};
 	const setTriggerRef = (el) => {
 		if (!el) return;
-		if (!triggerRef || !triggerRef.isConnected) triggerRef = el;
+		if (!triggerRef()) setTriggerElement(el);
 	};
 	const contextValue = createMemo(() => ({
 		state: stateWithFocusRestore,
-		triggerRef: () => triggerRef,
+		triggerRef,
 		setTriggerRef,
 		triggerId,
 		triggerProps: triggerAria.triggerProps,
 		overlayProps: triggerAria.overlayProps
 	}));
-	return createComponent(DialogTriggerContext.Provider, {
+	if (useIsHidden()()) return null;
+	return createComponent(DialogTriggerContext, {
 		get value() {
 			return contextValue();
 		},
@@ -100,8 +124,11 @@ function Dialog(props) {
 		"aria-describedby"
 	]);
 	let dialogRef;
+	const setDialogRef = (element) => {
+		dialogRef = element;
+	};
 	const triggerContext = useContext(DialogTriggerContext);
-	const { dialogProps, titleProps } = createDialog({
+	const { dialogProps, titleProps, contentProps } = createDialog({
 		get role() {
 			return ariaProps.role;
 		},
@@ -117,6 +144,7 @@ function Dialog(props) {
 	}, () => dialogRef);
 	const titleId = () => titleProps()?.id;
 	const overlayState = useOverlayTriggerState();
+	const overlayFocus = useContext(OverlayContext);
 	const close = () => {
 		local.onClose?.();
 		if (overlayState) {
@@ -125,12 +153,14 @@ function Dialog(props) {
 		}
 		triggerContext?.state.close();
 	};
-	createEffect(() => {
-		if (!dialogRef || ariaProps["aria-label"] || ariaProps["aria-labelledby"]) return;
-		const labelledBy = dialogRef.getAttribute("aria-labelledby");
-		if (labelledBy && dialogRef.ownerDocument.getElementById(labelledBy)) return;
-		const trigger = triggerContext?.triggerRef();
-		if (trigger?.id) dialogRef.setAttribute("aria-labelledby", trigger.id);
+	const ariaLabelledBy = () => {
+		const p = dialogProps();
+		if (p["aria-labelledby"]) return p["aria-labelledby"];
+		if (p["aria-label"]) return;
+		return triggerContext?.triggerRef()?.id ?? triggerContext?.triggerId;
+	};
+	createTrackedEffect(() => {
+		overlayFocus?.setContain(true);
 	});
 	const renderValues = createMemo(() => ({ close }));
 	const renderProps = useRenderProps({
@@ -142,7 +172,7 @@ function Dialog(props) {
 		defaultClassName: "solidaria-Dialog"
 	}, renderValues);
 	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
-	return createComponent(DialogContext.Provider, {
+	return createComponent(DialogContext, {
 		get value() {
 			return {
 				close,
@@ -151,24 +181,40 @@ function Dialog(props) {
 		},
 		get children() {
 			var _el$ = getNextElement(_tmpl$);
-			var _ref$ = dialogRef;
-			typeof _ref$ === "function" ? use(_ref$, _el$) : dialogRef = _el$;
-			spread(_el$, mergeProps(dialogProps, domProps, {
-				get ["class"]() {
-					return renderProps.class();
-				},
-				get style() {
-					return renderProps.style();
+			ref(() => {
+				return setDialogRef;
+			}, _el$);
+			spread(_el$, [
+				() => {
+					return triggerContext?.overlayProps;
 				},
-				get slot() {
-					return local.slot;
+				dialogProps,
+				domProps,
+				{
+					get "aria-labelledby"() {
+						return ariaLabelledBy();
+					},
+					get "class"() {
+						return renderProps.class();
+					},
+					get style() {
+						return renderProps.style();
+					},
+					get slot() {
+						return local.slot;
+					}
 				}
-			}), false, true);
-			insert(_el$, createComponent(ButtonContext.Provider, {
-				value: { slots: {
+			], true);
+			insert(_el$, createComponent(Provider, {
+				values: [[TextContext, { slots: {
+					[DEFAULT_SLOT]: {},
+					get description() {
+						return contentProps();
+					}
+				} }], [ButtonContext, { slots: {
 					[DEFAULT_SLOT]: {},
 					close: { onPress: () => close() }
-				} },
+				} }]],
 				get children() {
 					return renderProps.renderChildren();
 				}
@@ -187,7 +233,10 @@ function Heading(props) {
 	const level = () => props.level ?? 2;
 	const id = () => dialogContext?.titleId;
 	let headingRef;
-	createEffect(() => {
+	const setHeadingRef = (element) => {
+		headingRef = element;
+	};
+	createTrackedEffect(() => {
 		const el = headingRef;
 		if (!el) return;
 		const contextId = id();
@@ -208,17 +257,20 @@ function Heading(props) {
 				},
 				get children() {
 					var _el$2 = getNextElement(_tmpl$2);
-					var _ref$2 = headingRef;
-					typeof _ref$2 === "function" ? use(_ref$2, _el$2) : headingRef = _el$2;
-					insert(_el$2, () => props.children);
-					effect((_p$) => {
-						var _v$ = id(), _v$2 = props.class;
-						_v$ !== _p$.e && setAttribute(_el$2, "id", _p$.e = _v$);
-						_v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
-						return _p$;
-					}, {
-						e: void 0,
-						t: void 0
+					ref(() => {
+						return setHeadingRef;
+					}, _el$2);
+					insert(_el$2, scope(() => {
+						return props.children;
+					}));
+					effect(() => {
+						return {
+							e: id(),
+							t: readShallow(props.class)
+						};
+					}, ({ e, t }, _p$) => {
+						e !== _p$?.e && setAttribute(_el$2, "id", e);
+						className(_el$2, t, _p$?.t);
 					});
 					return _el$2;
 				}
@@ -229,17 +281,20 @@ function Heading(props) {
 				},
 				get children() {
 					var _el$3 = getNextElement(_tmpl$3);
-					var _ref$3 = headingRef;
-					typeof _ref$3 === "function" ? use(_ref$3, _el$3) : headingRef = _el$3;
-					insert(_el$3, () => props.children);
-					effect((_p$) => {
-						var _v$3 = id(), _v$4 = props.class;
-						_v$3 !== _p$.e && setAttribute(_el$3, "id", _p$.e = _v$3);
-						_v$4 !== _p$.t && className(_el$3, _p$.t = _v$4);
-						return _p$;
-					}, {
-						e: void 0,
-						t: void 0
+					ref(() => {
+						return setHeadingRef;
+					}, _el$3);
+					insert(_el$3, scope(() => {
+						return props.children;
+					}));
+					effect(() => {
+						return {
+							e: id(),
+							t: readShallow(props.class)
+						};
+					}, ({ e, t }, _p$) => {
+						e !== _p$?.e && setAttribute(_el$3, "id", e);
+						className(_el$3, t, _p$?.t);
 					});
 					return _el$3;
 				}
@@ -250,17 +305,20 @@ function Heading(props) {
 				},
 				get children() {
 					var _el$4 = getNextElement(_tmpl$4);
-					var _ref$4 = headingRef;
-					typeof _ref$4 === "function" ? use(_ref$4, _el$4) : headingRef = _el$4;
-					insert(_el$4, () => props.children);
-					effect((_p$) => {
-						var _v$5 = id(), _v$6 = props.class;
-						_v$5 !== _p$.e && setAttribute(_el$4, "id", _p$.e = _v$5);
-						_v$6 !== _p$.t && className(_el$4, _p$.t = _v$6);
-						return _p$;
-					}, {
-						e: void 0,
-						t: void 0
+					ref(() => {
+						return setHeadingRef;
+					}, _el$4);
+					insert(_el$4, scope(() => {
+						return props.children;
+					}));
+					effect(() => {
+						return {
+							e: id(),
+							t: readShallow(props.class)
+						};
+					}, ({ e, t }, _p$) => {
+						e !== _p$?.e && setAttribute(_el$4, "id", e);
+						className(_el$4, t, _p$?.t);
 					});
 					return _el$4;
 				}
@@ -271,17 +329,20 @@ function Heading(props) {
 				},
 				get children() {
 					var _el$5 = getNextElement(_tmpl$5);
-					var _ref$5 = headingRef;
-					typeof _ref$5 === "function" ? use(_ref$5, _el$5) : headingRef = _el$5;
-					insert(_el$5, () => props.children);
-					effect((_p$) => {
-						var _v$7 = id(), _v$8 = props.class;
-						_v$7 !== _p$.e && setAttribute(_el$5, "id", _p$.e = _v$7);
-						_v$8 !== _p$.t && className(_el$5, _p$.t = _v$8);
-						return _p$;
-					}, {
-						e: void 0,
-						t: void 0
+					ref(() => {
+						return setHeadingRef;
+					}, _el$5);
+					insert(_el$5, scope(() => {
+						return props.children;
+					}));
+					effect(() => {
+						return {
+							e: id(),
+							t: readShallow(props.class)
+						};
+					}, ({ e, t }, _p$) => {
+						e !== _p$?.e && setAttribute(_el$5, "id", e);
+						className(_el$5, t, _p$?.t);
 					});
 					return _el$5;
 				}
@@ -292,17 +353,20 @@ function Heading(props) {
 				},
 				get children() {
 					var _el$6 = getNextElement(_tmpl$6);
-					var _ref$6 = headingRef;
-					typeof _ref$6 === "function" ? use(_ref$6, _el$6) : headingRef = _el$6;
-					insert(_el$6, () => props.children);
-					effect((_p$) => {
-						var _v$9 = id(), _v$0 = props.class;
-						_v$9 !== _p$.e && setAttribute(_el$6, "id", _p$.e = _v$9);
-						_v$0 !== _p$.t && className(_el$6, _p$.t = _v$0);
-						return _p$;
-					}, {
-						e: void 0,
-						t: void 0
+					ref(() => {
+						return setHeadingRef;
+					}, _el$6);
+					insert(_el$6, scope(() => {
+						return props.children;
+					}));
+					effect(() => {
+						return {
+							e: id(),
+							t: readShallow(props.class)
+						};
+					}, ({ e, t }, _p$) => {
+						e !== _p$?.e && setAttribute(_el$6, "id", e);
+						className(_el$6, t, _p$?.t);
 					});
 					return _el$6;
 				}
@@ -313,17 +377,20 @@ function Heading(props) {
 				},
 				get children() {
 					var _el$7 = getNextElement(_tmpl$7);
-					var _ref$7 = headingRef;
-					typeof _ref$7 === "function" ? use(_ref$7, _el$7) : headingRef = _el$7;
-					insert(_el$7, () => props.children);
-					effect((_p$) => {
-						var _v$1 = id(), _v$10 = props.class;
-						_v$1 !== _p$.e && setAttribute(_el$7, "id", _p$.e = _v$1);
-						_v$10 !== _p$.t && className(_el$7, _p$.t = _v$10);
-						return _p$;
-					}, {
-						e: void 0,
-						t: void 0
+					ref(() => {
+						return setHeadingRef;
+					}, _el$7);
+					insert(_el$7, scope(() => {
+						return props.children;
+					}));
+					effect(() => {
+						return {
+							e: id(),
+							t: readShallow(props.class)
+						};
+					}, ({ e, t }, _p$) => {
+						e !== _p$?.e && setAttribute(_el$7, "id", e);
+						className(_el$7, t, _p$?.t);
 					});
 					return _el$7;
 				}

package/dist/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["JSX","createContext","createEffect","createMemo","createUniqueId","splitProps","useContext","Switch","Match","createDialog","createOverlayTrigger","focusSafely","AriaDialogProps","createOverlayTriggerState","OverlayTriggerState","DialogTriggerContext","useOverlayTriggerState","ButtonContext","DEFAULT_SLOT","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","DialogRenderProps","close","DialogProps","Omit","children","class","style","onClose","DialogTriggerProps","Element","isOpen","defaultOpen","onOpenChange","DialogContextValue","titleId","DialogContext","useDialogTrigger","DialogTrigger","props","local","state","triggerRef","HTMLElement","triggerId","triggerAria","type","restoreFocusToTrigger","trigger","isConnected","win","ownerDocument","defaultView","window","requestAnimationFrame","stateWithFocusRestore","setOpen","open","toggle","wasOpen","setTriggerRef","el","contextValue","triggerProps","overlayProps","_$createComponent","Provider","value","Dialog","ariaProps","rest","dialogRef","triggerContext","dialogProps","titleProps","role","aria-label","aria-labelledby","aria-describedby","id","overlayState","labelledBy","getAttribute","getElementById","setAttribute","renderValues","renderProps","defaultClassName","domProps","Record","global","_el$","_$getNextElement","_tmpl$","_ref$","_$use","_$spread","_$mergeProps","slot","_$insert","slots","onPress","renderChildren","_$runHydrationEvents","HeadingProps","level","Heading","dialogContext","headingRef","HTMLHeadingElement","contextId","dialog","closest","when","_el$2","_tmpl$2","_ref$2","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","_$className","undefined","_el$3","_tmpl$3","_ref$3","_v$3","_v$4","_el$4","_tmpl$4","_ref$4","_v$5","_v$6","_el$5","_tmpl$5","_ref$5","_v$7","_v$8","_el$6","_tmpl$6","_ref$6","_v$9","_v$0","_el$7","_tmpl$7","_ref$7","_v$1","_v$10","DialogHeading"],"sources":["../src/Dialog.tsx"],"sourcesContent":["/**\n * Dialog component for solidaria-components\n *\n * A headless dialog component that combines ARIA hooks.\n * Port of react-aria-components Dialog.\n */\n\nimport {\n  type JSX,\n  createContext,\n  createEffect,\n  createMemo,\n  createUniqueId,\n  splitProps,\n  useContext,\n  Switch,\n  Match,\n} from \"solid-js\";\nimport {\n  createDialog,\n  createOverlayTrigger,\n  focusSafely,\n  type AriaDialogProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createOverlayTriggerState,\n  type OverlayTriggerState,\n} from \"@proyecto-viviana/solid-stately\";\nimport { DialogTriggerContext, useOverlayTriggerState } from \"./contexts\";\nimport { ButtonContext } from \"./Button\";\nimport {\n  DEFAULT_SLOT,\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\nexport interface DialogRenderProps {\n  /** Function to close the dialog */\n  close: () => void;\n}\n\nexport interface DialogProps extends Omit<AriaDialogProps, \"class\" | \"style\">, SlotProps {\n  /** The children of the component - can be JSX or render function. */\n  children?: RenderChildren<DialogRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DialogRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DialogRenderProps>;\n  /** Callback when dialog should close */\n  onClose?: () => void;\n}\n\nexport interface DialogTriggerProps {\n  /** The children - should include a trigger and modal/popover content. */\n  children: JSX.Element;\n  /** Whether the dialog is open (controlled). */\n  isOpen?: boolean;\n  /** Whether the dialog is open by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Callback when open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\ninterface DialogContextValue {\n  close: () => void;\n  titleId?: string;\n}\n\nexport const DialogContext = createContext<DialogContextValue | null>(null);\n\nexport { DialogTriggerContext, useDialogTrigger } from \"./contexts\";\n\n/**\n * A DialogTrigger opens a dialog when a trigger element is pressed.\n * Children should include a trigger element (e.g. Button) and the dialog content.\n */\nexport function DialogTrigger(props: DialogTriggerProps): JSX.Element {\n  const [local] = splitProps(props, [\"isOpen\", \"defaultOpen\", \"onOpenChange\"]);\n\n  const state = createOverlayTriggerState({\n    get isOpen() {\n      return local.isOpen;\n    },\n    get defaultOpen() {\n      return local.defaultOpen;\n    },\n    onOpenChange: local.onOpenChange,\n  });\n\n  let triggerRef: HTMLElement | null = null;\n  const triggerId = createUniqueId();\n\n  // Create overlay trigger props so registered trigger components can expose\n  // the same expanded/controls relationship as React Aria DialogTrigger.\n  const triggerAria = createOverlayTrigger({ type: \"dialog\" }, state, () => triggerRef);\n\n  const restoreFocusToTrigger = () => {\n    const trigger = triggerRef;\n    if (!trigger?.isConnected) return;\n\n    const win = trigger.ownerDocument.defaultView ?? window;\n    win.requestAnimationFrame(() => {\n      win.requestAnimationFrame(() => {\n        if (trigger.isConnected && !state.isOpen()) {\n          focusSafely(trigger);\n        }\n      });\n    });\n  };\n\n  const stateWithFocusRestore: OverlayTriggerState = {\n    isOpen: state.isOpen,\n    setOpen: (isOpen) => {\n      state.setOpen(isOpen);\n      if (!isOpen) {\n        restoreFocusToTrigger();\n      }\n    },\n    open: state.open,\n    close: () => {\n      state.close();\n      restoreFocusToTrigger();\n    },\n    toggle: () => {\n      const wasOpen = state.isOpen();\n      state.toggle();\n      if (wasOpen) {\n        restoreFocusToTrigger();\n      }\n    },\n  };\n\n  const setTriggerRef = (el: HTMLElement | null) => {\n    if (!el) return;\n    if (!triggerRef || !triggerRef.isConnected) {\n      triggerRef = el;\n    }\n  };\n\n  // Context value - memoized to avoid unnecessary re-renders\n  const contextValue = createMemo(() => ({\n    state: stateWithFocusRestore,\n    triggerRef: () => triggerRef,\n    setTriggerRef,\n    triggerId,\n    triggerProps: triggerAria.triggerProps,\n    overlayProps: triggerAria.overlayProps,\n  }));\n\n  // In SolidJS, we simply render children directly within the provider\n  return (\n    <DialogTriggerContext.Provider value={contextValue()}>\n      {props.children}\n    </DialogTriggerContext.Provider>\n  );\n}\n\n/**\n * A dialog is an overlay shown above other content in an application.\n */\nexport function Dialog(props: DialogProps): JSX.Element {\n  const [local, ariaProps, rest] = splitProps(\n    props,\n    [\"class\", \"style\", \"slot\", \"onClose\"],\n    [\"role\", \"aria-label\", \"aria-labelledby\", \"aria-describedby\"],\n  );\n\n  let dialogRef!: HTMLElement;\n\n  // Get trigger context for aria-labelledby fallback\n  const triggerContext = useContext(DialogTriggerContext);\n\n  // createDialog returns dialogProps AND titleProps (with the id for the Heading)\n  const { dialogProps, titleProps } = createDialog(\n    {\n      get role() {\n        return ariaProps.role;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get \"aria-describedby\"() {\n        return ariaProps[\"aria-describedby\"];\n      },\n    },\n    () => dialogRef,\n  );\n\n  // Get titleId from titleProps - this links Dialog's aria-labelledby to Heading's id\n  const titleId = () => titleProps()?.id as string | undefined;\n\n  // Get close function from OverlayTriggerState context or onClose prop\n  const overlayState = useOverlayTriggerState();\n\n  const close = () => {\n    local.onClose?.();\n    if (overlayState) {\n      overlayState.close();\n      return;\n    }\n    triggerContext?.state.close();\n  };\n\n  createEffect(() => {\n    if (!dialogRef || ariaProps[\"aria-label\"] || ariaProps[\"aria-labelledby\"]) return;\n    const labelledBy = dialogRef.getAttribute(\"aria-labelledby\");\n    if (labelledBy && dialogRef.ownerDocument.getElementById(labelledBy)) return;\n\n    const trigger = triggerContext?.triggerRef();\n    if (trigger?.id) {\n      dialogRef.setAttribute(\"aria-labelledby\", trigger.id);\n    }\n  });\n\n  const renderValues = createMemo<DialogRenderProps>(() => ({\n    close,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Dialog\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  return (\n    <DialogContext.Provider value={{ close, titleId: titleId() }}>\n      <section\n        {...dialogProps()}\n        {...domProps()}\n        ref={dialogRef}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        slot={local.slot}\n      >\n        <ButtonContext.Provider\n          value={{ slots: { [DEFAULT_SLOT]: {}, close: { onPress: () => close() } } }}\n        >\n          {renderProps.renderChildren()}\n        </ButtonContext.Provider>\n      </section>\n    </DialogContext.Provider>\n  );\n}\n\nexport interface HeadingProps {\n  /** The children of the heading. */\n  children: JSX.Element;\n  /** The CSS className. */\n  class?: string;\n  /** The heading level (1-6). Defaults to 2. */\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** The slot to render into. */\n  slot?: string;\n}\n\n/**\n * Heading element for dialog title.\n * When rendered inside a Dialog, automatically gets the titleProps.\n */\nexport function Heading(props: HeadingProps): JSX.Element {\n  const dialogContext = useContext(DialogContext);\n  const level = () => props.level ?? 2;\n  const id = () => dialogContext?.titleId;\n  let headingRef: HTMLHeadingElement | undefined;\n\n  createEffect(() => {\n    const el = headingRef;\n    if (!el) return;\n\n    const contextId = id();\n    if (contextId) {\n      el.id = contextId;\n      return;\n    }\n\n    if (!el.id) {\n      const dialog = el.closest('[role=\"dialog\"],[role=\"alertdialog\"]');\n      const labelledBy = dialog?.getAttribute(\"aria-labelledby\");\n      if (labelledBy && !el.ownerDocument.getElementById(labelledBy)) {\n        el.id = labelledBy;\n      }\n    }\n  });\n\n  return (\n    <Switch>\n      <Match when={level() === 1}>\n        <h1 ref={headingRef} id={id()} class={props.class}>\n          {props.children}\n        </h1>\n      </Match>\n      <Match when={level() === 2}>\n        <h2 ref={headingRef} id={id()} class={props.class}>\n          {props.children}\n        </h2>\n      </Match>\n      <Match when={level() === 3}>\n        <h3 ref={headingRef} id={id()} class={props.class}>\n          {props.children}\n        </h3>\n      </Match>\n      <Match when={level() === 4}>\n        <h4 ref={headingRef} id={id()} class={props.class}>\n          {props.children}\n        </h4>\n      </Match>\n      <Match when={level() === 5}>\n        <h5 ref={headingRef} id={id()} class={props.class}>\n          {props.children}\n        </h5>\n      </Match>\n      <Match when={level() === 6}>\n        <h6 ref={headingRef} id={id()} class={props.class}>\n          {props.children}\n        </h6>\n      </Match>\n    </Switch>\n  );\n}\n\n// Keep backward compatibility\nexport { Heading as DialogHeading };\n"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","names":["<DialogTriggerContext value={contextValue()}>{props.children}</DialogTriggerContext>","<DialogContext value={{ close, titleId: titleId() }}>\n      <section\n        {...triggerContext?.overlayProps}\n        {...dialogProps()}\n        {...domProps()}\n        aria-labelledby={ariaLabelledBy()}\n        ref={setDialogRef}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        slot={local.slot}\n      >\n        <Provider\n          values={\n            [\n              [\n                TextContext,\n                {\n                  slots: {\n                    [DEFAULT_SLOT]: {},\n                    get description() {\n                      return contentProps();\n                    },\n                  },\n                },\n              ],\n              [ButtonContext, { slots: { [DEFAULT_SLOT]: {}, close: { onPress: () => close() } } }],\n            ] as Array<[Context<unknown>, unknown]>\n          }\n        >\n          {renderProps.renderChildren()}\n        </Provider>\n      </section>\n    </DialogContext>","ref={setDialogRef}","<Provider\n          values={\n            [\n              [\n                TextContext,\n                {\n                  slots: {\n                    [DEFAULT_SLOT]: {},\n                    get description() {\n                      return contentProps();\n                    },\n                  },\n                },\n              ],\n              [ButtonContext, { slots: { [DEFAULT_SLOT]: {}, close: { onPress: () => close() } } }],\n            ] as Array<[Context<unknown>, unknown]>\n          }\n        >\n          {renderProps.renderChildren()}\n        </Provider>","values={\n            [\n              [\n                TextContext,\n                {\n                  slots: {\n                    [DEFAULT_SLOT]: {},\n                    get description() {\n                      return contentProps();\n                    },\n                  },\n                },\n              ],\n              [ButtonContext, { slots: { [DEFAULT_SLOT]: {}, close: { onPress: () => close() } } }],\n            ] as Array<[Context<unknown>, unknown]>\n          }","<section\n        {...triggerContext?.overlayProps}\n        {...dialogProps()}\n        {...domProps()}\n        aria-labelledby={ariaLabelledBy()}\n        ref={setDialogRef}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        slot={local.slot}\n      >\n        <Provider\n          values={\n            [\n              [\n                TextContext,\n                {\n                  slots: {\n                    [DEFAULT_SLOT]: {},\n                    get description() {\n                      return contentProps();\n                    },\n                  },\n                },\n              ],\n              [ButtonContext, { slots: { [DEFAULT_SLOT]: {}, close: { onPress: () => close() } } }],\n            ] as Array<[Context<unknown>, unknown]>\n          }\n        >\n          {renderProps.renderChildren()}\n        </Provider>\n      </section>","<Switch>\n      <Match when={level() === 1}>\n        <h1 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h1>\n      </Match>\n      <Match when={level() === 2}>\n        <h2 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h2>\n      </Match>\n      <Match when={level() === 3}>\n        <h3 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h3>\n      </Match>\n      <Match when={level() === 4}>\n        <h4 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h4>\n      </Match>\n      <Match when={level() === 5}>\n        <h5 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h5>\n      </Match>\n      <Match when={level() === 6}>\n        <h6 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h6>\n      </Match>\n    </Switch>","<Match when={level() === 1}>\n        <h1 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h1>\n      </Match>","ref={setHeadingRef}","{props.children}","class={props.class}","<h1 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h1>","<Match when={level() === 2}>\n        <h2 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h2>\n      </Match>","<h2 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h2>","<Match when={level() === 3}>\n        <h3 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h3>\n      </Match>","<h3 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h3>","<Match when={level() === 4}>\n        <h4 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h4>\n      </Match>","<h4 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h4>","<Match when={level() === 5}>\n        <h5 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h5>\n      </Match>","<h5 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h5>","<Match when={level() === 6}>\n        <h6 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h6>\n      </Match>","<h6 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h6>"],"sources":["../src/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2022 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-components/src/Dialog.tsx\n\n/**\n * Dialog component for solidaria-components\n *\n * A headless dialog component that combines ARIA hooks.\n * Port of react-aria-components Dialog.\n */\n\nimport {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  useContext,\n  Switch,\n  Match,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { Context } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createDialog,\n  createOverlayTrigger,\n  focusSafely,\n  useIsHidden,\n  type AriaDialogProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createOverlayTriggerState,\n  type OverlayTriggerState,\n} from \"@proyecto-viviana/solid-stately\";\nimport { DialogTriggerContext, useOverlayTriggerState } from \"./contexts\";\nimport { OverlayContext } from \"./Popover\";\nimport { ButtonContext } from \"./Button\";\nimport { TextContext } from \"./Text\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  DEFAULT_SLOT,\n  Provider,\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\nexport interface DialogRenderProps {\n  /** Function to close the dialog */\n  close: () => void;\n}\n\nexport interface DialogProps extends Omit<AriaDialogProps, \"class\" | \"style\">, SlotProps {\n  /** The children of the component - can be JSX or render function. */\n  children?: RenderChildren<DialogRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DialogRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DialogRenderProps>;\n  /** Callback when dialog should close */\n  onClose?: () => void;\n}\n\nexport interface DialogTriggerProps {\n  /** The children - should include a trigger and modal/popover content. */\n  children: JSX.Element;\n  /** Whether the dialog is open (controlled). */\n  isOpen?: boolean;\n  /** Whether the dialog is open by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Callback when open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\ninterface DialogContextValue {\n  close: () => void;\n  titleId?: string;\n}\n\nexport const DialogContext = createContext<DialogContextValue | null>(null);\n\nexport { DialogTriggerContext, useDialogTrigger } from \"./contexts\";\n\n/**\n * A DialogTrigger opens a dialog when a trigger element is pressed.\n * Children should include a trigger element (e.g. Button) and the dialog content.\n */\nexport function DialogTrigger(props: DialogTriggerProps): JSX.Element | null {\n  const [local] = splitProps(props, [\"isOpen\", \"defaultOpen\", \"onOpenChange\"]);\n\n  const state = createOverlayTriggerState({\n    get isOpen() {\n      return local.isOpen;\n    },\n    get defaultOpen() {\n      return local.defaultOpen;\n    },\n    onOpenChange: local.onOpenChange,\n  });\n\n  // A signal, so a consumer reading `triggerRef()` (e.g. the dialog's\n  // trigger-label fallback) re-reads once the trigger mounts.\n  const [triggerRef, setTriggerElement] = createSignal<HTMLElement | null>(null);\n  const triggerId = createUniqueId();\n\n  // Create overlay trigger props so registered trigger components can expose\n  // the same expanded/controls relationship as React Aria DialogTrigger.\n  const triggerAria = createOverlayTrigger({ type: \"dialog\" }, state, triggerRef);\n\n  const restoreFocusToTrigger = () => {\n    const trigger = triggerRef();\n    if (!trigger?.isConnected) return;\n\n    const win = trigger.ownerDocument.defaultView ?? window;\n    win.requestAnimationFrame(() => {\n      win.requestAnimationFrame(() => {\n        if (trigger.isConnected && !state.isOpen()) {\n          focusSafely(trigger);\n        }\n      });\n    });\n  };\n\n  const stateWithFocusRestore: OverlayTriggerState = {\n    isOpen: state.isOpen,\n    setOpen: (isOpen) => {\n      state.setOpen(isOpen);\n      if (!isOpen) {\n        restoreFocusToTrigger();\n      }\n    },\n    open: state.open,\n    close: () => {\n      state.close();\n      restoreFocusToTrigger();\n    },\n    toggle: () => {\n      const wasOpen = state.isOpen();\n      state.toggle();\n      if (wasOpen) {\n        restoreFocusToTrigger();\n      }\n    },\n    point: state.point,\n    setPoint: state.setPoint,\n  };\n\n  const setTriggerRef = (el: HTMLElement | null) => {\n    if (!el) return;\n    // First registrant wins. Replacing a not-yet-connected trigger lets a later\n    // CloseButton steal ownership during defaultOpen (both refs fire before\n    // either node is in the document), then close+toggle reopens the dialog.\n    if (!triggerRef()) {\n      setTriggerElement(el);\n    }\n  };\n\n  // Context value - memoized to avoid unnecessary re-renders\n  const contextValue = createMemo(() => ({\n    state: stateWithFocusRestore,\n    triggerRef,\n    setTriggerRef,\n    triggerId,\n    triggerProps: triggerAria.triggerProps,\n    overlayProps: triggerAria.overlayProps,\n  }));\n\n  // If within a collection (e.g. Tabs), render nothing. Matches RAC DialogTrigger\n  // (`useIsHidden()` early return) so a hidden collection pass does not leak a\n  // duplicate trigger. Not using createHideableComponent: that also wraps a ref.\n  const isHidden = useIsHidden();\n  if (isHidden()) {\n    return null;\n  }\n\n  // In SolidJS, we simply render children directly within the provider\n  return <DialogTriggerContext value={contextValue()}>{props.children}</DialogTriggerContext>;\n}\n\n/**\n * A dialog is an overlay shown above other content in an application.\n */\nexport function Dialog(props: DialogProps): JSX.Element {\n  const [local, ariaProps, rest] = splitProps(\n    props,\n    [\"class\", \"style\", \"slot\", \"onClose\"],\n    [\"role\", \"aria-label\", \"aria-labelledby\", \"aria-describedby\"],\n  );\n\n  let dialogRef: HTMLElement | undefined;\n  const setDialogRef = (element: HTMLElement) => {\n    dialogRef = element;\n  };\n\n  // Get trigger context for aria-labelledby fallback\n  const triggerContext = useContext(DialogTriggerContext);\n\n  // createDialog returns the props that wire the dialog to its title and, for\n  // alertdialogs, its description content.\n  const { dialogProps, titleProps, contentProps } = createDialog(\n    {\n      get role() {\n        return ariaProps.role;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get \"aria-describedby\"() {\n        return ariaProps[\"aria-describedby\"];\n      },\n    },\n    () => dialogRef,\n  );\n\n  // Get titleId from titleProps - this links Dialog's aria-labelledby to Heading's id\n  const titleId = () => titleProps()?.id as string | undefined;\n\n  // Get close function from OverlayTriggerState context or onClose prop\n  const overlayState = useOverlayTriggerState();\n  const overlayFocus = useContext(OverlayContext);\n\n  const close = () => {\n    local.onClose?.();\n    if (overlayState) {\n      overlayState.close();\n      return;\n    }\n    triggerContext?.state.close();\n  };\n\n  // Label the dialog by its trigger when no title slot resolved. Mirrors RAC\n  // `Dialog`: the trigger id arrives by context, so it is a fallback only and a\n  // rendered title still wins. `createDialog`'s slot id clears itself when no\n  // element takes it, which is what makes the fallback reachable.\n  const ariaLabelledBy = () => {\n    const p = dialogProps();\n    if (p[\"aria-labelledby\"]) {\n      return p[\"aria-labelledby\"] as string;\n    }\n    if (p[\"aria-label\"]) {\n      return undefined;\n    }\n    return triggerContext?.triggerRef()?.id ?? triggerContext?.triggerId;\n  };\n\n  // RAC useDialog → useOverlayFocusContain: a nested Dialog still contains\n  // focus when the parent Popover is not itself the dialog.\n  createTrackedEffect(() => {\n    overlayFocus?.setContain(true);\n  });\n\n  const renderValues = createMemo<DialogRenderProps>(() => ({\n    close,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Dialog\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  return (\n    <DialogContext value={{ close, titleId: titleId() }}>\n      <section\n        {...triggerContext?.overlayProps}\n        {...dialogProps()}\n        {...domProps()}\n        aria-labelledby={ariaLabelledBy()}\n        ref={setDialogRef}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        slot={local.slot}\n      >\n        <Provider\n          values={\n            [\n              [\n                TextContext,\n                {\n                  slots: {\n                    [DEFAULT_SLOT]: {},\n                    get description() {\n                      return contentProps();\n                    },\n                  },\n                },\n              ],\n              [ButtonContext, { slots: { [DEFAULT_SLOT]: {}, close: { onPress: () => close() } } }],\n            ] as Array<[Context<unknown>, unknown]>\n          }\n        >\n          {renderProps.renderChildren()}\n        </Provider>\n      </section>\n    </DialogContext>\n  );\n}\n\nexport interface HeadingProps {\n  /** The children of the heading. */\n  children: JSX.Element;\n  /** The CSS className. */\n  class?: string;\n  /** The heading level (1-6). Defaults to 2. */\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** The slot to render into. */\n  slot?: string;\n}\n\n/**\n * Heading element for dialog title.\n * When rendered inside a Dialog, automatically gets the titleProps.\n */\nexport function Heading(props: HeadingProps): JSX.Element {\n  const dialogContext = useContext(DialogContext);\n  const level = () => props.level ?? 2;\n  const id = () => dialogContext?.titleId;\n  let headingRef: HTMLHeadingElement | undefined;\n  const setHeadingRef = (element: HTMLHeadingElement) => {\n    headingRef = element;\n  };\n\n  createTrackedEffect(() => {\n    const el = headingRef;\n    if (!el) return;\n\n    const contextId = id();\n    if (contextId) {\n      el.id = contextId;\n      return;\n    }\n\n    if (!el.id) {\n      const dialog = el.closest('[role=\"dialog\"],[role=\"alertdialog\"]');\n      const labelledBy = dialog?.getAttribute(\"aria-labelledby\");\n      if (labelledBy && !el.ownerDocument.getElementById(labelledBy)) {\n        el.id = labelledBy;\n      }\n    }\n  });\n\n  return (\n    <Switch>\n      <Match when={level() === 1}>\n        <h1 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h1>\n      </Match>\n      <Match when={level() === 2}>\n        <h2 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h2>\n      </Match>\n      <Match when={level() === 3}>\n        <h3 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h3>\n      </Match>\n      <Match when={level() === 4}>\n        <h4 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h4>\n      </Match>\n      <Match when={level() === 5}>\n        <h5 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h5>\n      </Match>\n      <Match when={level() === 6}>\n        <h6 ref={setHeadingRef} id={id()} class={props.class}>\n          {props.children}\n        </h6>\n      </Match>\n    </Switch>\n  );\n}\n\n// Keep backward compatibility\nexport { Heading as DialogHeading };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FA,MAAa,gBAAgB,cAAyC,IAAI;;;;;AAQ1E,SAAgB,cAAc,OAA+C;CAC3E,MAAM,CAAC,SAAS,WAAW,OAAO;EAAC;EAAU;EAAe;CAAc,CAAC;CAE3E,MAAM,QAAQ,0BAA0B;EACtC,IAAI,SAAS;GACX,OAAO,MAAM;EACf;EACA,IAAI,cAAc;GAChB,OAAO,MAAM;EACf;EACA,cAAc,MAAM;CACtB,CAAC;CAID,MAAM,CAAC,YAAY,qBAAqB,aAAiC,IAAI;CAC7E,MAAM,YAAY,eAAe;CAIjC,MAAM,cAAc,qBAAqB,EAAE,MAAM,SAAS,GAAG,OAAO,UAAU;CAE9E,MAAM,8BAA8B;EAClC,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,SAAS,aAAa;EAE3B,MAAM,MAAM,QAAQ,cAAc,eAAe;EACjD,IAAI,4BAA4B;GAC9B,IAAI,4BAA4B;IAC9B,IAAI,QAAQ,eAAe,CAAC,MAAM,OAAO,GACvC,YAAY,OAAO;GAEvB,CAAC;EACH,CAAC;CACH;CAEA,MAAM,wBAA6C;EACjD,QAAQ,MAAM;EACd,UAAU,WAAW;GACnB,MAAM,QAAQ,MAAM;GACpB,IAAI,CAAC,QACH,sBAAsB;EAE1B;EACA,MAAM,MAAM;EACZ,aAAa;GACX,MAAM,MAAM;GACZ,sBAAsB;EACxB;EACA,cAAc;GACZ,MAAM,UAAU,MAAM,OAAO;GAC7B,MAAM,OAAO;GACb,IAAI,SACF,sBAAsB;EAE1B;EACA,OAAO,MAAM;EACb,UAAU,MAAM;CAClB;CAEA,MAAM,iBAAiB,OAA2B;EAChD,IAAI,CAAC,IAAI;EAIT,IAAI,CAAC,WAAW,GACd,kBAAkB,EAAE;CAExB;CAGA,MAAM,eAAe,kBAAkB;EACrC,OAAO;EACP;EACA;EACA;EACA,cAAc,YAAY;EAC1B,cAAc,YAAY;CAC5B,EAAE;CAMF,IADiB,YACb,CAAA,CAAS,GACX,OAAO;CAIT,OAAOA,gBAAAA,sBAAAA;EAAsB,IAAA,QAAA;GAAO,OAAA,aAAa;EAAC;EAA3C,IAAA,WAAA;GAA8C,OAAA,MAAM;EAA+B;;AAC5F;;;;AAKA,SAAgB,OAAO,OAAiC;CACtD,MAAM,CAAC,OAAO,WAAW,QAAQ,WAC/B,OACA;EAAC;EAAS;EAAS;EAAQ;CAAS,GACpC;EAAC;EAAQ;EAAc;EAAmB;CAAkB,CAC9D;CAEA,IAAI;CACJ,MAAM,gBAAgB,YAAyB;EAC7C,YAAY;CACd;CAGA,MAAM,iBAAiB,WAAW,oBAAoB;CAItD,MAAM,EAAE,aAAa,YAAY,iBAAiB,aAChD;EACE,IAAI,OAAO;GACT,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAO,UAAU;EACnB;EACA,IAAI,qBAAqB;GACvB,OAAO,UAAU;EACnB;CACF,SACM,SACR;CAGA,MAAM,gBAAgB,WAAW,CAAC,EAAE;CAGpC,MAAM,eAAe,uBAAuB;CAC5C,MAAM,eAAe,WAAW,cAAc;CAE9C,MAAM,cAAc;EAClB,MAAM,UAAU;EAChB,IAAI,cAAc;GAChB,aAAa,MAAM;GACnB;EACF;EACA,gBAAgB,MAAM,MAAM;CAC9B;CAMA,MAAM,uBAAuB;EAC3B,MAAM,IAAI,YAAY;EACtB,IAAI,EAAE,oBACJ,OAAO,EAAE;EAEX,IAAI,EAAE,eACJ;EAEF,OAAO,gBAAgB,WAAW,CAAC,EAAE,MAAM,gBAAgB;CAC7D;CAIA,0BAA0B;EACxB,cAAc,WAAW,IAAI;CAC/B,CAAC;CAED,MAAM,eAAe,kBAAqC,EACxD,MACF,EAAE;CAEF,MAAM,cAAc,eAClB;EACE,IAAI,WAAW;GACb,OAAO,MAAM;EACf;EACA,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,GACA,YACF;CAEA,MAAM,WAAW,iBACf,eAAe,MAAiC,EAAE,QAAQ,KAAK,CAAC,CAClE;CAEA,OACEC,gBAAAA,eAAAA;EAAe,IAAA,QAAA;GAAO,OAAA;IAAE;IAAO,SAAS,QAAQ;GAAE;EAAC;EAAnD,IAAA,WAAA;GACE,IAAA,OAAA,eAAA,MA8BS;GAzBP,UAAA;IAAK,OAAA;GAAY,GAAjBC,IAAiB;;UAJjB;KAAI,OAAA,gBAAgB;IAAY;IAC5B;IACA;;KACJ,IAAA,oBAAA;MAAiB,OAAA,eAAe;KAAC;KAEjC,IAAA,UAAA;MAAO,OAAA,YAAY,MAAM;KAAC;KAC1B,IAAA,QAAA;MAAO,OAAA,YAAY,MAAM;KAAC;KAC1B,IAAA,OAAA;MAAM,OAAA,MAAM;KAAI;;;GARlB,OAAA,MAUEC,gBAAAA,UAAAA;IACEC,QACE,CACE,CACE,aACA,EACE,OAAO;MACJ,eAAe,CAAC;KACjB,IAAI,cAAc;MAChB,OAAO,aAAa;KACtB;IACF,EACF,CACF,GACA,CAAC,eAAe,EAAE,OAAO;MAAG,eAAe,CAAC;KAAG,OAAO,EAAE,eAAe,MAAM,EAAE;IAAE,EAAE,CAAC,CACtF;IAfJ,IAAA,WAAA;KAkBG,OAAA,YAAY,eAAe;IACpB;GACH,CAAA,CAAA;GA9BT,mBA8BS;GA/BX,OACEC;EA+Ba;;AAEnB;;;;;AAiBA,SAAgB,QAAQ,OAAkC;CACxD,MAAM,gBAAgB,WAAW,aAAa;CAC9C,MAAM,cAAc,MAAM,SAAS;CACnC,MAAM,WAAW,eAAe;CAChC,IAAI;CACJ,MAAM,iBAAiB,YAAgC;EACrD,aAAa;CACf;CAEA,0BAA0B;EACxB,MAAM,KAAK;EACX,IAAI,CAAC,IAAI;EAET,MAAM,YAAY,GAAG;EACrB,IAAI,WAAW;GACb,GAAG,KAAK;GACR;EACF;EAEA,IAAI,CAAC,GAAG,IAAI;GAEV,MAAM,aADS,GAAG,QAAQ,0CACP,CAAA,EAAQ,aAAa,iBAAiB;GACzD,IAAI,cAAc,CAAC,GAAG,cAAc,eAAe,UAAU,GAC3D,GAAG,KAAK;EAEZ;CACF,CAAC;CAED,OACEC,gBAAAA,QAAAA,EAAAA,IAAAA,WAAAA;EAAQ,OAAA;GACNC,gBAAAA,OAAAA;IAAO,IAAA,OAAA;KAAM,OAAA,MAAM,MAAM;IAAC;IAA1B,IAAA,WAAA;KACE,IAAA,QAAA,eAAA,OAEI;KAFA,UAAA;MAAK,OAAA;KAAa,GAAlBC,KAAkB;KAAtB,OAAA,OACEC,YAAAA;MAAC,OAAA,MAAM;KAAQ,CAAA,CACb;KAFoB,aAAA;;OAAI,GAAA,GAAG;OAAGC,GAAAA,YAAO,MAAM,KAAK;MAApB;KAAR,IAAA,EAAA,GAAA,KAAA,QAAA;MAAQ,MAAA,KAAA,KAAA,aAAA,OAAA,MAAA,CAAA;MAAE,UAAA,OAAA,GAAA,KAAA,CAAkB;KAApB,CAAA;KADlC,OACEC;IAGK;;GACPC,gBAAAA,OAAAA;IAAO,IAAA,OAAA;KAAM,OAAA,MAAM,MAAM;IAAC;IAA1B,IAAA,WAAA;KACE,IAAA,QAAA,eAAA,OAEI;KAFA,UAAA;MAAK,OAAA;KAAa,GAAlBJ,KAAkB;KAAtB,OAAA,OACEC,YAAAA;MAAC,OAAA,MAAM;KAAQ,CAAA,CACb;KAFoB,aAAA;;OAAI,GAAA,GAAG;OAAGC,GAAAA,YAAO,MAAM,KAAK;MAApB;KAAR,IAAA,EAAA,GAAA,KAAA,QAAA;MAAQ,MAAA,KAAA,KAAA,aAAA,OAAA,MAAA,CAAA;MAAE,UAAA,OAAA,GAAA,KAAA,CAAkB;KAApB,CAAA;KADlC,OACEG;IAGK;;GACPC,gBAAAA,OAAAA;IAAO,IAAA,OAAA;KAAM,OAAA,MAAM,MAAM;IAAC;IAA1B,IAAA,WAAA;KACE,IAAA,QAAA,eAAA,OAEI;KAFA,UAAA;MAAK,OAAA;KAAa,GAAlBN,KAAkB;KAAtB,OAAA,OACEC,YAAAA;MAAC,OAAA,MAAM;KAAQ,CAAA,CACb;KAFoB,aAAA;;OAAI,GAAA,GAAG;OAAGC,GAAAA,YAAO,MAAM,KAAK;MAApB;KAAR,IAAA,EAAA,GAAA,KAAA,QAAA;MAAQ,MAAA,KAAA,KAAA,aAAA,OAAA,MAAA,CAAA;MAAE,UAAA,OAAA,GAAA,KAAA,CAAkB;KAApB,CAAA;KADlC,OACEK;IAGK;;GACPC,gBAAAA,OAAAA;IAAO,IAAA,OAAA;KAAM,OAAA,MAAM,MAAM;IAAC;IAA1B,IAAA,WAAA;KACE,IAAA,QAAA,eAAA,OAEI;KAFA,UAAA;MAAK,OAAA;KAAa,GAAlBR,KAAkB;KAAtB,OAAA,OACEC,YAAAA;MAAC,OAAA,MAAM;KAAQ,CAAA,CACb;KAFoB,aAAA;;OAAI,GAAA,GAAG;OAAGC,GAAAA,YAAO,MAAM,KAAK;MAApB;KAAR,IAAA,EAAA,GAAA,KAAA,QAAA;MAAQ,MAAA,KAAA,KAAA,aAAA,OAAA,MAAA,CAAA;MAAE,UAAA,OAAA,GAAA,KAAA,CAAkB;KAApB,CAAA;KADlC,OACEO;IAGK;;GACPC,gBAAAA,OAAAA;IAAO,IAAA,OAAA;KAAM,OAAA,MAAM,MAAM;IAAC;IAA1B,IAAA,WAAA;KACE,IAAA,QAAA,eAAA,OAEI;KAFA,UAAA;MAAK,OAAA;KAAa,GAAlBV,KAAkB;KAAtB,OAAA,OACEC,YAAAA;MAAC,OAAA,MAAM;KAAQ,CAAA,CACb;KAFoB,aAAA;;OAAI,GAAA,GAAG;OAAGC,GAAAA,YAAO,MAAM,KAAK;MAApB;KAAR,IAAA,EAAA,GAAA,KAAA,QAAA;MAAQ,MAAA,KAAA,KAAA,aAAA,OAAA,MAAA,CAAA;MAAE,UAAA,OAAA,GAAA,KAAA,CAAkB;KAApB,CAAA;KADlC,OACES;IAGK;;GACPC,gBAAAA,OAAAA;IAAO,IAAA,OAAA;KAAM,OAAA,MAAM,MAAM;IAAC;IAA1B,IAAA,WAAA;KACE,IAAA,QAAA,eAAA,OAEI;KAFA,UAAA;MAAK,OAAA;KAAa,GAAlBZ,KAAkB;KAAtB,OAAA,OACEC,YAAAA;MAAC,OAAA,MAAM;KAAQ,CAAA,CACb;KAFoB,aAAA;;OAAI,GAAA,GAAG;OAAGC,GAAAA,YAAO,MAAM,KAAK;MAApB;KAAR,IAAA,EAAA,GAAA,KAAA,QAAA;MAAQ,MAAA,KAAA,KAAA,aAAA,OAAA,MAAA,CAAA;MAAE,UAAA,OAAA,GAAA,KAAA,CAAkB;KAApB,CAAA;KADlC,OACEW;IAGK;;EA7BR;CA8BO,EAAA,CAAA;AAEZ"}