@_tc/template-core 0.0.1-bate.46 → 0.0.1-bate.48

package/fe/packages/react/ui/components/Popup/Popup.js

@@ -0,0 +1,86 @@
+import { cn } from "../../lib/utils.js";
+import { getDefaultDropdownPosition, useDropdownPositioning } from "../hooks/useDropdownPositioning.js";
+import { useEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+//#region packages/react/ui/components/Popup/Popup.tsx
+var DEFAULT_POPUP_CLASSNAME = cn("fixed z-[1000]", "rounded-xl border border-border/60 bg-popover text-popover-foreground", "shadow-[var(--shadow-floating)]", "animate-in fade-in-0 zoom-in-95");
+var canUseDocument = () => typeof document !== "undefined";
+function Popup({ open, anchorRef, children, className, style, placement = "bottom-end", offset = 8, keepMounted = false, closeOnClickOutside = true, closeOnEscape = true, matchAnchorWidth = false, position, positioning, strategy = getDefaultDropdownPosition, contentRef, container, positionMode = "fixed", hoverBridge = 0, hoverBridgePlacement = "auto", onOpenChange }) {
+	const internalContentRef = useRef(null);
+	const panelRef = contentRef ?? internalContentRef;
+	const internalPositioning = useDropdownPositioning({
+		open,
+		anchorRef,
+		contentRef: panelRef,
+		placement,
+		offset,
+		matchAnchorWidth,
+		strategy,
+		containerRef: useMemo(() => ({ current: container ?? null }), [container]),
+		positionMode
+	});
+	const resolvedPositioning = position ? null : positioning ?? internalPositioning;
+	useEffect(() => {
+		if (!open || !closeOnClickOutside) return;
+		const handleClickOutside = (event) => {
+			const target = event.target;
+			const clickedAnchor = anchorRef.current?.contains(target);
+			const clickedPanel = panelRef.current?.contains(target);
+			if (!clickedAnchor && !clickedPanel) onOpenChange?.(false);
+		};
+		document.addEventListener("mousedown", handleClickOutside);
+		return () => document.removeEventListener("mousedown", handleClickOutside);
+	}, [
+		anchorRef,
+		closeOnClickOutside,
+		onOpenChange,
+		open,
+		panelRef
+	]);
+	useEffect(() => {
+		if (!open || !closeOnEscape) return;
+		const handleKeyDown = (event) => {
+			if (event.key === "Escape") onOpenChange?.(false);
+		};
+		document.addEventListener("keydown", handleKeyDown);
+		return () => document.removeEventListener("keydown", handleKeyDown);
+	}, [
+		closeOnEscape,
+		onOpenChange,
+		open
+	]);
+	const mergedStyle = useMemo(() => ({
+		...resolvedPositioning?.position,
+		...position,
+		...style
+	}), [
+		position,
+		resolvedPositioning?.position,
+		style
+	]);
+	const showBothHorizontalHoverBridges = hoverBridge > 0 && (placement.startsWith("right") || placement.startsWith("left")) && hoverBridgePlacement === "horizontal";
+	if (!keepMounted && !open) return null;
+	const portalContainer = container ?? (canUseDocument() ? document.body : void 0);
+	if (!portalContainer) return null;
+	return createPortal(/* @__PURE__ */ jsxs("div", {
+		ref: panelRef,
+		className: cn("tc-ui-popup", DEFAULT_POPUP_CLASSNAME, positionMode === "absolute" && "absolute", !resolvedPositioning?.ready && "invisible", keepMounted && !open && "hidden", className),
+		style: mergedStyle,
+		children: [
+			hoverBridge > 0 && /* @__PURE__ */ jsx("div", {
+				"aria-hidden": "true",
+				className: cn("absolute bg-transparent", placement.startsWith("bottom") && "left-0 right-0 top-0 -translate-y-full", placement.startsWith("top") && "bottom-0 left-0 right-0 translate-y-full", placement.startsWith("right") && "bottom-0 left-0 top-0 -translate-x-full", placement.startsWith("left") && "bottom-0 right-0 top-0 translate-x-full"),
+				style: placement.startsWith("right") || placement.startsWith("left") ? { width: hoverBridge } : { height: hoverBridge }
+			}),
+			showBothHorizontalHoverBridges && /* @__PURE__ */ jsx("div", {
+				"aria-hidden": "true",
+				className: "absolute bottom-0 right-0 top-0 translate-x-full bg-transparent",
+				style: { width: hoverBridge }
+			}),
+			children
+		]
+	}), portalContainer);
+}
+//#endregion
+export { Popup };

package/fe/packages/react/ui/components/Popup/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Popup";
+//# sourceMappingURL=index.d.ts.map

package/fe/packages/react/ui/components/Popup/index.js

@@ -0,0 +1,2 @@
+import { Popup } from "./Popup.js";
+export { Popup };

package/fe/packages/react/ui/components/Radio/Radio.d.ts

@@ -0,0 +1,9 @@
+import type { InputHTMLAttributes, ReactNode } from "react";
+export type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'children'> & {
+    label?: ReactNode;
+};
+declare const Radio: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "children" | "type"> & {
+    label?: ReactNode;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export { Radio };
+//# sourceMappingURL=Radio.d.ts.map

package/fe/packages/react/ui/components/Radio/Radio.js

@@ -0,0 +1,36 @@
+import { cn } from "../../lib/utils.js";
+import { useRadioGroupContext } from "./RadioGroup.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/Radio/Radio.tsx
+var Radio = forwardRef(({ className, label, disabled, ...props }, ref) => {
+	const group = useRadioGroupContext();
+	const name = group.name ?? props.name;
+	const checked = group.selectedValue !== void 0 ? group.selectedValue === props.value : props.checked;
+	const onChange = group.onSelect ? () => {
+		if (!disabled && typeof props.value === "string") group.onSelect?.(props.value);
+	} : props.onChange;
+	return /* @__PURE__ */ jsxs("label", {
+		className: cn("tc-ui-radio inline-flex items-center gap-2", disabled && "cursor-not-allowed opacity-50", !disabled && "cursor-pointer group", className),
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				ref,
+				type: "radio",
+				name,
+				checked,
+				disabled,
+				onChange,
+				className: "sr-only peer",
+				...props
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full border border-border bg-background transition-colors duration-200 ease-out peer-checked:border-theme peer-checked:bg-theme peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background group-hover:border-foreground/25",
+				children: /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full bg-theme-foreground" })
+			}),
+			label && /* @__PURE__ */ jsx("span", { children: label })
+		]
+	});
+});
+Radio.displayName = "Radio";
+//#endregion
+export { Radio };

package/fe/packages/react/ui/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+export type RadioGroupProps = {
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    direction?: 'horizontal' | 'vertical';
+    children?: ReactNode;
+    className?: string;
+};
+type RadioGroupContextValue = {
+    name?: string;
+    selectedValue?: string;
+    onSelect?: (value: string) => void;
+};
+export declare function useRadioGroupContext(): RadioGroupContextValue;
+declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export { RadioGroup };
+//# sourceMappingURL=RadioGroup.d.ts.map

package/fe/packages/react/ui/components/Radio/RadioGroup.js

@@ -0,0 +1,33 @@
+import { cn } from "../../lib/utils.js";
+import { createContext, forwardRef, useCallback, useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region packages/react/ui/components/Radio/RadioGroup.tsx
+var RadioGroupContext = createContext({});
+function useRadioGroupContext() {
+	return useContext(RadioGroupContext);
+}
+var RadioGroup = forwardRef(({ name, value: controlledValue, defaultValue, onChange, direction = "vertical", children, className }, ref) => {
+	const [internalValue, setInternalValue] = useState(defaultValue ?? "");
+	const isControlled = controlledValue !== void 0;
+	const selectedValue = isControlled ? controlledValue : internalValue;
+	const handleSelect = useCallback((val) => {
+		if (!isControlled) setInternalValue(val);
+		onChange?.(val);
+	}, [isControlled, onChange]);
+	return /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
+		value: {
+			name,
+			selectedValue,
+			onSelect: handleSelect
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			role: "radiogroup",
+			className: cn("tc-ui-radio-group", direction === "horizontal" ? "flex flex-wrap gap-4" : "flex flex-col gap-2", className),
+			children
+		})
+	});
+});
+RadioGroup.displayName = "RadioGroup";
+//#endregion
+export { RadioGroup, useRadioGroupContext };

package/fe/packages/react/ui/components/Radio/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Radio";
+export * from "./RadioGroup";
+//# sourceMappingURL=index.d.ts.map

package/fe/packages/react/ui/components/Radio/index.js

@@ -0,0 +1,3 @@
+import { RadioGroup, useRadioGroupContext } from "./RadioGroup.js";
+import { Radio } from "./Radio.js";
+export { Radio, RadioGroup, useRadioGroupContext };

package/fe/packages/{ui/react → react/ui}/components/Search/Search.d.ts

@@ -1,7 +1,7 @@
-import type { MOmit } from '../../types';
-import type { FormInstance } from 'rc-field-form';
-import { type ReactNode } from 'react';
-import { type FormFieldSchema } from '../Form';
+import type { MOmit } from "../../types/index";
+import type { FormInstance } from "rc-field-form";
+import type { ReactNode } from "react";
+import { type FormFieldSchema } from "../Form";
 export type SearchProps<T> = {
     defaultValue?: T;
     schemas: MOmit<FormFieldSchema<T>, 'rules' | 'required'>[];

package/fe/packages/react/ui/components/Search/Search.js

@@ -0,0 +1,24 @@
+import { cn } from "../../lib/utils.js";
+import { SchemaForm } from "../Form/SchemaForm/index.js";
+import "../Form/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/Search/Search.tsx
+var Search = (props) => {
+	const { defaultValue: pDefaultValue, schemas, children, getForm, btnsClassName } = props;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "tc-ui-search flex items-end justify-between gap-4 flex-wrap",
+		children: [/* @__PURE__ */ jsx(SchemaForm, {
+			preserve: true,
+			layout: "horizontal",
+			schemas,
+			initialValues: pDefaultValue,
+			getForm,
+			footerButtons: false
+		}), /* @__PURE__ */ jsx("div", {
+			className: cn("flex items-center gap-2 self-end ml-auto flex-wrap", btnsClassName),
+			children
+		})]
+	});
+};
+//#endregion
+export { Search as default };

package/fe/packages/react/ui/components/Search/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Search } from "./Search";
+//# sourceMappingURL=index.d.ts.map

package/fe/packages/react/ui/components/Search/index.js

@@ -0,0 +1,2 @@
+import Search from "./Search.js";
+export { Search };

package/fe/packages/{ui/react → react/ui}/components/Select/Select.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 export type SelectOption = {
     /** 展示内容；传 ReactNode 时建议同时提供 searchText 用于搜索 */
     label: React.ReactNode;

package/fe/packages/react/ui/components/Select/Select.js

@@ -0,0 +1,276 @@
+import { useI18n } from "../../i18n/useI18n.js";
+import "../../i18n/index.js";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../Button/Button.js";
+import "../Button/index.js";
+import { Input } from "../Input/Input.js";
+import "../Input/index.js";
+import { useDropdownPositioning } from "../hooks/useDropdownPositioning.js";
+import { Popup } from "../Popup/Popup.js";
+import "../Popup/index.js";
+import { getSelectDropdownPosition } from "./dropdownPositioning.js";
+import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronUp, X } from "lucide-react";
+//#region packages/react/ui/components/Select/Select.tsx
+var Select = forwardRef(({ options, value: controlledValue, defaultValue, placeholder, onChange, className, disabled, clearable = true, searchable = true, getPopupContainer }, ref) => {
+	const t = useI18n();
+	const [isOpen, setIsOpen] = useState(false);
+	const [internalValue, setInternalValue] = useState(defaultValue);
+	const [isHover, setIsHover] = useState(false);
+	const [searchTerm, setSearchTerm] = useState("");
+	const [activeOptionIndex, setActiveOptionIndex] = useState(0);
+	const rootRef = useRef(null);
+	const selectRef = useRef(null);
+	const dropdownRef = useRef(null);
+	const inputRef = useRef(null);
+	const popupContainerRef = useRef(null);
+	const reactId = useId();
+	const listboxId = `${reactId}-listbox`;
+	const isParentPopupContainer = getPopupContainer === "parent";
+	popupContainerRef.current = isParentPopupContainer ? rootRef.current?.parentElement ?? null : null;
+	useEffect(() => {
+		if (!isParentPopupContainer) return;
+		const container = rootRef.current?.parentElement;
+		popupContainerRef.current = container ?? null;
+		if (!container || window.getComputedStyle(container).position !== "static") return;
+		const previousPosition = container.style.position;
+		container.style.position = "relative";
+		return () => {
+			container.style.position = previousPosition;
+		};
+	}, [isParentPopupContainer]);
+	const setRefs = useCallback((node) => {
+		selectRef.current = node;
+		if (typeof ref === "function") ref(node);
+		else if (ref) ref.current = node;
+	}, [ref]);
+	const isControlled = controlledValue !== void 0;
+	const value = isControlled ? controlledValue : internalValue;
+	const selectedOption = options.find((opt) => opt.value === value);
+	const displayText = selectedOption ? selectedOption.label : placeholder || "";
+	const filteredOptions = useMemo(() => {
+		if (!searchable || !searchTerm.trim()) return options;
+		const lower = searchTerm.trim().toLowerCase();
+		return options.filter((opt) => {
+			return (opt.searchText ?? (typeof opt.label === "string" || typeof opt.label === "number" ? String(opt.label) : "")).toLowerCase().includes(lower);
+		});
+	}, [
+		options,
+		searchTerm,
+		searchable
+	]);
+	const activeOptionId = filteredOptions[activeOptionIndex] ? `${reactId}-option-${activeOptionIndex}` : void 0;
+	useEffect(() => {
+		setActiveOptionIndex((current) => {
+			if (filteredOptions.length === 0) return 0;
+			return Math.min(current, filteredOptions.length - 1);
+		});
+	}, [filteredOptions.length]);
+	const positioning = useDropdownPositioning({
+		open: isOpen,
+		anchorRef: selectRef,
+		contentRef: dropdownRef,
+		placement: "bottom-start",
+		offset: 4,
+		matchAnchorWidth: true,
+		strategy: getSelectDropdownPosition,
+		estimateSize: () => ({ height: Math.min(filteredOptions.length * 40 + 8, 240) }),
+		watchDeps: [
+			filteredOptions.length,
+			searchTerm,
+			searchable
+		],
+		containerRef: isParentPopupContainer ? popupContainerRef : void 0,
+		positionMode: isParentPopupContainer ? "absolute" : "fixed"
+	});
+	useEffect(() => {
+		if (isOpen) requestAnimationFrame(() => {
+			if (searchable) inputRef.current?.focus();
+		});
+	}, [isOpen, searchable]);
+	const handleToggle = useCallback(() => {
+		if (disabled) return;
+		setIsOpen((prev) => {
+			const next = !prev;
+			if (next && searchable) setSearchTerm("");
+			if (next) setActiveOptionIndex(Math.max(options.findIndex((opt) => opt.value === value), 0));
+			return next;
+		});
+	}, [
+		disabled,
+		options,
+		searchable,
+		value
+	]);
+	const openSelect = useCallback(() => {
+		if (disabled) return;
+		if (searchable) setSearchTerm("");
+		setActiveOptionIndex(Math.max(options.findIndex((opt) => opt.value === value), 0));
+		setIsOpen(true);
+	}, [
+		disabled,
+		options,
+		searchable,
+		value
+	]);
+	const handleSelect = useCallback((optionValue) => {
+		if (!isControlled) setInternalValue(optionValue);
+		onChange?.(optionValue);
+		setIsOpen(false);
+	}, [isControlled, onChange]);
+	const handleClear = useCallback((event) => {
+		event.stopPropagation();
+		if (disabled) return;
+		setInternalValue(void 0);
+		onChange?.(void 0);
+	}, [disabled, onChange]);
+	const handleSearchChange = useCallback((event) => {
+		setSearchTerm(event.target.value);
+		setActiveOptionIndex(0);
+	}, []);
+	const moveActiveOption = useCallback((direction) => {
+		if (filteredOptions.length === 0) return;
+		setActiveOptionIndex((current) => {
+			const nextIndex = current + direction;
+			if (nextIndex < 0) return filteredOptions.length - 1;
+			if (nextIndex >= filteredOptions.length) return 0;
+			return nextIndex;
+		});
+	}, [filteredOptions.length]);
+	const selectActiveOption = useCallback(() => {
+		const option = filteredOptions[activeOptionIndex];
+		if (option) handleSelect(option.value);
+	}, [
+		activeOptionIndex,
+		filteredOptions,
+		handleSelect
+	]);
+	const handleKeyDown = useCallback((event) => {
+		if (disabled) return;
+		switch (event.key) {
+			case "ArrowDown":
+				event.preventDefault();
+				if (!isOpen) openSelect();
+				else moveActiveOption(1);
+				break;
+			case "ArrowUp":
+				event.preventDefault();
+				if (!isOpen) openSelect();
+				else moveActiveOption(-1);
+				break;
+			case "Enter":
+				event.preventDefault();
+				if (!isOpen) openSelect();
+				else selectActiveOption();
+				break;
+			case " ":
+				if (event.currentTarget !== inputRef.current) {
+					event.preventDefault();
+					if (!isOpen) openSelect();
+				}
+				break;
+			case "Escape":
+				if (isOpen) {
+					event.preventDefault();
+					setIsOpen(false);
+					selectRef.current?.focus();
+				}
+				break;
+			default: break;
+		}
+	}, [
+		disabled,
+		isOpen,
+		moveActiveOption,
+		openSelect,
+		selectActiveOption
+	]);
+	const popupContainer = getPopupContainer === "parent" ? rootRef.current?.parentElement ?? void 0 : getPopupContainer?.();
+	return /* @__PURE__ */ jsxs("div", {
+		ref: rootRef,
+		className: cn("tc-ui-select relative w-full", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			ref: setRefs,
+			onClick: handleToggle,
+			onKeyDown: handleKeyDown,
+			onMouseEnter: () => setIsHover(true),
+			onMouseLeave: () => setIsHover(false),
+			role: "combobox",
+			"aria-expanded": isOpen,
+			"aria-haspopup": "listbox",
+			"aria-controls": listboxId,
+			"aria-activedescendant": isOpen ? activeOptionId : void 0,
+			tabIndex: disabled ? -1 : 0,
+			className: cn("flex h-10 w-full items-center justify-between rounded-lg px-3 py-0 text-sm", "border transition-colors duration-200", "focus:outline-none focus-visible:border-theme focus-visible:ring-2 focus-visible:ring-theme/25", disabled ? "cursor-not-allowed bg-muted border-border" : "cursor-pointer bg-background", !disabled && isOpen && "border-theme ring-2 ring-theme/25", !disabled && !isOpen && "border-border"),
+			children: [searchable && isOpen ? /* @__PURE__ */ jsx(Input, {
+				ref: inputRef,
+				value: searchTerm,
+				onChange: (_, e) => handleSearchChange(e),
+				onClick: (e) => e.stopPropagation(),
+				onKeyDown: (e) => {
+					e.stopPropagation();
+					handleKeyDown(e);
+				},
+				placeholder: typeof displayText === "string" ? displayText : placeholder,
+				className: "min-w-0 flex-1",
+				inputClassName: cn("h-5 min-w-0 flex-1 rounded-none border-0 bg-transparent px-0 py-0 text-left leading-5 outline-none ring-0", "placeholder:text-muted-foreground", disabled && "text-muted-foreground cursor-not-allowed"),
+				role: "searchbox",
+				"aria-controls": listboxId,
+				"aria-activedescendant": isOpen ? activeOptionId : void 0,
+				disabled
+			}) : /* @__PURE__ */ jsx("span", {
+				className: cn("min-h-5 min-w-0 flex-1 text-left truncate leading-5", disabled ? "text-muted-foreground" : !selectedOption && "text-muted-foreground"),
+				children: displayText
+			}), clearable && !disabled && value !== void 0 && isHover ? /* @__PURE__ */ jsx(Button, {
+				variant: "text",
+				type: "button",
+				onClick: handleClear,
+				className: "ml-2 flex items-center justify-center text-muted-foreground hover:text-foreground cursor-pointer",
+				"aria-label": "Clear selection",
+				title: "Clear",
+				children: /* @__PURE__ */ jsx(X, { size: 14 })
+			}) : /* @__PURE__ */ jsx(ChevronUp, {
+				size: 16,
+				className: cn("ml-2 transition-transform duration-200", isOpen ? "rotate-0" : "rotate-180")
+			})]
+		}), /* @__PURE__ */ jsx(Popup, {
+			open: isOpen,
+			anchorRef: selectRef,
+			contentRef: dropdownRef,
+			positioning,
+			keepMounted: true,
+			onOpenChange: setIsOpen,
+			container: popupContainer,
+			positionMode: isParentPopupContainer ? "absolute" : "fixed",
+			className: cn("w-full rounded-xl border border-border/60 bg-popover text-popover-foreground", "shadow-[var(--shadow-floating)]", "max-h-60 overflow-auto"),
+			children: /* @__PURE__ */ jsx("div", {
+				className: cn("w-full", !isOpen && "hidden"),
+				children: /* @__PURE__ */ jsx("div", {
+					id: listboxId,
+					role: "listbox",
+					className: "p-1",
+					children: filteredOptions.length > 0 ? filteredOptions.map((option, index) => {
+						const isSelected = option.value === value;
+						const isActive = index === activeOptionIndex;
+						return /* @__PURE__ */ jsx("div", {
+							id: `${reactId}-option-${index}`,
+							role: "option",
+							"aria-selected": isSelected,
+							onClick: () => handleSelect(option.value),
+							onMouseEnter: () => setActiveOptionIndex(index),
+							className: cn("px-4 py-2 text-sm cursor-pointer transition-colors rounded-md", "hover:bg-foreground/8", (isSelected || isActive) && "bg-theme/12 text-foreground"),
+							children: option.label
+						}, option.value);
+					}) : /* @__PURE__ */ jsx("div", {
+						className: "px-4 py-2 text-sm text-muted-foreground text-center",
+						children: t("components.select.empty")
+					})
+				})
+			})
+		})]
+	});
+});
+Select.displayName = "Select";
+//#endregion
+export { Select };

package/fe/packages/react/ui/components/Select/dropdownPositioning.d.ts

@@ -0,0 +1,3 @@
+import type { DropdownPositioningStrategy } from "../hooks/useDropdownPositioning";
+export declare const getSelectDropdownPosition: DropdownPositioningStrategy;
+//# sourceMappingURL=dropdownPositioning.d.ts.map

package/fe/packages/react/ui/components/Select/dropdownPositioning.js

@@ -0,0 +1,16 @@
+//#region packages/react/ui/components/Select/dropdownPositioning.ts
+var getSelectDropdownPosition = ({ anchorRect, contentRect, containerRect, viewportHeight, offset, matchAnchorWidth }) => {
+	const dropdownHeight = contentRect?.height ?? 240;
+	const spaceBelow = viewportHeight - anchorRect.bottom;
+	const spaceAbove = anchorRect.top;
+	const shouldPlaceTop = spaceBelow < dropdownHeight && spaceAbove > spaceBelow;
+	const containerTop = containerRect?.top ?? 0;
+	const containerLeft = containerRect?.left ?? 0;
+	return {
+		top: (shouldPlaceTop ? anchorRect.top - dropdownHeight - offset : anchorRect.bottom + offset) - containerTop,
+		left: anchorRect.left - containerLeft,
+		width: matchAnchorWidth ? anchorRect.width : void 0
+	};
+};
+//#endregion
+export { getSelectDropdownPosition };

package/fe/packages/react/ui/components/Select/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Select";
+//# sourceMappingURL=index.d.ts.map

package/fe/packages/react/ui/components/Select/index.js

@@ -0,0 +1,2 @@
+import { Select } from "./Select.js";
+export { Select };

package/fe/packages/{ui/react → react/ui}/components/Skeleton/Skeleton.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from 'react';
+import type { HTMLAttributes } from "react";
 export type SkeletonMode = 'pageloading' | 'tableloading' | 'componentsloading';
 export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
     /**