/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
"use client";
"use client";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
require("../../../_virtual/_rolldown/runtime.cjs");
const require_styles_styler = require("../../../styles/styler.cjs");
const require_components_Divider_Divider = require("../../Divider/Divider.cjs");
let react = require("react");
let react_jsx_runtime = require("react/jsx-runtime");
//#region src/components/client/Select/SelectDivider.tsx
/**
* **▾ Select divider**
*
* @componentType Client component
*
* @description
* A divider for separating groups of select options inside `SelectContent`.
*
* @example
* ```tsx
* 'use client';
*
* import { Select, SelectContent, SelectDivider, SelectItem } from '@yahoo/uds';
*
* <Select label="Country" placeholder="Select a country" defaultValue="us">
*   <SelectContent>
*     <SelectItem value="us">United States</SelectItem>
*     <SelectItem value="ca">Canada</SelectItem>
*     <SelectDivider>Other regions</SelectDivider>
*     <SelectItem value="mx">Mexico</SelectItem>
*   </SelectContent>
* </Select>
* ```
*
* @usage
* Use `SelectDivider` to separate groups of select options.
*
* @related [Select](https://uds.build/docs/components/select), [SelectItem](https://uds.build/docs/components/select-item), [Divider](https://uds.build/docs/components/divider)
*/
const SelectDivider = (0, react.forwardRef)(function SelectDivider({ "aria-hidden": ariaHidden = true, contentPosition = "start", gap = "4", children, spacingVertical = children ? "2" : "0", spacingHorizontal = children ? "4" : "0", className, ...props }, ref) {
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Divider_Divider.Divider, {
		ref,
		"aria-hidden": ariaHidden,
		variant: "inherit",
		contentPosition,
		gap,
		spacingVertical,
		spacingHorizontal,
		slotProps: {
			root: { className: require_styles_styler.getStyles({
				selectitemDividerVariantRoot: "default",
				className
			}) },
			label: { className: require_styles_styler.getStyles({ selectitemDividerVariantText: "default" }) },
			line: { className: require_styles_styler.getStyles({ selectitemDividerVariantLine: "default" }) }
		},
		...props,
		children
	});
});
SelectDivider.displayName = "SelectDivider";
//#endregion
exports.SelectDivider = SelectDivider;
