@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/Dialog.jsx

@@ -0,0 +1,192 @@
+import { DEFAULT_SLOT, filterDOMProps, useRenderProps } from "./utils.jsx";
+import { a as useOverlayTriggerState, i as useDialogTrigger, t as DialogTriggerContext } from "./contexts.jsx";
+import { ButtonContext } from "./Button.jsx";
+import { Match, Switch, createContext, createEffect, createMemo, createUniqueId, splitProps, useContext } from "solid-js";
+import { createDialog, createOverlayTrigger, focusSafely } from "@proyecto-viviana/solidaria";
+import { createOverlayTriggerState } from "@proyecto-viviana/solid-stately";
+//#region src/Dialog.tsx
+/**
+* Dialog component for solidaria-components
+*
+* A headless dialog component that combines ARIA hooks.
+* Port of react-aria-components Dialog.
+*/
+const DialogContext = createContext(null);
+/**
+* A DialogTrigger opens a dialog when a trigger element is pressed.
+* Children should include a trigger element (e.g. Button) and the dialog content.
+*/
+function DialogTrigger(props) {
+	const [local] = splitProps(props, [
+		"isOpen",
+		"defaultOpen",
+		"onOpenChange"
+	]);
+	const state = createOverlayTriggerState({
+		get isOpen() {
+			return local.isOpen;
+		},
+		get defaultOpen() {
+			return local.defaultOpen;
+		},
+		onOpenChange: local.onOpenChange
+	});
+	let triggerRef = null;
+	const triggerId = createUniqueId();
+	const triggerAria = createOverlayTrigger({ type: "dialog" }, state, () => triggerRef);
+	const restoreFocusToTrigger = () => {
+		const trigger = triggerRef;
+		if (!trigger?.isConnected) return;
+		const win = trigger.ownerDocument.defaultView ?? window;
+		win.requestAnimationFrame(() => {
+			win.requestAnimationFrame(() => {
+				if (trigger.isConnected && !state.isOpen()) focusSafely(trigger);
+			});
+		});
+	};
+	const stateWithFocusRestore = {
+		isOpen: state.isOpen,
+		setOpen: (isOpen) => {
+			state.setOpen(isOpen);
+			if (!isOpen) restoreFocusToTrigger();
+		},
+		open: state.open,
+		close: () => {
+			state.close();
+			restoreFocusToTrigger();
+		},
+		toggle: () => {
+			const wasOpen = state.isOpen();
+			state.toggle();
+			if (wasOpen) restoreFocusToTrigger();
+		}
+	};
+	const setTriggerRef = (el) => {
+		if (!el) return;
+		if (!triggerRef || !triggerRef.isConnected) triggerRef = el;
+	};
+	const contextValue = createMemo(() => ({
+		state: stateWithFocusRestore,
+		triggerRef: () => triggerRef,
+		setTriggerRef,
+		triggerId,
+		triggerProps: triggerAria.triggerProps,
+		overlayProps: triggerAria.overlayProps
+	}));
+	return <DialogTriggerContext.Provider value={contextValue()}>
+      {props.children}
+    </DialogTriggerContext.Provider>;
+}
+/**
+* A dialog is an overlay shown above other content in an application.
+*/
+function Dialog(props) {
+	const [local, ariaProps, rest] = splitProps(props, [
+		"class",
+		"style",
+		"slot",
+		"onClose"
+	], [
+		"role",
+		"aria-label",
+		"aria-labelledby",
+		"aria-describedby"
+	]);
+	let dialogRef;
+	const triggerContext = useContext(DialogTriggerContext);
+	const { dialogProps, titleProps } = createDialog({
+		get role() {
+			return ariaProps.role;
+		},
+		get "aria-label"() {
+			return ariaProps["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return ariaProps["aria-labelledby"];
+		},
+		get "aria-describedby"() {
+			return ariaProps["aria-describedby"];
+		}
+	}, () => dialogRef);
+	const titleId = () => titleProps()?.id;
+	const overlayState = useOverlayTriggerState();
+	const close = () => {
+		local.onClose?.();
+		if (overlayState) {
+			overlayState.close();
+			return;
+		}
+		triggerContext?.state.close();
+	};
+	createEffect(() => {});
+	const renderValues = createMemo(() => ({ close }));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-Dialog"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	return <DialogContext.Provider value={{
+		close,
+		titleId: titleId()
+	}}>
+      <section {...dialogProps()} {...domProps()} ref={dialogRef} class={renderProps.class()} style={renderProps.style()} slot={local.slot}>
+        <ButtonContext.Provider value={{ slots: {
+		[DEFAULT_SLOT]: {},
+		close: { onPress: () => close() }
+	} }}>
+          {renderProps.renderChildren()}
+        </ButtonContext.Provider>
+      </section>
+    </DialogContext.Provider>;
+}
+/**
+* Heading element for dialog title.
+* When rendered inside a Dialog, automatically gets the titleProps.
+*/
+function Heading(props) {
+	const dialogContext = useContext(DialogContext);
+	const level = () => props.level ?? 2;
+	const id = () => dialogContext?.titleId;
+	let headingRef;
+	createEffect(() => {});
+	return <Switch>
+      <Match when={level() === 1}>
+        <h1 ref={headingRef} id={id()} class={props.class}>
+          {props.children}
+        </h1>
+      </Match>
+      <Match when={level() === 2}>
+        <h2 ref={headingRef} id={id()} class={props.class}>
+          {props.children}
+        </h2>
+      </Match>
+      <Match when={level() === 3}>
+        <h3 ref={headingRef} id={id()} class={props.class}>
+          {props.children}
+        </h3>
+      </Match>
+      <Match when={level() === 4}>
+        <h4 ref={headingRef} id={id()} class={props.class}>
+          {props.children}
+        </h4>
+      </Match>
+      <Match when={level() === 5}>
+        <h5 ref={headingRef} id={id()} class={props.class}>
+          {props.children}
+        </h5>
+      </Match>
+      <Match when={level() === 6}>
+        <h6 ref={headingRef} id={id()} class={props.class}>
+          {props.children}
+        </h6>
+      </Match>
+    </Switch>;
+}
+//#endregion
+export { Dialog, DialogContext, Heading as DialogHeading, Heading, DialogTrigger, DialogTriggerContext, useDialogTrigger };
+
+//# sourceMappingURL=Dialog.jsx.map

package/dist/Dialog.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.jsx","names":[],"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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"}

package/dist/Disclosure.d.ts.map

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

package/dist/Disclosure.js

@@ -0,0 +1,328 @@
+import { dataAttr, filterDOMProps, useRenderProps } from "./utils.js";
+import { createComponent, getNextElement, insert, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
+import { createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
+import { createDisclosure, createDisclosureGroup, createFocusRing, mergeProps as mergeProps$2 } from "@proyecto-viviana/solidaria";
+import { createDisclosureGroupState, createDisclosureState } from "@proyecto-viviana/solid-stately";
+//#region src/Disclosure.tsx
+/**
+* Disclosure and Accordion components for solidaria-components
+*
+* Disclosure is a widget that can be toggled to show or hide content.
+* Accordion (DisclosureGroup) manages multiple disclosures with optional single-expand.
+*
+* Port of react-aria-components Disclosure.
+*/
+var _tmpl$ = /*#__PURE__*/ template(`<div>`), _tmpl$2 = /*#__PURE__*/ template(`<button>`);
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else if (typeof ref === "object" && "current" in ref) ref.current = el;
+}
+const DisclosureContext = createContext(null);
+const DisclosureStateContext = createContext(null);
+function useDisclosureContext() {
+	return useContext(DisclosureContext);
+}
+const DisclosureGroupContext = createContext(null);
+const DisclosureGroupStateContext = createContext(null);
+function useDisclosureGroupContext() {
+	return useContext(DisclosureGroupContext);
+}
+/**
+* DisclosureGroup manages a group of Disclosure components.
+* Use this to create an accordion where only one item can be expanded at a time.
+*
+* @example
+* ```tsx
+* <DisclosureGroup>
+*   <Disclosure id="item1">
+*     <DisclosureTrigger>Item 1</DisclosureTrigger>
+*     <DisclosurePanel>Content 1</DisclosurePanel>
+*   </Disclosure>
+*   <Disclosure id="item2">
+*     <DisclosureTrigger>Item 2</DisclosureTrigger>
+*     <DisclosurePanel>Content 2</DisclosurePanel>
+*   </Disclosure>
+* </DisclosureGroup>
+* ```
+*/
+function DisclosureGroup(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"style",
+		"allowsMultipleExpanded",
+		"isDisabled",
+		"expandedKeys",
+		"defaultExpandedKeys",
+		"onExpandedChange",
+		"ref"
+	]);
+	const state = createDisclosureGroupState(() => ({
+		allowsMultipleExpanded: local.allowsMultipleExpanded,
+		isDisabled: local.isDisabled,
+		expandedKeys: local.expandedKeys,
+		defaultExpandedKeys: local.defaultExpandedKeys,
+		onExpandedChange: local.onExpandedChange
+	}));
+	const { groupProps } = createDisclosureGroup(() => ({ isDisabled: local.isDisabled }), state);
+	const renderValues = createMemo(() => ({ isDisabled: state.isDisabled }));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-DisclosureGroup"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	const contextValue = { state };
+	const { ref: _ref, ...cleanGroupProps } = groupProps;
+	return createComponent(DisclosureGroupStateContext.Provider, {
+		value: state,
+		get children() {
+			return createComponent(DisclosureGroupContext.Provider, {
+				value: contextValue,
+				get children() {
+					var _el$ = getNextElement(_tmpl$);
+					use((el) => assignRef(local.ref, el), _el$);
+					spread(_el$, mergeProps(domProps, cleanGroupProps, {
+						get ["class"]() {
+							return renderProps.class();
+						},
+						get style() {
+							return renderProps.style();
+						},
+						get ["data-disabled"]() {
+							return dataAttr(state.isDisabled);
+						}
+					}), false, true);
+					insert(_el$, () => props.children);
+					runHydrationEvents();
+					return _el$;
+				}
+			});
+		}
+	});
+}
+/**
+* Disclosure is a widget that can be toggled to show or hide content.
+*
+* @example
+* ```tsx
+* <Disclosure>
+*   <DisclosureTrigger>Show more</DisclosureTrigger>
+*   <DisclosurePanel>Hidden content here...</DisclosurePanel>
+* </Disclosure>
+* ```
+*/
+function Disclosure(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"style",
+		"isDisabled",
+		"isExpanded",
+		"defaultExpanded",
+		"onExpandedChange",
+		"id",
+		"ref"
+	]);
+	const groupContext = useDisclosureGroupContext();
+	const state = createDisclosureState(() => {
+		const id = local.id;
+		if (groupContext && id) return {
+			isExpanded: groupContext.state.isExpanded(id),
+			onExpandedChange: (expanded) => {
+				if (expanded !== groupContext.state.isExpanded(id)) groupContext.state.toggleKey(id);
+				local.onExpandedChange?.(expanded);
+			}
+		};
+		return {
+			isExpanded: local.isExpanded,
+			defaultExpanded: local.defaultExpanded,
+			onExpandedChange: local.onExpandedChange
+		};
+	});
+	const [panelRef, setPanelRefSignal] = createSignal(null);
+	const isDisabled = () => local.isDisabled || groupContext?.state.isDisabled || false;
+	const disclosureAria = createDisclosure(() => ({ isDisabled: isDisabled() }), state, panelRef);
+	const { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = createFocusRing({ within: true });
+	const renderValues = createMemo(() => ({
+		isExpanded: state.isExpanded(),
+		isFocusVisibleWithin: isFocusVisibleWithin(),
+		isDisabled: isDisabled(),
+		state
+	}));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-Disclosure"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	const contextValue = {
+		state,
+		isDisabled,
+		disclosureAria
+	};
+	const setPanelRef = (el) => {
+		setPanelRefSignal(el);
+	};
+	return createComponent(DisclosureStateContext.Provider, {
+		value: state,
+		get children() {
+			return createComponent(DisclosureContext.Provider, {
+				value: contextValue,
+				get children() {
+					return createComponent(DisclosurePanelRefContext.Provider, {
+						value: setPanelRef,
+						get children() {
+							var _el$2 = getNextElement(_tmpl$);
+							use((el) => assignRef(local.ref, el), _el$2);
+							spread(_el$2, mergeProps(() => mergeProps$2(domProps(), focusWithinProps), {
+								get ["class"]() {
+									return renderProps.class();
+								},
+								get style() {
+									return renderProps.style();
+								},
+								get ["data-expanded"]() {
+									return dataAttr(state.isExpanded());
+								},
+								get ["data-disabled"]() {
+									return dataAttr(isDisabled());
+								},
+								get ["data-focus-visible-within"]() {
+									return dataAttr(isFocusVisibleWithin());
+								}
+							}), false, true);
+							insert(_el$2, () => props.children);
+							runHydrationEvents();
+							return _el$2;
+						}
+					});
+				}
+			});
+		}
+	});
+}
+const DisclosurePanelRefContext = createContext(null);
+/**
+* DisclosureTrigger is the button that toggles the disclosure.
+* Pattern matches SelectTrigger for consistency.
+*/
+function DisclosureTrigger(props) {
+	const context = useContext(DisclosureContext);
+	if (!context) throw new Error("DisclosureTrigger must be used within a Disclosure");
+	const { state, disclosureAria, isDisabled } = context;
+	const isExpanded = () => state.isExpanded();
+	const getButtonProps = () => {
+		const { ref: _ref, ...rest } = disclosureAria.buttonProps;
+		return rest;
+	};
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const [local, rest] = splitProps(props, [
+		"children",
+		"class",
+		"style",
+		"ref"
+	]);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	const cleanFocusProps = () => {
+		const { ref: _ref, ...rest } = focusProps;
+		return rest;
+	};
+	return (() => {
+		var _el$3 = getNextElement(_tmpl$2);
+		use((el) => assignRef(local.ref, el), _el$3);
+		spread(_el$3, mergeProps(() => mergeProps$2(domProps(), getButtonProps(), cleanFocusProps()), {
+			"type": "button",
+			get ["class"]() {
+				return local.class;
+			},
+			get style() {
+				return local.style;
+			},
+			get ["data-expanded"]() {
+				return dataAttr(isExpanded());
+			},
+			get ["data-disabled"]() {
+				return dataAttr(isDisabled());
+			},
+			get ["data-pressed"]() {
+				return dataAttr(disclosureAria.isPressed());
+			},
+			get ["data-focused"]() {
+				return dataAttr(isFocused());
+			},
+			get ["data-focus-visible"]() {
+				return dataAttr(isFocusVisible());
+			}
+		}), false, true);
+		insert(_el$3, () => local.children);
+		runHydrationEvents();
+		return _el$3;
+	})();
+}
+/**
+* DisclosurePanel contains the content that is shown/hidden.
+*/
+function DisclosurePanel(props) {
+	const context = useContext(DisclosureContext);
+	if (!context) throw new Error("DisclosurePanel must be used within a Disclosure");
+	const panelRefSetter = useContext(DisclosurePanelRefContext);
+	const [local, rest] = splitProps(props, [
+		"class",
+		"style",
+		"role",
+		"ref"
+	]);
+	const { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = createFocusRing({ within: true });
+	const isExpanded = () => context.state.isExpanded();
+	const isDisabled = () => context.isDisabled();
+	const renderValues = createMemo(() => ({
+		isExpanded: isExpanded(),
+		isFocusVisibleWithin: isFocusVisibleWithin(),
+		isDisabled: isDisabled(),
+		state: context.state
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-DisclosurePanel"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	const getPanelProps = () => {
+		const { ref: _ref, ...rest } = context.disclosureAria.panelProps;
+		return rest;
+	};
+	return (() => {
+		var _el$4 = getNextElement(_tmpl$);
+		use((el) => {
+			panelRefSetter?.(el);
+			assignRef(local.ref, el);
+		}, _el$4);
+		spread(_el$4, mergeProps(() => mergeProps$2(domProps(), focusWithinProps), getPanelProps, {
+			get role() {
+				return local.role ?? "group";
+			},
+			get ["class"]() {
+				return renderProps.class();
+			},
+			get style() {
+				return renderProps.style();
+			},
+			get ["data-expanded"]() {
+				return dataAttr(isExpanded());
+			},
+			get ["data-focus-visible-within"]() {
+				return dataAttr(isFocusVisibleWithin());
+			}
+		}), false, true);
+		insert(_el$4, () => renderProps.renderChildren());
+		runHydrationEvents();
+		return _el$4;
+	})();
+}
+//#endregion
+export { Disclosure, DisclosureContext, DisclosureGroup, DisclosureGroupContext, DisclosureGroupStateContext, DisclosurePanel, DisclosureStateContext, DisclosureTrigger, useDisclosureContext, useDisclosureGroupContext };
+
+//# sourceMappingURL=Disclosure.js.map

package/dist/Disclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Disclosure.js","names":["JSX","createContext","createMemo","createSignal","splitProps","useContext","createDisclosureState","createDisclosureGroupState","DisclosureState","DisclosureGroupState","DisclosureStateProps","DisclosureGroupStateProps","createDisclosure","createDisclosureGroup","createFocusRing","mergeProps","RenderChildren","ClassNameOrFunction","StyleOrFunction","useRenderProps","filterDOMProps","dataAttr","RefLike","T","el","current","assignRef","ref","DisclosureRenderProps","isExpanded","isFocusVisibleWithin","isDisabled","state","DisclosureGroupRenderProps","DisclosureProps","children","Element","class","style","id","HTMLDivElement","DisclosureGroupProps","DisclosureTriggerProps","Omit","ButtonHTMLAttributes","HTMLButtonElement","CSSProperties","DisclosurePanelProps","HTMLAttributes","HTMLElement","role","DisclosureContextValue","disclosureAria","buttonProps","panelProps","isPressed","DisclosureContext","DisclosureStateContext","useDisclosureContext","DisclosureGroupContextValue","DisclosureGroupContext","DisclosureGroupStateContext","useDisclosureGroupContext","DisclosureGroup","props","local","rest","allowsMultipleExpanded","expandedKeys","defaultExpandedKeys","onExpandedChange","groupProps","renderValues","renderProps","defaultClassName","domProps","Record","global","contextValue","_ref","cleanGroupProps","_$createComponent","Provider","value","_el$","_$getNextElement","_tmpl$","_$use","_$spread","_$mergeProps","data-disabled","_$insert","_$runHydrationEvents","Disclosure","groupContext","expanded","toggleKey","defaultExpanded","panelRef","setPanelRefSignal","isFocusVisible","focusProps","focusWithinProps","within","setPanelRef","DisclosurePanelRefContext","_el$2","data-expanded","data-focus-visible-within","DisclosureTrigger","context","Error","getButtonProps","isFocused","cleanFocusProps","_el$3","_tmpl$2","data-pressed","data-focused","data-focus-visible","DisclosurePanel","panelRefSetter","getPanelProps","_el$4","renderChildren"],"sources":["../src/Disclosure.tsx"],"sourcesContent":["/**\n * Disclosure and Accordion components for solidaria-components\n *\n * Disclosure is a widget that can be toggled to show or hide content.\n * Accordion (DisclosureGroup) manages multiple disclosures with optional single-expand.\n *\n * Port of react-aria-components Disclosure.\n */\n\nimport {\n  type JSX,\n  createContext,\n  createMemo,\n  createSignal,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  createDisclosureState,\n  createDisclosureGroupState,\n  type DisclosureState,\n  type DisclosureGroupState,\n  type DisclosureStateProps,\n  type DisclosureGroupStateProps,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  createDisclosure,\n  createDisclosureGroup,\n  createFocusRing,\n  mergeProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\n\ntype RefLike<T> = T | ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    (ref as (el: T) => void)(el);\n  } else if (typeof ref === \"object\" && \"current\" in ref) {\n    ref.current = el;\n  }\n}\n\nexport interface DisclosureRenderProps {\n  /** Whether the disclosure is expanded. */\n  isExpanded: boolean;\n  /** Whether the disclosure has keyboard focus within. */\n  isFocusVisibleWithin: boolean;\n  /** Whether the disclosure is disabled. */\n  isDisabled: boolean;\n  /** The disclosure state. */\n  state: DisclosureState;\n}\n\nexport interface DisclosureGroupRenderProps {\n  /** Whether all items are disabled. */\n  isDisabled: boolean;\n}\n\nexport interface DisclosureProps extends DisclosureStateProps {\n  /** The children of the component. */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DisclosureRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DisclosureRenderProps>;\n  /** Whether the disclosure is disabled. */\n  isDisabled?: boolean;\n  /** A unique identifier for the disclosure (used in groups). */\n  id?: string;\n  /** A ref for the disclosure root element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface DisclosureGroupProps extends DisclosureGroupStateProps {\n  /** The children of the component. */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DisclosureGroupRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DisclosureGroupRenderProps>;\n  /** A ref for the disclosure group root element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface DisclosureTriggerProps extends Omit<\n  JSX.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | \"class\" | \"style\" | \"type\" | \"ref\"\n> {\n  /** The children of the trigger. */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: string;\n  /** The inline style for the element. */\n  style?: JSX.CSSProperties;\n  /** A ref for the trigger button element. */\n  ref?: RefLike<HTMLButtonElement>;\n}\n\nexport interface DisclosurePanelProps extends Omit<\n  JSX.HTMLAttributes<HTMLElement>,\n  \"children\" | \"class\" | \"style\" | \"role\" | \"ref\"\n> {\n  /** The children of the panel. */\n  children?: RenderChildren<DisclosureRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DisclosureRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DisclosureRenderProps>;\n  /** The accessibility role for the disclosure panel. */\n  role?: \"group\" | \"region\";\n  /** A ref for the panel element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\ninterface DisclosureContextValue {\n  state: DisclosureState;\n  isDisabled: () => boolean;\n  /** The disclosure ARIA result object - access .buttonProps and .panelProps as getters */\n  disclosureAria: {\n    readonly buttonProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;\n    readonly panelProps: JSX.HTMLAttributes<HTMLElement>;\n    readonly isPressed: () => boolean;\n  };\n}\n\nexport const DisclosureContext = createContext<DisclosureContextValue | null>(null);\nexport const DisclosureStateContext = createContext<DisclosureState | null>(null);\n\nexport function useDisclosureContext(): DisclosureContextValue | null {\n  return useContext(DisclosureContext);\n}\n\ninterface DisclosureGroupContextValue {\n  state: DisclosureGroupState;\n}\n\nexport const DisclosureGroupContext = createContext<DisclosureGroupContextValue | null>(null);\nexport const DisclosureGroupStateContext = createContext<DisclosureGroupState | null>(null);\n\nexport function useDisclosureGroupContext(): DisclosureGroupContextValue | null {\n  return useContext(DisclosureGroupContext);\n}\n\n/**\n * DisclosureGroup manages a group of Disclosure components.\n * Use this to create an accordion where only one item can be expanded at a time.\n *\n * @example\n * ```tsx\n * <DisclosureGroup>\n *   <Disclosure id=\"item1\">\n *     <DisclosureTrigger>Item 1</DisclosureTrigger>\n *     <DisclosurePanel>Content 1</DisclosurePanel>\n *   </Disclosure>\n *   <Disclosure id=\"item2\">\n *     <DisclosureTrigger>Item 2</DisclosureTrigger>\n *     <DisclosurePanel>Content 2</DisclosurePanel>\n *   </Disclosure>\n * </DisclosureGroup>\n * ```\n */\nexport function DisclosureGroup(props: DisclosureGroupProps): JSX.Element {\n  // IMPORTANT: Don't destructure or access props.children early!\n  // In SolidJS, children are lazily evaluated. Accessing them before\n  // the context provider renders causes them to evaluate outside the context.\n  // See: https://github.com/solidjs/solid/issues/182\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"allowsMultipleExpanded\",\n    \"isDisabled\",\n    \"expandedKeys\",\n    \"defaultExpandedKeys\",\n    \"onExpandedChange\",\n    \"ref\",\n  ]);\n\n  // Create group state\n  const state = createDisclosureGroupState(() => ({\n    allowsMultipleExpanded: local.allowsMultipleExpanded,\n    isDisabled: local.isDisabled,\n    expandedKeys: local.expandedKeys,\n    defaultExpandedKeys: local.defaultExpandedKeys,\n    onExpandedChange: local.onExpandedChange,\n  }));\n\n  // Create group accessibility props\n  const { groupProps } = createDisclosureGroup(() => ({ isDisabled: local.isDisabled }), state);\n\n  const renderValues = createMemo<DisclosureGroupRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n  }));\n\n  // Resolve render props - don't pass children, we'll render props.children directly\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-DisclosureGroup\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  const contextValue: DisclosureGroupContextValue = { state };\n\n  // Extract ref from groupProps to avoid type conflicts\n  const { ref: _ref, ...cleanGroupProps } = groupProps as Record<string, unknown>;\n\n  return (\n    <DisclosureGroupStateContext.Provider value={state}>\n      <DisclosureGroupContext.Provider value={contextValue}>\n        <div\n          ref={(el) => assignRef(local.ref, el)}\n          {...domProps()}\n          {...cleanGroupProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          data-disabled={dataAttr(state.isDisabled)}\n        >\n          {props.children}\n        </div>\n      </DisclosureGroupContext.Provider>\n    </DisclosureGroupStateContext.Provider>\n  );\n}\n\n/**\n * Disclosure is a widget that can be toggled to show or hide content.\n *\n * @example\n * ```tsx\n * <Disclosure>\n *   <DisclosureTrigger>Show more</DisclosureTrigger>\n *   <DisclosurePanel>Hidden content here...</DisclosurePanel>\n * </Disclosure>\n * ```\n */\nexport function Disclosure(props: DisclosureProps): JSX.Element {\n  // IMPORTANT: Don't destructure or access props.children early!\n  // In SolidJS, children are lazily evaluated. Accessing them before\n  // the context provider renders causes them to evaluate outside the context.\n  // See: https://github.com/solidjs/solid/issues/182\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"isDisabled\",\n    \"isExpanded\",\n    \"defaultExpanded\",\n    \"onExpandedChange\",\n    \"id\",\n    \"ref\",\n  ]);\n\n  // Check if we're inside a DisclosureGroup\n  const groupContext = useDisclosureGroupContext();\n\n  // Create disclosure state\n  // If in a group, sync with group state\n  const state = createDisclosureState(() => {\n    const id = local.id;\n    if (groupContext && id) {\n      return {\n        isExpanded: groupContext.state.isExpanded(id),\n        onExpandedChange: (expanded: boolean) => {\n          if (expanded !== groupContext.state.isExpanded(id)) {\n            groupContext.state.toggleKey(id);\n          }\n          local.onExpandedChange?.(expanded);\n        },\n      };\n    }\n    return {\n      isExpanded: local.isExpanded,\n      defaultExpanded: local.defaultExpanded,\n      onExpandedChange: local.onExpandedChange,\n    };\n  });\n\n  // Panel ref as a signal so the createEffect in createDisclosure can track it\n  const [panelRef, setPanelRefSignal] = createSignal<HTMLElement | null>(null);\n\n  // Determine if disabled (used in multiple places)\n  const isDisabled = () => local.isDisabled || groupContext?.state.isDisabled || false;\n\n  // Create disclosure accessibility props\n  // Pass props as accessor function for reactivity\n  // IMPORTANT: Don't destructure! The getters must be called fresh each render\n  const disclosureAria = createDisclosure(\n    () => ({ isDisabled: isDisabled() }),\n    state,\n    panelRef, // Pass the accessor directly\n  );\n  const { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = createFocusRing({\n    within: true,\n  });\n\n  const renderValues = createMemo<DisclosureRenderProps>(() => ({\n    isExpanded: state.isExpanded(),\n    isFocusVisibleWithin: isFocusVisibleWithin(),\n    isDisabled: isDisabled(),\n    state,\n  }));\n\n  // Resolve render props - don't pass children, we'll render props.children directly\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Disclosure\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  // Context value - pass the disclosureAria object with getters intact\n  const contextValue: DisclosureContextValue = {\n    state,\n    isDisabled, // Pass the accessor function, not the value\n    disclosureAria,\n  };\n\n  const setPanelRef = (el: HTMLElement | null) => {\n    setPanelRefSignal(el);\n  };\n\n  return (\n    <DisclosureStateContext.Provider value={state}>\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosurePanelRefContext.Provider value={setPanelRef}>\n          <div\n            ref={(el) => assignRef(local.ref, el)}\n            {...mergeProps(\n              domProps() as Record<string, unknown>,\n              focusWithinProps as Record<string, unknown>,\n            )}\n            class={renderProps.class()}\n            style={renderProps.style()}\n            data-expanded={dataAttr(state.isExpanded())}\n            data-disabled={dataAttr(isDisabled())}\n            data-focus-visible-within={dataAttr(isFocusVisibleWithin())}\n          >\n            {props.children}\n          </div>\n        </DisclosurePanelRefContext.Provider>\n      </DisclosureContext.Provider>\n    </DisclosureStateContext.Provider>\n  );\n}\n\n// Internal context to pass panel ref setter\nconst DisclosurePanelRefContext = createContext<((el: HTMLElement | null) => void) | null>(null);\n\n/**\n * DisclosureTrigger is the button that toggles the disclosure.\n * Pattern matches SelectTrigger for consistency.\n */\nexport function DisclosureTrigger(props: DisclosureTriggerProps): JSX.Element {\n  // Get context - now safe because parent uses lazy children evaluation\n  const context = useContext(DisclosureContext);\n  if (!context) {\n    throw new Error(\"DisclosureTrigger must be used within a Disclosure\");\n  }\n\n  const { state, disclosureAria, isDisabled } = context;\n\n  // Reactive accessors\n  const isExpanded = () => state.isExpanded();\n\n  // Get buttonProps from the getter each time - this ensures reactivity\n  // IMPORTANT: Call the getter fresh each render to get updated aria-expanded, etc.\n  const getButtonProps = () => {\n    const { ref: _ref, ...rest } = disclosureAria.buttonProps as Record<string, unknown>;\n    return rest;\n  };\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"style\", \"ref\"]);\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n  const cleanFocusProps = () => {\n    const { ref: _ref, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <button\n      {...mergeProps(domProps() as Record<string, unknown>, getButtonProps(), cleanFocusProps())}\n      ref={(el) => assignRef(local.ref, el)}\n      type=\"button\"\n      class={local.class}\n      style={local.style}\n      data-expanded={dataAttr(isExpanded())}\n      data-disabled={dataAttr(isDisabled())}\n      data-pressed={dataAttr(disclosureAria.isPressed())}\n      data-focused={dataAttr(isFocused())}\n      data-focus-visible={dataAttr(isFocusVisible())}\n    >\n      {local.children}\n    </button>\n  );\n}\n\n/**\n * DisclosurePanel contains the content that is shown/hidden.\n */\nexport function DisclosurePanel(props: DisclosurePanelProps): JSX.Element {\n  // Get context - now safe because parent uses lazy children evaluation\n  const context = useContext(DisclosureContext);\n  if (!context) {\n    throw new Error(\"DisclosurePanel must be used within a Disclosure\");\n  }\n  const panelRefSetter = useContext(DisclosurePanelRefContext);\n\n  const [local, rest] = splitProps(props, [\"class\", \"style\", \"role\", \"ref\"]);\n  const { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = createFocusRing({\n    within: true,\n  });\n\n  // Reactive accessors\n  const isExpanded = () => context.state.isExpanded();\n  const isDisabled = () => context.isDisabled();\n\n  const renderValues = createMemo<DisclosureRenderProps>(() => ({\n    isExpanded: isExpanded(),\n    isFocusVisibleWithin: isFocusVisibleWithin(),\n    isDisabled: isDisabled(),\n    state: context.state,\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-DisclosurePanel\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  // Get panelProps from the getter each time - this ensures reactivity\n  // IMPORTANT: Call the getter fresh each render to get updated hidden attribute, etc.\n  const getPanelProps = () => {\n    const { ref: _ref, ...rest } = context.disclosureAria.panelProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...mergeProps(\n        domProps() as Record<string, unknown>,\n        focusWithinProps as Record<string, unknown>,\n      )}\n      {...getPanelProps()}\n      ref={(el) => {\n        panelRefSetter?.(el);\n        assignRef(local.ref, el);\n      }}\n      role={local.role ?? \"group\"}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-expanded={dataAttr(isExpanded())}\n      data-focus-visible-within={dataAttr(isFocusVisibleWithin())}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\nexport type { DisclosureState, DisclosureGroupState };\n"],"mappings":";;;;;;;;;;;;;;;AA0CA,SAAS0B,UAAaC,KAAiBH,IAAa;CAClD,IAAI,CAACG,KACH;CAGF,IAAI,OAAOA,QAAQ,YACjB,IAAyBH,EAAE;MACtB,IAAI,OAAOG,QAAQ,YAAY,aAAaA,KACjDA,IAAIF,UAAUD;AAElB;AAqFA,MAAagC,oBAAoBvD,cAA6C,IAAI;AAClF,MAAawD,yBAAyBxD,cAAsC,IAAI;AAEhF,SAAgByD,uBAAsD;CACpE,OAAOrD,WAAWmD,iBAAiB;AACrC;AAMA,MAAaI,yBAAyB3D,cAAkD,IAAI;AAC5F,MAAa4D,8BAA8B5D,cAA2C,IAAI;AAE1F,SAAgB6D,4BAAgE;CAC9E,OAAOzD,WAAWuD,sBAAsB;AAC1C;;;;;;;;;;;;;;;;;;;AAoBA,SAAgBG,gBAAgBC,OAA0C;CAKxE,MAAM,CAACC,OAAOC,QAAQ9D,WAAW4D,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAK,CACN;CAGD,MAAMhC,QAAQzB,kCAAkC;EAC9C4D,wBAAwBF,MAAME;EAC9BpC,YAAYkC,MAAMlC;EAClBqC,cAAcH,MAAMG;EACpBC,qBAAqBJ,MAAMI;EAC3BC,kBAAkBL,MAAMK;CAC1B,EAAE;CAGF,MAAM,EAAEC,eAAe1D,6BAA6B,EAAEkB,YAAYkC,MAAMlC,WAAW,IAAIC,KAAK;CAE5F,MAAMwC,eAAetE,kBAA8C,EACjE6B,YAAYC,MAAMD,WACpB,EAAE;CAGF,MAAM0C,cAActD,eAClB;EACEkB,OAAO4B,MAAM5B;EACbC,OAAO2B,MAAM3B;EACboC,kBAAkB;CACpB,GACAF,YACF;CAEA,MAAMG,WAAWzE,iBACfkB,eAAe8C,MAAiC,EAAEW,QAAQ,KAAK,CAAC,CAClE;CAEA,MAAMC,eAA4C,EAAE9C,MAAM;CAG1D,MAAM,EAAEL,KAAKoD,MAAM,GAAGC,oBAAoBT;CAE1C,OAAAU,gBACGpB,4BAA4BqB,UAAQ;EAACC,OAAOnD;EAAK,IAAAG,WAAA;GAAA,OAAA8C,gBAC/CrB,uBAAuBsB,UAAQ;IAACC,OAAOL;IAAY,IAAA3C,WAAA;KAAA,IAAAiD,OAAAC,eAAAC,MAAA;KAAAC,KAE1C/D,OAAOE,UAAUuC,MAAMtC,KAAKH,EAAE,GAAC4D,IAAA;KAAAI,OAAAJ,MAAAK,WACjCd,UACAK,iBAAe;MAAA,KAAA,WAAA;OAAA,OACZP,YAAYpC,MAAM;MAAC;MAAA,IAC1BC,QAAK;OAAA,OAAEmC,YAAYnC,MAAM;MAAC;MAAA,KAAA,mBAAA;OAAA,OACXjB,SAASW,MAAMD,UAAU;MAAC;KAAA,CAAA,GAAA,OAAA,IAAA;KAAA4D,OAAAP,YAExCpB,MAAM7B,QAAQ;KAAAyD,mBAAA;KAAA,OAAAR;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAKzB;;;;;;;;;;;;AAaA,SAAgBS,WAAW7B,OAAqC;CAK9D,MAAM,CAACC,OAAOC,QAAQ9D,WAAW4D,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAK,CACN;CAGD,MAAM8B,eAAehC,0BAA0B;CAI/C,MAAM9B,QAAQ1B,4BAA4B;EACxC,MAAMiC,KAAK0B,MAAM1B;EACjB,IAAIuD,gBAAgBvD,IAClB,OAAO;GACLV,YAAYiE,aAAa9D,MAAMH,WAAWU,EAAE;GAC5C+B,mBAAmByB,aAAsB;IACvC,IAAIA,aAAaD,aAAa9D,MAAMH,WAAWU,EAAE,GAC/CuD,aAAa9D,MAAMgE,UAAUzD,EAAE;IAEjC0B,MAAMK,mBAAmByB,QAAQ;GACnC;EACF;EAEF,OAAO;GACLlE,YAAYoC,MAAMpC;GAClBoE,iBAAiBhC,MAAMgC;GACvB3B,kBAAkBL,MAAMK;EAC1B;CACF,CAAC;CAGD,MAAM,CAAC4B,UAAUC,qBAAqBhG,aAAiC,IAAI;CAG3E,MAAM4B,mBAAmBkC,MAAMlC,cAAc+D,cAAc9D,MAAMD,cAAc;CAK/E,MAAMqB,iBAAiBxC,wBACd,EAAEmB,YAAYA,WAAW,EAAE,IAClCC,OACAkE,QACF;CACA,MAAM,EAAEE,gBAAgBtE,sBAAsBuE,YAAYC,qBAAqBxF,gBAAgB,EAC7FyF,QAAQ,KACV,CAAC;CAED,MAAM/B,eAAetE,kBAAyC;EAC5D2B,YAAYG,MAAMH,WAAW;EAC7BC,sBAAsBA,qBAAqB;EAC3CC,YAAYA,WAAW;EACvBC;CACF,EAAE;CAGF,MAAMyC,cAActD,eAClB;EACEkB,OAAO4B,MAAM5B;EACbC,OAAO2B,MAAM3B;EACboC,kBAAkB;CACpB,GACAF,YACF;CAEA,MAAMG,WAAWzE,iBACfkB,eAAe8C,MAAiC,EAAEW,QAAQ,KAAK,CAAC,CAClE;CAGA,MAAMC,eAAuC;EAC3C9C;EACAD;EACAqB;CACF;CAEA,MAAMoD,eAAehF,OAA2B;EAC9C2E,kBAAkB3E,EAAE;CACtB;CAEA,OAAAyD,gBACGxB,uBAAuByB,UAAQ;EAACC,OAAOnD;EAAK,IAAAG,WAAA;GAAA,OAAA8C,gBAC1CzB,kBAAkB0B,UAAQ;IAACC,OAAOL;IAAY,IAAA3C,WAAA;KAAA,OAAA8C,gBAC5CwB,0BAA0BvB,UAAQ;MAACC,OAAOqB;MAAW,IAAArE,WAAA;OAAA,IAAAuE,QAAArB,eAAAC,MAAA;OAAAC,KAE5C/D,OAAOE,UAAUuC,MAAMtC,KAAKH,EAAE,GAACkF,KAAA;OAAAlB,OAAAkB,OAAAjB,iBACjC1E,aACF4D,SAAS,GACT2B,gBACF,GAAC;QAAA,KAAA,WAAA;SAAA,OACM7B,YAAYpC,MAAM;QAAC;QAAA,IAC1BC,QAAK;SAAA,OAAEmC,YAAYnC,MAAM;QAAC;QAAA,KAAA,mBAAA;SAAA,OACXjB,SAASW,MAAMH,WAAW,CAAC;QAAC;QAAA,KAAA,mBAAA;SAAA,OAC5BR,SAASU,WAAW,CAAC;QAAC;QAAA,KAAA,+BAAA;SAAA,OACVV,SAASS,qBAAqB,CAAC;QAAC;OAAA,CAAA,GAAA,OAAA,IAAA;OAAA6D,OAAAe,aAE1D1C,MAAM7B,QAAQ;OAAAyD,mBAAA;OAAA,OAAAc;MAAA;KAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAM3B;AAGA,MAAMD,4BAA4BxG,cAAyD,IAAI;;;;;AAM/F,SAAgB4G,kBAAkB7C,OAA4C;CAE5E,MAAM8C,UAAUzG,WAAWmD,iBAAiB;CAC5C,IAAI,CAACsD,SACH,MAAM,IAAIC,MAAM,oDAAoD;CAGtE,MAAM,EAAE/E,OAAOoB,gBAAgBrB,eAAe+E;CAG9C,MAAMjF,mBAAmBG,MAAMH,WAAW;CAI1C,MAAMmF,uBAAuB;EAC3B,MAAM,EAAErF,KAAKoD,MAAM,GAAGb,SAASd,eAAeC;EAC9C,OAAOa;CACT;CACA,MAAM,EAAE+C,WAAWb,gBAAgBC,eAAevF,gBAAgB;CAClE,MAAM,CAACmD,OAAOC,QAAQ9D,WAAW4D,OAAO;EAAC;EAAY;EAAS;EAAS;CAAK,CAAC;CAC7E,MAAMW,WAAWzE,iBACfkB,eAAe8C,MAAiC,EAAEW,QAAQ,KAAK,CAAC,CAClE;CACA,MAAMqC,wBAAwB;EAC5B,MAAM,EAAEvF,KAAKoD,MAAM,GAAGb,SAASmC;EAC/B,OAAOnC;CACT;CAEA,cAAA;EAAA,IAAAiD,QAAA9B,eAAA+B,OAAA;EAAA7B,KAGU/D,OAAOE,UAAUuC,MAAMtC,KAAKH,EAAE,GAAC2F,KAAA;EAAA3B,OAAA2B,OAAA1B,iBADjC1E,aAAW4D,SAAS,GAA8BqC,eAAe,GAAGE,gBAAgB,CAAC,GAAC;GAAA,QAErF;GAAQ,KAAA,WAAA;IAAA,OACNjD,MAAM5B;GAAK;GAAA,IAClBC,QAAK;IAAA,OAAE2B,MAAM3B;GAAK;GAAA,KAAA,mBAAA;IAAA,OACHjB,SAASQ,WAAW,CAAC;GAAC;GAAA,KAAA,mBAAA;IAAA,OACtBR,SAASU,WAAW,CAAC;GAAC;GAAA,KAAA,kBAAA;IAAA,OACvBV,SAAS+B,eAAeG,UAAU,CAAC;GAAC;GAAA,KAAA,kBAAA;IAAA,OACpClC,SAAS4F,UAAU,CAAC;GAAC;GAAA,KAAA,wBAAA;IAAA,OACf5F,SAAS+E,eAAe,CAAC;GAAC;EAAA,CAAA,GAAA,OAAA,IAAA;EAAAT,OAAAwB,aAE7ClD,MAAM9B,QAAQ;EAAAyD,mBAAA;EAAA,OAAAuB;CAAA,EAAA,CAAA;AAGrB;;;;AAKA,SAAgBK,gBAAgBxD,OAA0C;CAExE,MAAM8C,UAAUzG,WAAWmD,iBAAiB;CAC5C,IAAI,CAACsD,SACH,MAAM,IAAIC,MAAM,kDAAkD;CAEpE,MAAMU,iBAAiBpH,WAAWoG,yBAAyB;CAE3D,MAAM,CAACxC,OAAOC,QAAQ9D,WAAW4D,OAAO;EAAC;EAAS;EAAS;EAAQ;CAAK,CAAC;CACzE,MAAM,EAAEoC,gBAAgBtE,sBAAsBuE,YAAYC,qBAAqBxF,gBAAgB,EAC7FyF,QAAQ,KACV,CAAC;CAGD,MAAM1E,mBAAmBiF,QAAQ9E,MAAMH,WAAW;CAClD,MAAME,mBAAmB+E,QAAQ/E,WAAW;CAE5C,MAAMyC,eAAetE,kBAAyC;EAC5D2B,YAAYA,WAAW;EACvBC,sBAAsBA,qBAAqB;EAC3CC,YAAYA,WAAW;EACvBC,OAAO8E,QAAQ9E;CACjB,EAAE;CAEF,MAAMyC,cAActD,eAClB;EACE,IAAIgB,WAAW;GACb,OAAO6B,MAAM7B;EACf;EACAE,OAAO4B,MAAM5B;EACbC,OAAO2B,MAAM3B;EACboC,kBAAkB;CACpB,GACAF,YACF;CAEA,MAAMG,WAAWzE,iBACfkB,eAAe8C,MAAiC,EAAEW,QAAQ,KAAK,CAAC,CAClE;CAIA,MAAM6C,sBAAsB;EAC1B,MAAM,EAAE/F,KAAKoD,MAAM,GAAGb,SAAS4C,QAAQ1D,eAAeE;EACtD,OAAOY;CACT;CAEA,cAAA;EAAA,IAAAyD,QAAAtC,eAAAC,MAAA;EAAAC,KAOU/D,OAAO;GACXiG,iBAAiBjG,EAAE;GACnBE,UAAUuC,MAAMtC,KAAKH,EAAE;EACzB,GAACmG,KAAA;EAAAnC,OAAAmC,OAAAlC,iBARG1E,aACF4D,SAAS,GACT2B,gBACF,GACIoB,eAAa;GAAA,IAKjBxE,OAAI;IAAA,OAAEe,MAAMf,QAAQ;GAAO;GAAA,KAAA,WAAA;IAAA,OACpBuB,YAAYpC,MAAM;GAAC;GAAA,IAC1BC,QAAK;IAAA,OAAEmC,YAAYnC,MAAM;GAAC;GAAA,KAAA,mBAAA;IAAA,OACXjB,SAASQ,WAAW,CAAC;GAAC;GAAA,KAAA,+BAAA;IAAA,OACVR,SAASS,qBAAqB,CAAC;GAAC;EAAA,CAAA,GAAA,OAAA,IAAA;EAAA6D,OAAAgC,aAE1DlD,YAAYmD,eAAe,CAAC;EAAAhC,mBAAA;EAAA,OAAA+B;CAAA,EAAA,CAAA;AAGnC"}