import type { JSX } from "@solidjs/web";

/**
 * Visually-hidden style block used by the NVDA-pump spans that progress/meter
 * roots inject inside their subtrees. Screen readers need a non-empty text
 * node inside the labeled element to reliably announce the label — see
 * base-ui#4184.
 *
 * NOT frozen: Solid 2's style binding mutates the descriptor when toggling
 * visibility under `<Show>`; a frozen object throws "Unable to delete property"
 * (see solidify.md papercuts). Consumers should still treat it as read-only —
 * spread into a fresh object at the use site if in doubt.
 */
export const VISUALLY_HIDDEN_STYLE: JSX.CSSProperties = {
	border: 0,
	clip: "rect(0 0 0 0)",
	height: "1px",
	margin: "-1px",
	overflow: "hidden",
	padding: 0,
	position: "absolute",
	"white-space": "nowrap",
	width: "1px",
};