@tarsis/toolkit 0.6.6 → 0.7.0

package/dist/Container-BVX2MW1U.cjs

@@ -0,0 +1,138 @@
+const require_chunk = require("./chunk-CKQMccvm.cjs");
+const require_Slot = require("./Slot-SOe-b2n6.cjs");
+let clsx = require("clsx");
+clsx = require_chunk.__toESM(clsx);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+var Stack_module_default = {
+	root: "_root_1hgvp_1",
+	divider: "_divider_1hgvp_10"
+};
+//#endregion
+//#region src/components/primitives/Stack/Stack.tsx
+var Stack = ({ gap, align, divider, asChild = false, className, style, children, ref, ...rest }) => {
+	const composedStyle = {
+		...style,
+		...gap ? { "--stack-gap": gap } : void 0,
+		...align ? { "--stack-align": alignMap$1[align] } : void 0
+	};
+	const composedClassName = (0, clsx.default)(Stack_module_default.root, className);
+	const content = divider ? interleaveWithDivider(children, divider) : children;
+	if (asChild) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Slot.Slot, {
+		ref,
+		className: composedClassName,
+		style: composedStyle,
+		...rest,
+		children: content
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: composedClassName,
+		style: composedStyle,
+		...rest,
+		children: content
+	});
+};
+var alignMap$1 = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	stretch: "stretch"
+};
+var interleaveWithDivider = (children, divider) => {
+	const items = react.Children.toArray(children).filter(Boolean);
+	const result = [];
+	for (let i = 0; i < items.length; i++) {
+		result.push(items[i]);
+		if (i < items.length - 1) result.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: Stack_module_default.divider,
+			role: "separator",
+			"aria-hidden": "true",
+			children: divider
+		}, `divider-${i}`));
+	}
+	return result;
+};
+var Cluster_module_default = { root: "_root_1upg0_1" };
+//#endregion
+//#region src/components/primitives/Cluster/Cluster.tsx
+var justifyMap = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	between: "space-between"
+};
+var alignMap = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	stretch: "stretch",
+	baseline: "baseline"
+};
+var Cluster = ({ gap, justify, align, asChild = false, className, style, children, ref, ...rest }) => {
+	const composedStyle = {
+		...style,
+		...gap ? { "--cluster-gap": gap } : void 0,
+		...justify ? { "--cluster-justify": justifyMap[justify] } : void 0,
+		...align ? { "--cluster-align": alignMap[align] } : void 0
+	};
+	const composedClassName = (0, clsx.default)(Cluster_module_default.root, className);
+	if (asChild) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Slot.Slot, {
+		ref,
+		className: composedClassName,
+		style: composedStyle,
+		...rest,
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: composedClassName,
+		style: composedStyle,
+		...rest,
+		children
+	});
+};
+var Container_module_default = { root: "_root_jx4le_1" };
+//#endregion
+//#region src/components/primitives/Container/Container.tsx
+var Container = ({ maxWidth, padding, asChild = false, className, style, children, ref, ...rest }) => {
+	const composedStyle = {
+		...style,
+		...maxWidth ? { "--container-max-width": maxWidth } : void 0,
+		...padding ? { "--container-padding": padding } : void 0
+	};
+	const composedClassName = (0, clsx.default)(Container_module_default.root, className);
+	if (asChild) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Slot.Slot, {
+		ref,
+		className: composedClassName,
+		style: composedStyle,
+		...rest,
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: composedClassName,
+		style: composedStyle,
+		...rest,
+		children
+	});
+};
+//#endregion
+Object.defineProperty(exports, "Cluster", {
+	enumerable: true,
+	get: function() {
+		return Cluster;
+	}
+});
+Object.defineProperty(exports, "Container", {
+	enumerable: true,
+	get: function() {
+		return Container;
+	}
+});
+Object.defineProperty(exports, "Stack", {
+	enumerable: true,
+	get: function() {
+		return Stack;
+	}
+});

package/dist/Container-BirkN1fA.js

@@ -0,0 +1,119 @@
+import { t as Slot } from "./Slot-z71j7q57.js";
+import cn from "clsx";
+import { Children } from "react";
+import { jsx } from "react/jsx-runtime";
+var Stack_module_default = {
+	root: "_root_1hgvp_1",
+	divider: "_divider_1hgvp_10"
+};
+//#endregion
+//#region src/components/primitives/Stack/Stack.tsx
+var Stack = ({ gap, align, divider, asChild = false, className, style, children, ref, ...rest }) => {
+	const composedStyle = {
+		...style,
+		...gap ? { "--stack-gap": gap } : void 0,
+		...align ? { "--stack-align": alignMap$1[align] } : void 0
+	};
+	const composedClassName = cn(Stack_module_default.root, className);
+	const content = divider ? interleaveWithDivider(children, divider) : children;
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		ref,
+		className: composedClassName,
+		style: composedStyle,
+		...rest,
+		children: content
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: composedClassName,
+		style: composedStyle,
+		...rest,
+		children: content
+	});
+};
+var alignMap$1 = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	stretch: "stretch"
+};
+var interleaveWithDivider = (children, divider) => {
+	const items = Children.toArray(children).filter(Boolean);
+	const result = [];
+	for (let i = 0; i < items.length; i++) {
+		result.push(items[i]);
+		if (i < items.length - 1) result.push(/* @__PURE__ */ jsx("div", {
+			className: Stack_module_default.divider,
+			role: "separator",
+			"aria-hidden": "true",
+			children: divider
+		}, `divider-${i}`));
+	}
+	return result;
+};
+var Cluster_module_default = { root: "_root_1upg0_1" };
+//#endregion
+//#region src/components/primitives/Cluster/Cluster.tsx
+var justifyMap = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	between: "space-between"
+};
+var alignMap = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	stretch: "stretch",
+	baseline: "baseline"
+};
+var Cluster = ({ gap, justify, align, asChild = false, className, style, children, ref, ...rest }) => {
+	const composedStyle = {
+		...style,
+		...gap ? { "--cluster-gap": gap } : void 0,
+		...justify ? { "--cluster-justify": justifyMap[justify] } : void 0,
+		...align ? { "--cluster-align": alignMap[align] } : void 0
+	};
+	const composedClassName = cn(Cluster_module_default.root, className);
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		ref,
+		className: composedClassName,
+		style: composedStyle,
+		...rest,
+		children
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: composedClassName,
+		style: composedStyle,
+		...rest,
+		children
+	});
+};
+var Container_module_default = { root: "_root_jx4le_1" };
+//#endregion
+//#region src/components/primitives/Container/Container.tsx
+var Container = ({ maxWidth, padding, asChild = false, className, style, children, ref, ...rest }) => {
+	const composedStyle = {
+		...style,
+		...maxWidth ? { "--container-max-width": maxWidth } : void 0,
+		...padding ? { "--container-padding": padding } : void 0
+	};
+	const composedClassName = cn(Container_module_default.root, className);
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		ref,
+		className: composedClassName,
+		style: composedStyle,
+		...rest,
+		children
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: composedClassName,
+		style: composedStyle,
+		...rest,
+		children
+	});
+};
+//#endregion
+export { Cluster as n, Stack as r, Container as t };

package/dist/SelectBase-BC6WKZVF.cjs

@@ -0,0 +1,448 @@
+const require_chunk = require("./chunk-CKQMccvm.cjs");
+const require_useMergeRefs = require("./useMergeRefs-C_l6omwU.cjs");
+const require_hooks = require("./hooks.cjs");
+let clsx = require("clsx");
+clsx = require_chunk.__toESM(clsx);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _floating_ui_react = require("@floating-ui/react");
+let react_dom = require("react-dom");
+//#region src/components/primitives/VisuallyHidden/VisuallyHidden.tsx
+var hiddenStyles = {
+	position: "absolute",
+	width: 1,
+	height: 1,
+	padding: 0,
+	margin: -1,
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	whiteSpace: "nowrap",
+	borderWidth: 0
+};
+var VisuallyHidden = ({ children, style, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	style: {
+		...hiddenStyles,
+		...style
+	},
+	...props,
+	children
+});
+//#endregion
+//#region src/components/primitives/Portal/Portal.tsx
+var Portal = ({ children, container }) => {
+	const mountNode = (0, react.useMemo)(() => typeof document !== "undefined" ? container ?? document.body : null, [container]);
+	if (!mountNode) return null;
+	return (0, react_dom.createPortal)(children, mountNode);
+};
+var FormField_module_default = {
+	root: "_root_1m3zs_1",
+	label: "_label_1m3zs_8",
+	error: "_error_1m3zs_15",
+	hint: "_hint_1m3zs_22"
+};
+//#endregion
+//#region src/components/primitives/FormField/FormFieldContext.ts
+var FormFieldContext = (0, react.createContext)(null);
+function useFormFieldContext() {
+	const ctx = (0, react.useContext)(FormFieldContext);
+	if (!ctx) throw new Error("FormField compound components must be used within <FormField>");
+	return ctx;
+}
+//#endregion
+//#region src/components/primitives/FormField/FormField.tsx
+var FormFieldRoot = ({ children, className, style, id, hasError = false, hasHint = false }) => {
+	const field = require_hooks.useFormField({
+		id,
+		hasError,
+		hasHint
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormFieldContext.Provider, {
+		value: field,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, clsx.default)(FormField_module_default.root, className),
+			style,
+			"data-has-error": hasError ? "" : void 0,
+			children
+		})
+	});
+};
+var FormFieldLabel = ({ children, className }) => {
+	const { labelProps } = useFormFieldContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+		...labelProps,
+		className: (0, clsx.default)(FormField_module_default.label, className),
+		children
+	});
+};
+var FormFieldControl = ({ children }) => {
+	const { fieldProps } = useFormFieldContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children(fieldProps) });
+};
+var FormFieldError = ({ children, className }) => {
+	const { errorProps } = useFormFieldContext();
+	if (!children) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		...errorProps,
+		className: (0, clsx.default)(FormField_module_default.error, className),
+		children
+	});
+};
+var FormFieldHint = ({ children, className }) => {
+	const { hintProps } = useFormFieldContext();
+	if (!children) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		...hintProps,
+		className: (0, clsx.default)(FormField_module_default.hint, className),
+		children
+	});
+};
+var FormField = Object.assign(FormFieldRoot, {
+	Label: FormFieldLabel,
+	Control: FormFieldControl,
+	Error: FormFieldError,
+	Hint: FormFieldHint
+});
+//#endregion
+//#region src/components/primitives/DialogBase/DialogBase.module.scss
+var dialog = "_dialog_bhv2h_1";
+var content = "_content_bhv2h_29";
+var DialogBase_module_default = {
+	dialog,
+	"dialog-backdrop-fade-in": "_dialog-backdrop-fade-in_bhv2h_1",
+	content,
+	"dialog-content-enter": "_dialog-content-enter_bhv2h_1"
+};
+//#endregion
+//#region src/components/primitives/DialogBase/DialogBase.tsx
+var DialogBase = ({ open, onClose, children, className, overlayClassName, style, ref: externalRef, closeOnOverlayClick = true, closeOnEscape = true, ...ariaProps }) => {
+	const internalRef = (0, react.useRef)(null);
+	const dialogRef = require_useMergeRefs.useMergeRefs(internalRef, externalRef ?? null);
+	(0, react.useEffect)(() => {
+		const dialog = internalRef.current;
+		if (!dialog) return;
+		if (open && !dialog.open) dialog.showModal();
+		else if (!open && dialog.open) dialog.close();
+	}, [open]);
+	(0, react.useEffect)(() => {
+		if (!open) return;
+		const originalOverflow = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		return () => {
+			document.body.style.overflow = originalOverflow;
+		};
+	}, [open]);
+	const handleCancel = (0, react.useCallback)((e) => {
+		e.preventDefault();
+		if (closeOnEscape) onClose();
+	}, [closeOnEscape, onClose]);
+	const handleBackdropClick = (0, react.useCallback)((e) => {
+		if (!closeOnOverlayClick) return;
+		if (e.target === internalRef.current) onClose();
+	}, [closeOnOverlayClick, onClose]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dialog", {
+		ref: dialogRef,
+		className: (0, clsx.default)(DialogBase_module_default.dialog, overlayClassName),
+		onCancel: handleCancel,
+		onClick: handleBackdropClick,
+		"aria-label": ariaProps["aria-label"],
+		"aria-labelledby": ariaProps["aria-labelledby"],
+		"aria-describedby": ariaProps["aria-describedby"],
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, clsx.default)(DialogBase_module_default.content, className),
+			style,
+			children
+		})
+	});
+};
+var PopoverBase_module_default = {
+	popover: "_popover_stzls_1",
+	"popover-enter": "_popover-enter_stzls_1"
+};
+//#endregion
+//#region src/components/primitives/PopoverBase/PopoverBase.tsx
+var PopoverBase = ({ open, onOpenChange, trigger, children, placement = "bottom", offsetValue = 8, className, style, triggerRef: externalTriggerRef, ...ariaProps }) => {
+	const { refs, floatingStyles, context } = (0, _floating_ui_react.useFloating)({
+		open,
+		onOpenChange,
+		placement,
+		middleware: [
+			(0, _floating_ui_react.offset)(offsetValue),
+			(0, _floating_ui_react.flip)(),
+			(0, _floating_ui_react.shift)({ padding: 8 })
+		],
+		whileElementsMounted: _floating_ui_react.autoUpdate
+	});
+	const { getReferenceProps, getFloatingProps } = (0, _floating_ui_react.useInteractions)([
+		(0, _floating_ui_react.useClick)(context),
+		(0, _floating_ui_react.useDismiss)(context),
+		(0, _floating_ui_react.useRole)(context)
+	]);
+	const setTriggerRef = (0, react.useCallback)((node) => {
+		refs.setReference(node);
+	}, [refs]);
+	const setFloatingRef = (0, react.useCallback)((node) => {
+		refs.setFloating(node);
+	}, [refs]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref: require_useMergeRefs.useMergeRefs(setTriggerRef, externalTriggerRef ?? null),
+		...getReferenceProps(),
+		style: { display: "inline-flex" },
+		children: trigger
+	}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingFocusManager, {
+		context,
+		modal: false,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref: setFloatingRef,
+			className: (0, clsx.default)(PopoverBase_module_default.popover, className),
+			style: {
+				...floatingStyles,
+				...style
+			},
+			"aria-label": ariaProps["aria-label"],
+			"aria-labelledby": ariaProps["aria-labelledby"],
+			...getFloatingProps(),
+			children
+		})
+	}) })] });
+};
+var TooltipBase_module_default = {
+	tooltip: "_tooltip_n91kb_1",
+	"tooltip-enter": "_tooltip-enter_n91kb_1"
+};
+//#endregion
+//#region src/components/primitives/TooltipBase/TooltipBase.tsx
+var TooltipBase = ({ content, children, placement = "top", delayMs = 300, closeDelayMs = 0, open: controlledOpen, onOpenChange: controlledOnOpenChange, className, style, triggerRef: externalTriggerRef }) => {
+	const [uncontrolledOpen, setUncontrolledOpen] = (0, react.useState)(false);
+	const isControlled = controlledOpen !== void 0;
+	const open = isControlled ? controlledOpen : uncontrolledOpen;
+	const onOpenChange = isControlled ? controlledOnOpenChange ?? (() => {}) : setUncontrolledOpen;
+	const tooltipId = (0, react.useId)();
+	const { refs, floatingStyles, context } = (0, _floating_ui_react.useFloating)({
+		open,
+		onOpenChange,
+		placement,
+		middleware: [
+			(0, _floating_ui_react.offset)(6),
+			(0, _floating_ui_react.flip)(),
+			(0, _floating_ui_react.shift)({ padding: 8 })
+		],
+		whileElementsMounted: _floating_ui_react.autoUpdate
+	});
+	const { getReferenceProps, getFloatingProps } = (0, _floating_ui_react.useInteractions)([
+		(0, _floating_ui_react.useHover)(context, {
+			delay: {
+				open: delayMs,
+				close: closeDelayMs
+			},
+			handleClose: (0, _floating_ui_react.safePolygon)()
+		}),
+		(0, _floating_ui_react.useFocus)(context),
+		(0, _floating_ui_react.useDismiss)(context),
+		(0, _floating_ui_react.useRole)(context, { role: "tooltip" })
+	]);
+	const setTriggerRef = (0, react.useCallback)((node) => {
+		refs.setReference(node);
+	}, [refs]);
+	const setFloatingRef = (0, react.useCallback)((node) => {
+		refs.setFloating(node);
+	}, [refs]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref: require_useMergeRefs.useMergeRefs(setTriggerRef, externalTriggerRef ?? null),
+		...getReferenceProps(),
+		"aria-describedby": open ? tooltipId : void 0,
+		style: { display: "inline-flex" },
+		children
+	}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: setFloatingRef,
+		id: tooltipId,
+		role: "tooltip",
+		className: (0, clsx.default)(TooltipBase_module_default.tooltip, className),
+		style: {
+			...floatingStyles,
+			...style
+		},
+		...getFloatingProps(),
+		children: content
+	}) })] });
+};
+var SelectBase_module_default = {
+	root: "_root_fausy_1",
+	trigger: "_trigger_fausy_14",
+	disabled: "_disabled_fausy_53",
+	value: "_value_fausy_59",
+	chevron: "_chevron_fausy_66",
+	listbox: "_listbox_fausy_76",
+	option: "_option_fausy_87",
+	active: "_active_fausy_102",
+	selected: "_selected_fausy_106",
+	optionDisabled: "_optionDisabled_fausy_110"
+};
+//#endregion
+//#region src/components/primitives/SelectBase/SelectBase.tsx
+var SelectContext = (0, react.createContext)(null);
+var SelectBase = ({ options, value: controlledValue, defaultValue, onChange, placeholder = "Select...", disabled = false, name, className, style, ref, ...ariaProps }) => {
+	const [selectedValue, setSelectedValue] = require_hooks.useControllableState(controlledValue, defaultValue ?? void 0, onChange);
+	const [isOpen, setIsOpen] = (0, react.useState)(false);
+	const [activeIndex, setActiveIndex] = (0, react.useState)(null);
+	const listRef = (0, react.useRef)([]);
+	const triggerId = (0, react.useId)();
+	const listboxId = (0, react.useId)();
+	const { refs, floatingStyles, context } = (0, _floating_ui_react.useFloating)({
+		open: isOpen,
+		onOpenChange: setIsOpen,
+		whileElementsMounted: _floating_ui_react.autoUpdate,
+		placement: "bottom-start",
+		middleware: [
+			(0, _floating_ui_react.offset)(4),
+			(0, _floating_ui_react.flip)(),
+			(0, _floating_ui_react.shift)({ padding: 8 }),
+			(0, _floating_ui_react.size)({ apply({ rects, elements }) {
+				Object.assign(elements.floating.style, { minWidth: `${rects.reference.width}px` });
+			} })
+		]
+	});
+	const { getReferenceProps, getFloatingProps, getItemProps } = (0, _floating_ui_react.useInteractions)([
+		(0, _floating_ui_react.useClick)(context),
+		(0, _floating_ui_react.useDismiss)(context),
+		(0, _floating_ui_react.useRole)(context, { role: "listbox" }),
+		(0, _floating_ui_react.useListNavigation)(context, {
+			listRef,
+			activeIndex,
+			onNavigate: setActiveIndex,
+			loop: true
+		})
+	]);
+	const handleSelect = (0, react.useCallback)((value) => {
+		setSelectedValue(value);
+		setIsOpen(false);
+	}, [setSelectedValue]);
+	const selectedOption = options.find((o) => o.value === selectedValue);
+	const getItemPropsForIndex = (0, react.useCallback)((_index) => getItemProps({ role: "option" }), [getItemProps]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectContext.Provider, {
+		value: {
+			isOpen,
+			activeIndex,
+			selectedValue,
+			getItemProps: getItemPropsForIndex,
+			handleSelect,
+			listRef
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref,
+			className: (0, clsx.default)(SelectBase_module_default.root, className),
+			style,
+			children: [
+				name && selectedValue !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "hidden",
+					name,
+					value: selectedValue
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					ref: refs.setReference,
+					type: "button",
+					id: triggerId,
+					className: (0, clsx.default)(SelectBase_module_default.trigger, disabled && SelectBase_module_default.disabled),
+					disabled,
+					"aria-expanded": isOpen,
+					"aria-haspopup": "listbox",
+					"aria-controls": isOpen ? listboxId : void 0,
+					"aria-label": ariaProps["aria-label"],
+					"aria-labelledby": ariaProps["aria-labelledby"],
+					...getReferenceProps(),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: SelectBase_module_default.value,
+						children: selectedOption ? selectedOption.label : placeholder
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: SelectBase_module_default.chevron,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+							width: "12",
+							height: "12",
+							viewBox: "0 0 12 12",
+							fill: "none",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+								d: "M3 4.5L6 7.5L9 4.5",
+								stroke: "currentColor",
+								strokeWidth: "1.5",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							})
+						})
+					})]
+				}),
+				isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					ref: refs.setFloating,
+					id: listboxId,
+					role: "listbox",
+					className: SelectBase_module_default.listbox,
+					style: floatingStyles,
+					"aria-labelledby": triggerId,
+					...getFloatingProps(),
+					children: options.map((option, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						ref: (node) => {
+							listRef.current[index] = node;
+						},
+						role: "option",
+						className: (0, clsx.default)(SelectBase_module_default.option, activeIndex === index && SelectBase_module_default.active, option.value === selectedValue && SelectBase_module_default.selected, option.disabled && SelectBase_module_default.optionDisabled),
+						"aria-selected": option.value === selectedValue,
+						"aria-disabled": option.disabled,
+						tabIndex: activeIndex === index ? 0 : -1,
+						...getItemProps({ onClick: () => {
+							if (!option.disabled) handleSelect(option.value);
+						} }),
+						children: option.label
+					}, option.value))
+				})
+			]
+		})
+	});
+};
+//#endregion
+Object.defineProperty(exports, "DialogBase", {
+	enumerable: true,
+	get: function() {
+		return DialogBase;
+	}
+});
+Object.defineProperty(exports, "FormField", {
+	enumerable: true,
+	get: function() {
+		return FormField;
+	}
+});
+Object.defineProperty(exports, "PopoverBase", {
+	enumerable: true,
+	get: function() {
+		return PopoverBase;
+	}
+});
+Object.defineProperty(exports, "Portal", {
+	enumerable: true,
+	get: function() {
+		return Portal;
+	}
+});
+Object.defineProperty(exports, "SelectBase", {
+	enumerable: true,
+	get: function() {
+		return SelectBase;
+	}
+});
+Object.defineProperty(exports, "TooltipBase", {
+	enumerable: true,
+	get: function() {
+		return TooltipBase;
+	}
+});
+Object.defineProperty(exports, "VisuallyHidden", {
+	enumerable: true,
+	get: function() {
+		return VisuallyHidden;
+	}
+});
+Object.defineProperty(exports, "useFormFieldContext", {
+	enumerable: true,
+	get: function() {
+		return useFormFieldContext;
+	}
+});