@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/Switch.js

@@ -0,0 +1,534 @@
+import { Provider, filterDOMProps, useRenderProps } from "./utils.js";
+import { VisuallyHidden } from "./VisuallyHidden.js";
+import { FieldErrorContext } from "./FieldError.js";
+import { TextContext } from "./Text.js";
+import { createComponent, getNextElement, getNextMarker, insert, memo, mergeProps, runHydrationEvents, setAttribute, spread, template, use } from "solid-js/web";
+import { Show, createContext, createMemo, createSignal, createUniqueId, splitProps, untrack, useContext } from "solid-js";
+import { createFocusRing, createHover, createSwitch, mergeProps as mergeProps$2 } from "@proyecto-viviana/solidaria";
+import { VALID_VALIDITY_STATE, createToggleState } from "@proyecto-viviana/solid-stately";
+//#region src/Switch.tsx
+/**
+* ToggleSwitch component for solidaria-components
+*
+* A pre-wired headless switch that combines state + aria hooks.
+* Port of react-aria-components/src/Switch.tsx
+*
+* Named "ToggleSwitch" to avoid conflict with SolidJS's built-in Switch component.
+*/
+var _tmpl$ = /*#__PURE__*/ template(`<input>`), _tmpl$2 = /*#__PURE__*/ template(`<span slot=description>`), _tmpl$3 = /*#__PURE__*/ template(`<span slot=errorMessage>`), _tmpl$4 = /*#__PURE__*/ template(`<label><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$5 = /*#__PURE__*/ template(`<label><!$><!/><!$><!/>`), _tmpl$6 = /*#__PURE__*/ template(`<div>`);
+const ToggleSwitchContext = createContext(null);
+/**
+* A switch allows a user to turn a setting on or off.
+*
+* This is a headless component that provides accessibility and state management.
+* Style it using the render props pattern or data attributes.
+*
+* Named "ToggleSwitch" to avoid conflict with SolidJS's built-in Switch component.
+*
+* @example
+* ```tsx
+* <ToggleSwitch>
+*   {({ isSelected }) => (
+*     <>
+*       <span class={`switch-track ${isSelected ? 'bg-blue-500' : 'bg-gray-300'}`}>
+*         <span class={`switch-thumb ${isSelected ? 'translate-x-5' : 'translate-x-0'}`} />
+*       </span>
+*       <span>Enable notifications</span>
+*     </>
+*   )}
+* </ToggleSwitch>
+* ```
+*/
+function ToggleSwitch(props) {
+	const [inputElement, setInputElement] = createSignal(null);
+	const [local, ariaProps] = splitProps(props, [
+		"class",
+		"style",
+		"slot",
+		"description",
+		"errorMessage"
+	]);
+	const descriptionId = createUniqueId();
+	const errorMessageId = createUniqueId();
+	const state = createToggleState(() => ({
+		isSelected: ariaProps.isSelected,
+		defaultSelected: ariaProps.defaultSelected,
+		onChange: ariaProps.onChange,
+		isReadOnly: ariaProps.isReadOnly
+	}));
+	const switchAria = createSwitch(() => ({
+		...ariaProps,
+		children: typeof props.children === "function" ? true : props.children
+	}), state, inputElement);
+	const describedBy = () => {
+		const ids = [
+			ariaProps["aria-describedby"],
+			local.description ? descriptionId : void 0,
+			switchAria.isInvalid && local.errorMessage ? errorMessageId : void 0
+		].filter(Boolean);
+		return ids.length ? ids.join(" ") : void 0;
+	};
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const { isHovered, hoverProps } = createHover({ get isDisabled() {
+		return ariaProps.isDisabled || ariaProps.isReadOnly;
+	} });
+	const renderValues = createMemo(() => ({
+		isSelected: switchAria.isSelected(),
+		isHovered: isHovered(),
+		isPressed: switchAria.isPressed(),
+		isFocused: isFocused(),
+		isFocusVisible: isFocusVisible(),
+		isDisabled: switchAria.isDisabled,
+		isReadOnly: switchAria.isReadOnly,
+		isInvalid: switchAria.isInvalid,
+		state
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-ToggleSwitch"
+	}, renderValues);
+	const childRenderValues = {
+		get isSelected() {
+			return switchAria.isSelected();
+		},
+		get isHovered() {
+			return isHovered();
+		},
+		get isPressed() {
+			return switchAria.isPressed();
+		},
+		get isFocused() {
+			return isFocused();
+		},
+		get isFocusVisible() {
+			return isFocusVisible();
+		},
+		get isDisabled() {
+			return switchAria.isDisabled;
+		},
+		get isReadOnly() {
+			return switchAria.isReadOnly;
+		},
+		get isInvalid() {
+			return switchAria.isInvalid;
+		},
+		get state() {
+			return state;
+		}
+	};
+	const domProps = createMemo(() => {
+		const filtered = filterDOMProps(ariaProps, { global: true });
+		delete filtered.id;
+		delete filtered.onClick;
+		return filtered;
+	});
+	const cleanLabelProps = () => {
+		const { ref: _ref1, ...rest } = switchAria.labelProps;
+		return rest;
+	};
+	const cleanHoverProps = () => {
+		const { ref: _ref2, ...rest } = hoverProps;
+		return rest;
+	};
+	const cleanInputProps = () => {
+		const { ref: _ref3, ...rest } = switchAria.inputProps;
+		return rest;
+	};
+	const cleanFocusProps = () => {
+		const { ref: _ref4, ...rest } = focusProps;
+		return rest;
+	};
+	const switchChildren = untrack(() => {
+		const children = props.children;
+		return typeof children === "function" ? children(childRenderValues) : children;
+	});
+	return (() => {
+		var _el$ = getNextElement(_tmpl$4), _el$5 = _el$.firstChild, [_el$6, _co$] = getNextMarker(_el$5.nextSibling), _el$7 = _el$6.nextSibling, [_el$8, _co$2] = getNextMarker(_el$7.nextSibling), _el$9 = _el$8.nextSibling, [_el$0, _co$3] = getNextMarker(_el$9.nextSibling), _el$1 = _el$0.nextSibling, [_el$10, _co$4] = getNextMarker(_el$1.nextSibling);
+		spread(_el$, mergeProps(domProps, cleanLabelProps, cleanHoverProps, {
+			get ["class"]() {
+				return renderProps.class();
+			},
+			get style() {
+				return renderProps.style();
+			},
+			get ["data-selected"]() {
+				return switchAria.isSelected() || void 0;
+			},
+			get ["data-pressed"]() {
+				return switchAria.isPressed() || void 0;
+			},
+			get ["data-hovered"]() {
+				return isHovered() || void 0;
+			},
+			get ["data-focused"]() {
+				return isFocused() || void 0;
+			},
+			get ["data-focus-visible"]() {
+				return isFocusVisible() || void 0;
+			},
+			get ["data-disabled"]() {
+				return switchAria.isDisabled || void 0;
+			},
+			get ["data-readonly"]() {
+				return switchAria.isReadOnly || void 0;
+			}
+		}), false, true);
+		insert(_el$, createComponent(VisuallyHidden, { get children() {
+			var _el$2 = getNextElement(_tmpl$);
+			use(setInputElement, _el$2);
+			spread(_el$2, mergeProps(cleanInputProps, cleanFocusProps, { get ["aria-describedby"]() {
+				return describedBy();
+			} }), false, false);
+			runHydrationEvents();
+			return _el$2;
+		} }), _el$6, _co$);
+		insert(_el$, switchChildren, _el$8, _co$2);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return local.description;
+			},
+			get children() {
+				var _el$3 = getNextElement(_tmpl$2);
+				setAttribute(_el$3, "id", descriptionId);
+				insert(_el$3, () => local.description);
+				return _el$3;
+			}
+		}), _el$0, _co$3);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return memo(() => !!switchAria.isInvalid)() && local.errorMessage;
+			},
+			get children() {
+				var _el$4 = getNextElement(_tmpl$3);
+				setAttribute(_el$4, "id", errorMessageId);
+				insert(_el$4, () => local.errorMessage);
+				return _el$4;
+			}
+		}), _el$10, _co$4);
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+const SwitchFieldContext = createContext(null);
+const InternalSwitchContext = createContext(null);
+/**
+* A switch button is the clickable area of a switch, including the indicator and label.
+* Must be rendered inside a `SwitchField` (or the legacy `ToggleSwitch`).
+*/
+function SwitchButton(props) {
+	const getCtx = createMemo(() => useContext(InternalSwitchContext));
+	return createComponent(Show, {
+		get when() {
+			return getCtx();
+		},
+		fallback: null,
+		keyed: true,
+		children: (ctx) => createComponent(SwitchButtonImpl, {
+			buttonProps: props,
+			ctx
+		})
+	});
+}
+function SwitchButtonImpl(props) {
+	const { ctx } = props;
+	const switchAria = ctx.switchAria;
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const { isHovered, hoverProps } = createHover({
+		get isDisabled() {
+			return switchAria.isDisabled || switchAria.isReadOnly;
+		},
+		onHoverStart: props.buttonProps.onHoverStart,
+		onHoverEnd: props.buttonProps.onHoverEnd,
+		onHoverChange: props.buttonProps.onHoverChange
+	});
+	const renderValues = createMemo(() => ({
+		isSelected: switchAria.isSelected(),
+		isHovered: isHovered(),
+		isPressed: switchAria.isPressed(),
+		isFocused: isFocused(),
+		isFocusVisible: isFocusVisible(),
+		isDisabled: switchAria.isDisabled,
+		isReadOnly: switchAria.isReadOnly,
+		isInvalid: switchAria.isInvalid,
+		isRequired: ctx.isRequired,
+		state: ctx.state
+	}));
+	const renderProps = useRenderProps({
+		children: props.buttonProps.children,
+		class: props.buttonProps.class,
+		style: props.buttonProps.style,
+		defaultClassName: ctx.defaultClassName
+	}, renderValues);
+	const childRenderValues = {
+		get isSelected() {
+			return switchAria.isSelected();
+		},
+		get isHovered() {
+			return isHovered();
+		},
+		get isPressed() {
+			return switchAria.isPressed();
+		},
+		get isFocused() {
+			return isFocused();
+		},
+		get isFocusVisible() {
+			return isFocusVisible();
+		},
+		get isDisabled() {
+			return switchAria.isDisabled;
+		},
+		get isReadOnly() {
+			return switchAria.isReadOnly;
+		},
+		get isInvalid() {
+			return switchAria.isInvalid;
+		},
+		get isRequired() {
+			return ctx.isRequired;
+		},
+		get state() {
+			return ctx.state;
+		}
+	};
+	const cleanLabelProps = () => {
+		const { ref: _ref1, ...rest } = switchAria.labelProps;
+		return rest;
+	};
+	const cleanHoverProps = () => {
+		const { ref: _ref2, ...rest } = hoverProps;
+		return rest;
+	};
+	const cleanInputProps = () => {
+		const { ref: _ref3, ...rest } = switchAria.inputProps;
+		return rest;
+	};
+	const cleanFocusProps = () => {
+		const { ref: _ref4, ...rest } = focusProps;
+		return rest;
+	};
+	const switchChildren = untrack(() => {
+		const children = props.buttonProps.children;
+		return typeof children === "function" ? children(childRenderValues) : children;
+	});
+	return (() => {
+		var _el$11 = getNextElement(_tmpl$5), _el$13 = _el$11.firstChild, [_el$14, _co$5] = getNextMarker(_el$13.nextSibling), _el$15 = _el$14.nextSibling, [_el$16, _co$6] = getNextMarker(_el$15.nextSibling);
+		spread(_el$11, mergeProps(cleanLabelProps, cleanHoverProps, {
+			get ["class"]() {
+				return renderProps.class();
+			},
+			get style() {
+				return renderProps.style();
+			},
+			get slot() {
+				return props.buttonProps.slot;
+			},
+			get ["data-selected"]() {
+				return switchAria.isSelected() || void 0;
+			},
+			get ["data-pressed"]() {
+				return switchAria.isPressed() || void 0;
+			},
+			get ["data-hovered"]() {
+				return isHovered() || void 0;
+			},
+			get ["data-focused"]() {
+				return isFocused() || void 0;
+			},
+			get ["data-focus-visible"]() {
+				return isFocusVisible() || void 0;
+			},
+			get ["data-disabled"]() {
+				return switchAria.isDisabled || void 0;
+			},
+			get ["data-readonly"]() {
+				return switchAria.isReadOnly || void 0;
+			},
+			get ["data-invalid"]() {
+				return switchAria.isInvalid || void 0;
+			},
+			get ["data-required"]() {
+				return ctx.isRequired || void 0;
+			}
+		}), false, true);
+		insert(_el$11, createComponent(VisuallyHidden, { get children() {
+			var _el$12 = getNextElement(_tmpl$);
+			var _ref$ = ctx.setInputElement;
+			typeof _ref$ === "function" ? use(_ref$, _el$12) : ctx.setInputElement = _el$12;
+			spread(_el$12, mergeProps(cleanInputProps, cleanFocusProps), false, false);
+			runHydrationEvents();
+			return _el$12;
+		} }), _el$14, _co$5);
+		insert(_el$11, switchChildren, _el$16, _co$6);
+		runHydrationEvents();
+		return _el$11;
+	})();
+}
+/**
+* A switch allows a user to turn a setting on or off, with support for validation and help text.
+* Wraps a `SwitchButton` and provides description/error wiring through
+* TextContext slots — render help text with `<Text slot="description">`.
+*
+* @example
+* ```tsx
+* <SwitchField>
+*   <SwitchButton>Enable sync</SwitchButton>
+*   <Text slot="description">Sync across devices</Text>
+* </SwitchField>
+* ```
+*/
+function SwitchField(props) {
+	const contextProps = useContext(SwitchFieldContext);
+	const contextSlotProps = contextProps?.slots?.[props.slot ?? "default"];
+	const contextBaseProps = createMemo(() => {
+		if (!contextProps) return {};
+		const { slots: _slots, ...rest } = contextProps;
+		return rest;
+	});
+	const merged = contextProps ? mergeProps$2(contextBaseProps(), contextSlotProps ?? {}, props) : props;
+	const [inputElement, setInputElement] = createSignal(null);
+	const [local, ariaProps] = splitProps(merged, [
+		"class",
+		"style",
+		"slot",
+		"children"
+	]);
+	const state = createToggleState(() => ({
+		isSelected: ariaProps.isSelected,
+		defaultSelected: ariaProps.defaultSelected,
+		onChange: ariaProps.onChange,
+		isReadOnly: ariaProps.isReadOnly
+	}));
+	const switchAria = createSwitch(() => ({
+		...ariaProps,
+		children: true
+	}), state, inputElement);
+	const internalContext = {
+		switchAria,
+		state,
+		setInputElement,
+		defaultClassName: "solidaria-SwitchButton",
+		get isRequired() {
+			return ariaProps.isRequired || false;
+		}
+	};
+	const textSlots = { slots: {
+		get description() {
+			return switchAria.descriptionProps;
+		},
+		get errorMessage() {
+			return switchAria.errorMessageProps;
+		}
+	} };
+	const renderValues = createMemo(() => ({
+		isSelected: switchAria.isSelected(),
+		isDisabled: switchAria.isDisabled,
+		isReadOnly: switchAria.isReadOnly,
+		isInvalid: switchAria.isInvalid,
+		isRequired: ariaProps.isRequired || false,
+		state
+	}));
+	const renderProps = useRenderProps({
+		children: merged.children,
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-SwitchField"
+	}, renderValues);
+	const fieldErrorContext = {
+		get validation() {
+			return {
+				isInvalid: switchAria.isInvalid,
+				validationDetails: VALID_VALIDITY_STATE,
+				validationErrors: []
+			};
+		},
+		get errorMessageProps() {
+			return switchAria.errorMessageProps;
+		}
+	};
+	const domProps = createMemo(() => {
+		const filtered = filterDOMProps(ariaProps, { global: true });
+		delete filtered.id;
+		delete filtered.onClick;
+		return filtered;
+	});
+	const FieldChildren = () => {
+		const childRenderValues = {
+			get isSelected() {
+				return switchAria.isSelected();
+			},
+			get isDisabled() {
+				return switchAria.isDisabled;
+			},
+			get isReadOnly() {
+				return switchAria.isReadOnly;
+			},
+			get isInvalid() {
+				return switchAria.isInvalid;
+			},
+			get isRequired() {
+				return ariaProps.isRequired || false;
+			},
+			get state() {
+				return state;
+			}
+		};
+		return memo(createMemo(() => {
+			const children = merged.children;
+			return typeof children === "function" ? children(childRenderValues) : children;
+		}));
+	};
+	return createComponent(InternalSwitchContext.Provider, {
+		value: internalContext,
+		get children() {
+			return createComponent(FieldErrorContext.Provider, {
+				value: fieldErrorContext,
+				get children() {
+					var _el$17 = getNextElement(_tmpl$6);
+					spread(_el$17, mergeProps(domProps, {
+						get ["class"]() {
+							return renderProps.class();
+						},
+						get style() {
+							return renderProps.style();
+						},
+						get slot() {
+							return local.slot;
+						},
+						get ["data-selected"]() {
+							return switchAria.isSelected() || void 0;
+						},
+						get ["data-disabled"]() {
+							return switchAria.isDisabled || void 0;
+						},
+						get ["data-readonly"]() {
+							return switchAria.isReadOnly || void 0;
+						},
+						get ["data-invalid"]() {
+							return switchAria.isInvalid || void 0;
+						},
+						get ["data-required"]() {
+							return ariaProps.isRequired || void 0;
+						}
+					}), false, true);
+					insert(_el$17, createComponent(Provider, {
+						values: [[TextContext, textSlots]],
+						get children() {
+							return createComponent(FieldChildren, {});
+						}
+					}));
+					runHydrationEvents();
+					return _el$17;
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { SwitchButton, SwitchField, SwitchFieldContext, ToggleSwitch, ToggleSwitchContext };
+
+//# sourceMappingURL=Switch.js.map

package/dist/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["JSX","Context","createContext","createMemo","createSignal","createUniqueId","splitProps","untrack","useContext","Show","createSwitch","createFocusRing","createHover","mergeProps","AriaSwitchProps","SwitchAria","createToggleState","VALID_VALIDITY_STATE","ToggleState","ValidationResult","VisuallyHidden","FieldErrorContext","FieldErrorContextValue","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","Provider","useRenderProps","filterDOMProps","TextContext","ToggleSwitchRenderProps","isSelected","isHovered","isPressed","isFocused","isFocusVisible","isDisabled","isReadOnly","isInvalid","state","ToggleSwitchProps","Omit","children","class","style","description","Element","errorMessage","ToggleSwitchContext","ToggleSwitch","props","inputElement","setInputElement","HTMLInputElement","local","ariaProps","descriptionId","errorMessageId","defaultSelected","onChange","switchAria","describedBy","ids","undefined","filter","Boolean","length","join","focusProps","hoverProps","renderValues","renderProps","defaultClassName","childRenderValues","domProps","filtered","global","Record","id","onClick","cleanLabelProps","ref","_ref1","rest","labelProps","cleanHoverProps","_ref2","cleanInputProps","_ref3","inputProps","cleanFocusProps","_ref4","switchChildren","_el$","_$getNextElement","_tmpl$4","_el$5","firstChild","_el$6","_co$","_$getNextMarker","nextSibling","_el$7","_el$8","_co$2","_el$9","_el$0","_co$3","_el$1","_el$10","_co$4","_$spread","_$mergeProps","data-selected","data-pressed","data-hovered","data-focused","data-focus-visible","data-disabled","data-readonly","_$insert","_$createComponent","_el$2","_tmpl$","_$use","aria-describedby","_$runHydrationEvents","when","_el$3","_tmpl$2","_$setAttribute","_$memo","_el$4","_tmpl$3","SwitchFieldRenderProps","isRequired","SwitchButtonRenderProps","SwitchFieldProps","SwitchButtonProps","onHoverStart","onHoverEnd","onHoverChange","SwitchFieldContextValue","slots","SwitchFieldContext","InternalSwitchContextValue","el","InternalSwitchContext","SwitchButton","getCtx","fallback","keyed","ctx","SwitchButtonImpl","buttonProps","_el$11","_tmpl$5","_el$13","_el$14","_co$5","_el$15","_el$16","_co$6","slot","data-invalid","data-required","_el$12","_ref$","SwitchField","contextProps","contextSlotProps","contextBaseProps","_slots","merged","internalContext","textSlots","descriptionProps","errorMessageProps","fieldErrorContext","validation","validationDetails","validationErrors","HTMLAttributes","HTMLElement","FieldChildren","renderedChildren","value","_el$17","_tmpl$6","values","Array"],"sources":["../src/Switch.tsx"],"sourcesContent":["/**\n * ToggleSwitch component for solidaria-components\n *\n * A pre-wired headless switch that combines state + aria hooks.\n * Port of react-aria-components/src/Switch.tsx\n *\n * Named \"ToggleSwitch\" to avoid conflict with SolidJS's built-in Switch component.\n */\n\nimport {\n  type JSX,\n  type Context,\n  createContext,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  splitProps,\n  untrack,\n  useContext,\n  Show,\n} from \"solid-js\";\nimport {\n  createSwitch,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaSwitchProps,\n  type SwitchAria,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createToggleState,\n  VALID_VALIDITY_STATE,\n  type ToggleState,\n  type ValidationResult,\n} from \"@proyecto-viviana/solid-stately\";\nimport { VisuallyHidden } from \"./VisuallyHidden\";\nimport { FieldErrorContext, type FieldErrorContextValue } from \"./FieldError\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  Provider,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\n\nexport interface ToggleSwitchRenderProps {\n  /** Whether the switch is selected. */\n  isSelected: boolean;\n  /** Whether the switch is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** Whether the switch is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the switch is focused, either via a mouse or keyboard. */\n  isFocused: boolean;\n  /** Whether the switch is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the switch is disabled. */\n  isDisabled: boolean;\n  /** Whether the switch is read only. */\n  isReadOnly: boolean;\n  /** Whether the switch is invalid. */\n  isInvalid: boolean;\n  /** State of the switch. */\n  state: ToggleState;\n}\n\nexport interface ToggleSwitchProps extends Omit<AriaSwitchProps, \"children\">, SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<ToggleSwitchRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<ToggleSwitchRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<ToggleSwitchRenderProps>;\n  /** A description for the switch. */\n  description?: JSX.Element;\n  /** An error message for the switch. */\n  errorMessage?: JSX.Element;\n}\n\nexport const ToggleSwitchContext = createContext<ToggleSwitchProps | null>(null);\n\n/**\n * A switch allows a user to turn a setting on or off.\n *\n * This is a headless component that provides accessibility and state management.\n * Style it using the render props pattern or data attributes.\n *\n * Named \"ToggleSwitch\" to avoid conflict with SolidJS's built-in Switch component.\n *\n * @example\n * ```tsx\n * <ToggleSwitch>\n *   {({ isSelected }) => (\n *     <>\n *       <span class={`switch-track ${isSelected ? 'bg-blue-500' : 'bg-gray-300'}`}>\n *         <span class={`switch-thumb ${isSelected ? 'translate-x-5' : 'translate-x-0'}`} />\n *       </span>\n *       <span>Enable notifications</span>\n *     </>\n *   )}\n * </ToggleSwitch>\n * ```\n */\nexport function ToggleSwitch(props: ToggleSwitchProps): JSX.Element {\n  const [inputElement, setInputElement] = createSignal<HTMLInputElement | null>(null);\n\n  const [local, ariaProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"description\",\n    \"errorMessage\",\n  ]);\n  const descriptionId = createUniqueId();\n  const errorMessageId = createUniqueId();\n\n  // Use getters to ensure props are read lazily inside reactive contexts\n  const state = createToggleState(() => ({\n    isSelected: ariaProps.isSelected,\n    defaultSelected: ariaProps.defaultSelected,\n    onChange: ariaProps.onChange,\n    isReadOnly: ariaProps.isReadOnly,\n  }));\n\n  const switchAria = createSwitch(\n    () => ({\n      ...ariaProps,\n      children: typeof props.children === \"function\" ? true : props.children,\n    }),\n    state,\n    inputElement,\n  );\n  const describedBy = () => {\n    const ids = [\n      ariaProps[\"aria-describedby\"],\n      local.description ? descriptionId : undefined,\n      switchAria.isInvalid && local.errorMessage ? errorMessageId : undefined,\n    ].filter(Boolean);\n    return ids.length ? ids.join(\" \") : undefined;\n  };\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return ariaProps.isDisabled || ariaProps.isReadOnly;\n    },\n  });\n\n  const renderValues = createMemo<ToggleSwitchRenderProps>(() => ({\n    isSelected: switchAria.isSelected(),\n    isHovered: isHovered(),\n    isPressed: switchAria.isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: switchAria.isDisabled,\n    isReadOnly: switchAria.isReadOnly,\n    isInvalid: switchAria.isInvalid,\n    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-ToggleSwitch\",\n    },\n    renderValues,\n  );\n  const childRenderValues: ToggleSwitchRenderProps = {\n    get isSelected() {\n      return switchAria.isSelected();\n    },\n    get isHovered() {\n      return isHovered();\n    },\n    get isPressed() {\n      return switchAria.isPressed();\n    },\n    get isFocused() {\n      return isFocused();\n    },\n    get isFocusVisible() {\n      return isFocusVisible();\n    },\n    get isDisabled() {\n      return switchAria.isDisabled;\n    },\n    get isReadOnly() {\n      return switchAria.isReadOnly;\n    },\n    get isInvalid() {\n      return switchAria.isInvalid;\n    },\n    get state() {\n      return state;\n    },\n  };\n\n  const domProps = createMemo(() => {\n    const filtered = filterDOMProps(ariaProps, { global: true });\n    delete (filtered as Record<string, unknown>).id;\n    delete (filtered as Record<string, unknown>).onClick;\n    return filtered;\n  });\n\n  const cleanLabelProps = () => {\n    const { ref: _ref1, ...rest } = switchAria.labelProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanInputProps = () => {\n    const { ref: _ref3, ...rest } = switchAria.inputProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref4, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  // Resolve the render-prop children ONCE (untracked) — see TextField. Re-invoking\n  // it on a reactive update re-clones its templates and, mid-hydration, throws a\n  // Hydration Mismatch. The children keep fine-grained reactivity via the\n  // childRenderValues getters + <Show>s.\n  const switchChildren = untrack(() => {\n    const children = props.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  });\n\n  return (\n    <label\n      {...domProps()}\n      {...cleanLabelProps()}\n      {...cleanHoverProps()}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-selected={switchAria.isSelected() || undefined}\n      data-pressed={switchAria.isPressed() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-disabled={switchAria.isDisabled || undefined}\n      data-readonly={switchAria.isReadOnly || undefined}\n    >\n      <VisuallyHidden>\n        <input\n          ref={setInputElement}\n          {...cleanInputProps()}\n          {...cleanFocusProps()}\n          aria-describedby={describedBy()}\n        />\n      </VisuallyHidden>\n      {switchChildren}\n      <Show when={local.description}>\n        <span id={descriptionId} slot=\"description\">\n          {local.description}\n        </span>\n      </Show>\n      <Show when={switchAria.isInvalid && local.errorMessage}>\n        <span id={errorMessageId} slot=\"errorMessage\">\n          {local.errorMessage}\n        </span>\n      </Show>\n    </label>\n  );\n}\n\n// ============================================================================\n// SwitchField + SwitchButton — the RAC form-field split (RAC 1.19)\n// ----------------------------------------------------------------------------\n// Upstream split the monolithic Switch into a SwitchField wrapper (owns state,\n// validation, and help text) containing a SwitchButton control (the clickable\n// label + indicator). Mirrors react-aria-components/src/Switch.tsx. The legacy\n// `ToggleSwitch` above stays as the deprecated monolith for back-compat.\n//\n// Help text wiring mirrors upstream exactly: SwitchField has NO description /\n// errorMessage props. createSwitch mints descriptionProps / errorMessageProps\n// (slot ids) and bakes the combined aria-describedby into inputProps, and the\n// field provides those ids through TextContext slots. Consumers render the help\n// text themselves with `<Text slot=\"description\">` / `<FieldError>`.\n// ============================================================================\n\nexport interface SwitchFieldRenderProps {\n  /** Whether the switch is selected. */\n  isSelected: boolean;\n  /** Whether the switch is disabled. */\n  isDisabled: boolean;\n  /** Whether the switch is read only. */\n  isReadOnly: boolean;\n  /** Whether the switch is invalid. */\n  isInvalid: boolean;\n  /** Whether the switch is required. */\n  isRequired: boolean;\n  /** State of the switch. */\n  state: ToggleState;\n}\n\nexport interface SwitchButtonRenderProps extends ToggleSwitchRenderProps {\n  /** Whether the switch is required. */\n  isRequired: boolean;\n}\n\nexport interface SwitchFieldProps extends Omit<AriaSwitchProps, \"children\">, SlotProps {\n  /** The children of the component (typically a `SwitchButton`). A function may receive render props. */\n  children?: RenderChildren<SwitchFieldRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SwitchFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SwitchFieldRenderProps>;\n}\n\nexport interface SwitchButtonProps extends SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<SwitchButtonRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SwitchButtonRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SwitchButtonRenderProps>;\n  /** Handler called when hover starts. */\n  onHoverStart?: () => void;\n  /** Handler called when hover ends. */\n  onHoverEnd?: () => void;\n  /** Handler called when hover state changes. */\n  onHoverChange?: (isHovered: boolean) => void;\n}\n\nexport interface SwitchFieldContextValue extends SwitchFieldProps {\n  slots?: Record<string, SwitchFieldProps>;\n}\nexport const SwitchFieldContext = createContext<SwitchFieldContextValue | null>(null);\n\n/** Carries the switch aria + state from a SwitchField/Switch wrapper to its SwitchButton. */\ninterface InternalSwitchContextValue {\n  switchAria: SwitchAria;\n  state: ToggleState;\n  setInputElement: (el: HTMLInputElement | null) => void;\n  defaultClassName: string;\n  isRequired: boolean;\n}\nconst InternalSwitchContext = createContext<InternalSwitchContextValue | null>(null);\n\n/**\n * A switch button is the clickable area of a switch, including the indicator and label.\n * Must be rendered inside a `SwitchField` (or the legacy `ToggleSwitch`).\n */\nexport function SwitchButton(props: SwitchButtonProps): JSX.Element {\n  // Accessed reactively so it resolves once the parent provider mounts (HMR-safe).\n  const getCtx = createMemo(() => useContext(InternalSwitchContext));\n  return (\n    <Show when={getCtx()} fallback={null} keyed>\n      {(ctx) => <SwitchButtonImpl buttonProps={props} ctx={ctx} />}\n    </Show>\n  );\n}\n\nfunction SwitchButtonImpl(props: {\n  buttonProps: SwitchButtonProps;\n  ctx: InternalSwitchContextValue;\n}): JSX.Element {\n  const { ctx } = props;\n  const switchAria = ctx.switchAria;\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return switchAria.isDisabled || switchAria.isReadOnly;\n    },\n    onHoverStart: props.buttonProps.onHoverStart,\n    onHoverEnd: props.buttonProps.onHoverEnd,\n    onHoverChange: props.buttonProps.onHoverChange,\n  });\n\n  const renderValues = createMemo<SwitchButtonRenderProps>(() => ({\n    isSelected: switchAria.isSelected(),\n    isHovered: isHovered(),\n    isPressed: switchAria.isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: switchAria.isDisabled,\n    isReadOnly: switchAria.isReadOnly,\n    isInvalid: switchAria.isInvalid,\n    isRequired: ctx.isRequired,\n    state: ctx.state,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      children: props.buttonProps.children,\n      class: props.buttonProps.class,\n      style: props.buttonProps.style,\n      defaultClassName: ctx.defaultClassName,\n    },\n    renderValues,\n  );\n\n  const childRenderValues: SwitchButtonRenderProps = {\n    get isSelected() {\n      return switchAria.isSelected();\n    },\n    get isHovered() {\n      return isHovered();\n    },\n    get isPressed() {\n      return switchAria.isPressed();\n    },\n    get isFocused() {\n      return isFocused();\n    },\n    get isFocusVisible() {\n      return isFocusVisible();\n    },\n    get isDisabled() {\n      return switchAria.isDisabled;\n    },\n    get isReadOnly() {\n      return switchAria.isReadOnly;\n    },\n    get isInvalid() {\n      return switchAria.isInvalid;\n    },\n    get isRequired() {\n      return ctx.isRequired;\n    },\n    get state() {\n      return ctx.state;\n    },\n  };\n\n  const cleanLabelProps = () => {\n    const { ref: _ref1, ...rest } = switchAria.labelProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanInputProps = () => {\n    const { ref: _ref3, ...rest } = switchAria.inputProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref4, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n\n  // Resolve the render-prop children ONCE (untracked) — see ToggleSwitch above.\n  // The button's own children are leaf visuals (they don't consume context), so\n  // untrack is safe and keeps fine-grained reactivity via the getters + <Show>s.\n  const switchChildren = untrack(() => {\n    const children = props.buttonProps.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  });\n\n  return (\n    <label\n      {...cleanLabelProps()}\n      {...cleanHoverProps()}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      slot={props.buttonProps.slot}\n      data-selected={switchAria.isSelected() || undefined}\n      data-pressed={switchAria.isPressed() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-disabled={switchAria.isDisabled || undefined}\n      data-readonly={switchAria.isReadOnly || undefined}\n      data-invalid={switchAria.isInvalid || undefined}\n      data-required={ctx.isRequired || undefined}\n    >\n      <VisuallyHidden>\n        <input ref={ctx.setInputElement} {...cleanInputProps()} {...cleanFocusProps()} />\n      </VisuallyHidden>\n      {switchChildren}\n    </label>\n  );\n}\n\n/**\n * A switch allows a user to turn a setting on or off, with support for validation and help text.\n * Wraps a `SwitchButton` and provides description/error wiring through\n * TextContext slots — render help text with `<Text slot=\"description\">`.\n *\n * @example\n * ```tsx\n * <SwitchField>\n *   <SwitchButton>Enable sync</SwitchButton>\n *   <Text slot=\"description\">Sync across devices</Text>\n * </SwitchField>\n * ```\n */\nexport function SwitchField(props: SwitchFieldProps): JSX.Element {\n  const contextProps = useContext(SwitchFieldContext);\n  const contextSlotProps = contextProps?.slots?.[props.slot ?? \"default\"];\n  const contextBaseProps = createMemo<SwitchFieldProps>(() => {\n    if (!contextProps) return {};\n    const { slots: _slots, ...rest } = contextProps;\n    return rest;\n  });\n  const merged = contextProps\n    ? (mergeProps(contextBaseProps(), contextSlotProps ?? {}, props) as SwitchFieldProps)\n    : props;\n\n  const [inputElement, setInputElement] = createSignal<HTMLInputElement | null>(null);\n  // `children` is split out of ariaProps so the hook accessor's `...ariaProps`\n  // spread does not eagerly read it — reading a Solid `children` getter\n  // instantiates the nested SwitchButton, and doing so OUTSIDE the\n  // InternalSwitchContext provider both breaks its context binding and recurses.\n  const [local, ariaProps] = splitProps(merged, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const state = createToggleState(() => ({\n    isSelected: ariaProps.isSelected,\n    defaultSelected: ariaProps.defaultSelected,\n    onChange: ariaProps.onChange,\n    isReadOnly: ariaProps.isReadOnly,\n  }));\n\n  const switchAria = createSwitch(\n    () => ({\n      ...ariaProps,\n      // The hook reads `children` only to decide if an aria-label is needed; the\n      // visible label lives in the SwitchButton, so report presence as a literal.\n      children: true,\n    }),\n    state,\n    inputElement,\n  );\n\n  const internalContext: InternalSwitchContextValue = {\n    switchAria,\n    state,\n    setInputElement,\n    defaultClassName: \"solidaria-SwitchButton\",\n    get isRequired() {\n      return ariaProps.isRequired || false;\n    },\n  };\n\n  // The hook mints the description/error slot ids and bakes the combined\n  // aria-describedby into the input; the field exposes those ids through\n  // TextContext so a `<Text slot=\"description\">` / `<FieldError>` child resolves\n  // them. Mirrors react-aria-components' Switch Provider value list.\n  const textSlots = {\n    slots: {\n      get description() {\n        return switchAria.descriptionProps;\n      },\n      get errorMessage() {\n        return switchAria.errorMessageProps;\n      },\n    },\n  };\n\n  const renderValues = createMemo<SwitchFieldRenderProps>(() => ({\n    isSelected: switchAria.isSelected(),\n    isDisabled: switchAria.isDisabled,\n    isReadOnly: switchAria.isReadOnly,\n    isInvalid: switchAria.isInvalid,\n    isRequired: ariaProps.isRequired || false,\n    state,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      children: merged.children,\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-SwitchField\",\n    },\n    renderValues,\n  );\n\n  const fieldErrorContext: FieldErrorContextValue = {\n    get validation(): ValidationResult {\n      return {\n        isInvalid: switchAria.isInvalid,\n        validationDetails: VALID_VALIDITY_STATE,\n        validationErrors: [],\n      };\n    },\n    get errorMessageProps() {\n      return switchAria.errorMessageProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n\n  const domProps = createMemo(() => {\n    const filtered = filterDOMProps(ariaProps, { global: true });\n    delete (filtered as Record<string, unknown>).id;\n    delete (filtered as Record<string, unknown>).onClick;\n    return filtered;\n  });\n\n  // Children are accessed inside the providers (component-execution owner) so a\n  // nested SwitchButton's useContext binds to InternalSwitchContext. Mirrors\n  // RadioGroup's GroupChildren — do NOT pre-resolve outside the provider.\n  const FieldChildren = () => {\n    const childRenderValues: SwitchFieldRenderProps = {\n      get isSelected() {\n        return switchAria.isSelected();\n      },\n      get isDisabled() {\n        return switchAria.isDisabled;\n      },\n      get isReadOnly() {\n        return switchAria.isReadOnly;\n      },\n      get isInvalid() {\n        return switchAria.isInvalid;\n      },\n      get isRequired() {\n        return ariaProps.isRequired || false;\n      },\n      get state() {\n        return state;\n      },\n    };\n    const renderedChildren = createMemo(() => {\n      const children = merged.children;\n      return typeof children === \"function\" ? children(childRenderValues) : children;\n    });\n    return <>{renderedChildren()}</>;\n  };\n\n  return (\n    <InternalSwitchContext.Provider value={internalContext}>\n      <FieldErrorContext.Provider value={fieldErrorContext}>\n        <div\n          {...domProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-selected={switchAria.isSelected() || undefined}\n          data-disabled={switchAria.isDisabled || undefined}\n          data-readonly={switchAria.isReadOnly || undefined}\n          data-invalid={switchAria.isInvalid || undefined}\n          data-required={ariaProps.isRequired || false || undefined}\n        >\n          <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n            <FieldChildren />\n          </Provider>\n        </div>\n      </FieldErrorContext.Provider>\n    </InternalSwitchContext.Provider>\n  );\n}\n"],"mappings":"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"}