import type { JSX } from "@solidjs/web";
import { type Accessor, createContext, useContext } from "solid-js";
import type { MutableRef } from "../../internals/floating-ui/types";

export type SelectSide =
	| "top"
	| "right"
	| "bottom"
	| "left"
	| "inline-start"
	| "inline-end"
	| "none";
export type SelectAlign = "start" | "center" | "end";

export interface SelectPositionerContextValue {
	side: Accessor<SelectSide>;
	align: Accessor<SelectAlign>;
	anchorHidden: Accessor<boolean>;
	arrowRef: MutableRef<HTMLElement | null>;
	arrowStyles: Accessor<JSX.CSSProperties>;
	arrowUncentered: Accessor<boolean>;
	/**
	 * Whether the popup should be trigger-aligned (the selected item's text
	 * aligns with the trigger's value text). Mirrors React — true when the
	 * positioner's `alignItemWithTrigger` prop is true, the popup is mounted,
	 * and the open method isn't touch.
	 */
	alignItemWithTriggerActive: Accessor<boolean>;
	/**
	 * Lets the popup disable trigger-aligned placement at runtime when space
	 * is too tight (auto-fallback). Writes flip the positioner into standard
	 * anchor-relative placement without causing a re-mount.
	 */
	setControlledAlignItemWithTrigger: (next: boolean) => void;
	/** Whether floating-ui has produced its first position for the current open. */
	isPositioned: Accessor<boolean>;
	/** Scroll-arrow element refs — written by `<Select.ScrollUpArrow>` / `<Select.ScrollDownArrow>`. */
	scrollUpArrowRef: MutableRef<HTMLElement | null>;
	scrollDownArrowRef: MutableRef<HTMLElement | null>;
}

export const SelectPositionerContext =
	createContext<SelectPositionerContextValue | null>(null);

export function useSelectPositionerContext(): SelectPositionerContextValue {
	const v = useContext(SelectPositionerContext);
	if (v == null) {
		throw new Error(
			"Base UI: SelectPositionerContext is missing. Positioner children must be placed within <Select.Positioner>.",
		);
	}
	return v;
}