sawyer-ui 0.3.0 → 0.4.0

package/dist/index.js

@@ -1,97 +1,99 @@
 "use client";
 import { robotoLight } from "./fonts.js";
-import cn from "classnames";
-import MUIButton from "@mui/material/Button";
+import { ActionIcon, Alert, Button, CloseButton, FloatingIndicator, MantineProvider, Menu, Modal, Paper, Select, Table, Tabs, TextInput, Textarea, createTheme } from "@mantine/core";
+import { CaretDown, CheckCircle, DotsThreeVertical, Info, Warning, WarningCircle, X } from "@phosphor-icons/react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1, useEffect, useState } from "react";
-import MUIModal from "@mui/material/Modal";
-import { Alert, IconButton, Menu, MenuItem } from "@mui/material";
-import MoreVertIcon from "@mui/icons-material/MoreVert";
-import Menu$1 from "@mui/material/Menu";
-import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
-import MenuItem$1 from "@mui/material/MenuItem";
+import cn from "classnames";
+import { Fragment as Fragment$1, useEffect, useId, useState } from "react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
+// src/provider/UiProvider/UiProvider.tsx
+const theme = createTheme({
+	fontFamily: "Roboto, Helvetica, Arial, sans-serif",
+	activeClassName: "",
+	components: { CloseButton: CloseButton.extend({ defaultProps: { icon: /* @__PURE__ */ jsx(X, { weight: "bold" }) } }) }
+});
+const UiProvider = (props) => {
+	const { children } = props;
+	return /* @__PURE__ */ jsx(MantineProvider, {
+		theme,
+		forceColorScheme: "light",
+		children
+	});
+};
 // src/utils.ts
 const checkTheme = (theme, styles) => {
 	return theme ? styles["item--" + theme] : "";
 };
-var styles_module_default$19 = {
-	button: "_button_1sx3g_1",
-	buttonBasic: "_buttonBasic_1sx3g_8",
-	"item--basic": "_item--basic_1sx3g_20",
-	"item--black": "_item--black_1sx3g_22",
-	"item--white": "_item--white_1sx3g_26"
-};
-// src/basic/UiButton/UiButton.tsx
-const UiButton = (props) => {
-	const { children, className, theme = "basic", variant = "contained", size = "small", color = "primary", sx = {}, endIcon = null, disabled = false, isMenuButton = false, onClick } = props;
-	const stylesTheme = checkTheme(theme, styles_module_default$19);
-	return /* @__PURE__ */ jsx(MUIButton, {
-		className: cn(!isMenuButton && styles_module_default$19.buttonBasic, styles_module_default$19.button, stylesTheme, className),
-		variant,
-		size,
-		color,
-		sx,
-		endIcon,
-		disabled,
-		onClick,
-		children
-	});
-};
-var styles_module_default$18 = {
+var styles_module_default$25 = {
 	item: "_item_3s32x_1",
 	"item--light": "_item--light_3s32x_15",
 	"item--dark": "_item--dark_3s32x_18",
 	"item--success": "_item--success_3s32x_22",
 	"item--error": "_item--error_3s32x_26"
 };
-// src/basic/UiChips/UiChips.tsx
+// src/ui/basic/UiChips/UiChips.tsx
 const UiChips = (props) => {
 	const { theme = "light", className, items, isUserSelect = true } = props;
-	const stylesTheme = checkTheme(theme, styles_module_default$18);
+	const stylesTheme = checkTheme(theme, styles_module_default$25);
 	return /* @__PURE__ */ jsx(Fragment, { children: items.map((element, index) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx("span", {
-		className: cn(styles_module_default$18.item, robotoLight.className, stylesTheme, className),
+		className: cn(styles_module_default$25.item, robotoLight.className, stylesTheme, className),
 		style: { userSelect: isUserSelect ? "auto" : "none" },
 		children: element
 	}) }, index)) });
 };
-var styles_module_default$17 = {
+var styles_module_default$24 = {
 	"item--blue-underlined": "_item--blue-underlined_1yqwe_4",
 	"item--dark-underlined": "_item--dark-underlined_1yqwe_9",
 	item: "_item_1yqwe_4"
 };
-// src/basic/UiLink/UiLink.tsx
+// src/ui/basic/UiLink/UiLink.tsx
 const UiLink = (props) => {
 	const { theme, className, href, target = "_blank", children } = props;
-	const stylesTheme = checkTheme(theme, styles_module_default$17);
+	const stylesTheme = checkTheme(theme, styles_module_default$24);
 	return /* @__PURE__ */ jsx("a", {
-		className: cn(styles_module_default$17.item, stylesTheme, className),
+		className: cn(styles_module_default$24.item, stylesTheme, className),
 		href,
 		target,
 		children
 	});
 };
-var styles_module_default$16 = {
-	modal: "_modal_wfqs2_1",
-	modalContent: "_modalContent_wfqs2_5"
+var styles_module_default$23 = {
+	overlay: "_overlay_1czcl_2",
+	inner: "_inner_1czcl_9",
+	content: "_content_1czcl_17",
+	body: "_body_1czcl_30",
+	modalContent: "_modalContent_1czcl_14"
 };
-// src/basic/UiModal/UiModal.tsx
+// src/ui/basic/UiModal/UiModal.tsx
 const UiModal = (props) => {
 	const { children, className, disableAutoFocus = false, open, onClose, isContentClickClose = false } = props;
-	return /* @__PURE__ */ jsx(MUIModal, {
-		className: cn(styles_module_default$16.modal),
-		disableAutoFocus,
-		open,
+	return /* @__PURE__ */ jsx(Modal, {
+		opened: open,
 		onClose,
+		centered: true,
+		size: "auto",
+		withCloseButton: false,
+		trapFocus: !disableAutoFocus,
+		returnFocus: !disableAutoFocus,
+		transitionProps: {
+			transition: "fade",
+			duration: 225
+		},
+		classNames: {
+			overlay: styles_module_default$23.overlay,
+			inner: styles_module_default$23.inner,
+			content: styles_module_default$23.content,
+			body: styles_module_default$23.body
+		},
 		children: /* @__PURE__ */ jsx("div", {
 			...isContentClickClose && { onClick: onClose },
-			className: cn(className, styles_module_default$16.modalContent),
+			className: cn(className, styles_module_default$23.modalContent),
 			children
 		})
 	});
 };
-var styles_module_default$15 = {
+var styles_module_default$22 = {
 	h1: "_h1_crhf5_4",
 	h2: "_h2_crhf5_11",
 	h3: "_h3_crhf5_17",
@@ -99,29 +101,29 @@ var styles_module_default$15 = {
 	comment: "_comment_crhf5_30",
 	noSpacing: "_noSpacing_crhf5_37"
 };
-// src/basic/UiTypography/UiTypography.tsx
+// src/ui/basic/UiTypography/UiTypography.tsx
 const UiTypography = (props) => {
 	const { className, tag, noSpacing = false, children } = props;
-	const classNoSpacing = noSpacing ? styles_module_default$15.noSpacing : "";
+	const classNoSpacing = noSpacing ? styles_module_default$22.noSpacing : "";
 	switch (tag) {
 		case "h1": return /* @__PURE__ */ jsx("h1", {
-			className: cn(styles_module_default$15.h1, robotoLight.className, classNoSpacing, className),
+			className: cn(styles_module_default$22.h1, robotoLight.className, classNoSpacing, className),
 			children
 		});
 		case "h2": return /* @__PURE__ */ jsx("h2", {
-			className: cn(styles_module_default$15.h2, robotoLight.className, classNoSpacing, className),
+			className: cn(styles_module_default$22.h2, robotoLight.className, classNoSpacing, className),
 			children
 		});
 		case "h3": return /* @__PURE__ */ jsx("h3", {
-			className: cn(styles_module_default$15.h3, classNoSpacing, className),
+			className: cn(styles_module_default$22.h3, classNoSpacing, className),
 			children
 		});
 		case "p": return /* @__PURE__ */ jsx("p", {
-			className: cn(styles_module_default$15.p, classNoSpacing, className),
+			className: cn(styles_module_default$22.p, classNoSpacing, className),
 			children
 		});
 		case "comment": return /* @__PURE__ */ jsx("span", {
-			className: cn(styles_module_default$15.comment, classNoSpacing, className),
+			className: cn(styles_module_default$22.comment, classNoSpacing, className),
 			children
 		});
 		default: return /* @__PURE__ */ jsx("span", {
@@ -130,22 +132,22 @@ const UiTypography = (props) => {
 		});
 	}
 };
-var styles_module_default$14 = {
+var styles_module_default$21 = {
 	item: "_item_5wfbz_1",
 	"item--blue-lightblue": "_item--blue-lightblue_5wfbz_10",
 	"item--green-blue": "_item--green-blue_5wfbz_13",
 	"item--darkblue-violet": "_item--darkblue-violet_5wfbz_16"
 };
-// src/basic/UiTextGradient/UiTextGradient.tsx
+// src/ui/basic/UiTextGradient/UiTextGradient.tsx
 const UiTextGradient = (props) => {
 	const { theme, className, children } = props;
-	const stylesTheme = checkTheme(theme, styles_module_default$14);
+	const stylesTheme = checkTheme(theme, styles_module_default$21);
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(stylesTheme, styles_module_default$14.item, className),
+		className: cn(stylesTheme, styles_module_default$21.item, className),
 		children
 	});
 };
-var styles_module_default$13 = {
+var styles_module_default$20 = {
 	headerFilled: "_headerFilled_1gimr_1",
 	itemFilled: "_itemFilled_1gimr_7",
 	headerBasic: "_headerBasic_1gimr_13",
@@ -153,73 +155,100 @@ var styles_module_default$13 = {
 	"item--light-filled": "_item--light-filled_1gimr_32",
 	"item--basic": "_item--basic_1gimr_39"
 };
-// src/basic/UiHeaderSection/UiHeaderSection.tsx
+// src/ui/basic/UiHeaderSection/UiHeaderSection.tsx
 const UiHeaderSection = (props) => {
 	const { theme = "basic", className, children } = props;
-	const stylesTheme = checkTheme(theme, styles_module_default$13);
+	const stylesTheme = checkTheme(theme, styles_module_default$20);
 	if (theme === "dark-filled" || theme === "light-filled") return /* @__PURE__ */ jsx("h2", {
-		className: cn(styles_module_default$13.headerFilled, robotoLight.className, className),
+		className: cn(styles_module_default$20.headerFilled, robotoLight.className, className),
 		children: /* @__PURE__ */ jsx("span", {
-			className: cn(styles_module_default$13.itemFilled, stylesTheme),
+			className: cn(styles_module_default$20.itemFilled, stylesTheme),
 			children
 		})
 	});
 	return /* @__PURE__ */ jsx("h2", {
-		className: cn(styles_module_default$13.headerBasic, className, stylesTheme),
+		className: cn(styles_module_default$20.headerBasic, className, stylesTheme),
 		children
 	});
 };
-var styles_module_default$12 = {
+var styles_module_default$19 = {
 	details: "_details_1gym6_1",
 	summary: "_summary_1gym6_8",
 	title: "_title_1gym6_14",
 	content: "_content_1gym6_25"
 };
-// src/basic/UiDetails/UiDetails.tsx
+// src/ui/basic/UiDetails/UiDetails.tsx
 const UiDetails = (props) => {
 	const { children, title, isOpen } = props;
 	return /* @__PURE__ */ jsxs("details", {
-		className: styles_module_default$12.details,
+		className: styles_module_default$19.details,
 		open: isOpen,
 		children: [/* @__PURE__ */ jsx("summary", {
-			className: styles_module_default$12.summary,
+			className: styles_module_default$19.summary,
 			children: /* @__PURE__ */ jsx("div", {
-				className: styles_module_default$12.title,
+				className: styles_module_default$19.title,
 				children: title
 			})
 		}), /* @__PURE__ */ jsx("div", {
-			className: styles_module_default$12.content,
+			className: styles_module_default$19.content,
 			children
 		})]
 	});
 };
-var styles_module_default$11 = { code: "_code_1brpc_1" };
-// src/basic/UiJsonFormatter/UiJsonFormatter.tsx
+var styles_module_default$18 = { code: "_code_1brpc_1" };
+// src/ui/basic/UiJsonFormatter/UiJsonFormatter.tsx
 const UiCodeFormat = (props) => {
 	const { className, data } = props;
 	return /* @__PURE__ */ jsx("pre", {
-		className: cn(className, styles_module_default$11.code),
+		className: cn(className, styles_module_default$18.code),
 		children: /* @__PURE__ */ jsx("code", { children: JSON.stringify(data, null, 4) })
 	});
 };
-var styles_module_default$10 = {
-	item: "_item_q8fw1_1",
-	noSpacing: "_noSpacing_q8fw1_9"
+var styles_module_default$17 = {
+	alert: "_alert_1t65d_6",
+	wrapper: "_wrapper_1t65d_19",
+	icon: "_icon_1t65d_23",
+	body: "_body_1t65d_34",
+	message: "_message_1t65d_38",
+	closeButton: "_closeButton_1t65d_48",
+	success: "_success_1t65d_75",
+	info: "_info_1t65d_81",
+	warning: "_warning_1t65d_87",
+	error: "_error_1t65d_93",
+	standard: "_standard_1t65d_103",
+	outlined: "_outlined_1t65d_107",
+	filled: "_filled_1t65d_112",
+	item: "_item_1t65d_126",
+	noSpacing: "_noSpacing_1t65d_130"
+};
+// src/ui/basic/UiAlert/UiAlert.tsx
+const ICONS = {
+	success: /* @__PURE__ */ jsx(CheckCircle, { weight: "bold" }),
+	info: /* @__PURE__ */ jsx(Info, { weight: "bold" }),
+	warning: /* @__PURE__ */ jsx(Warning, { weight: "bold" }),
+	error: /* @__PURE__ */ jsx(WarningCircle, { weight: "bold" })
 };
-// src/basic/UiAlert/UiAlert.tsx
 const UiAlert = (props) => {
 	const { type = "info", variant = "outlined", noSpacing, children, isShow, setIsShow } = props;
-	const classNoSpacing = noSpacing ? styles_module_default$10.noSpacing : "";
+	const classNoSpacing = noSpacing ? styles_module_default$17.noSpacing : "";
 	if (!isShow) return null;
-	return /* @__PURE__ */ jsx(Fragment, { children: isShow && /* @__PURE__ */ jsx(Alert, {
-		severity: type,
-		variant,
-		className: cn(styles_module_default$10.item, classNoSpacing),
-		...setIsShow && { onClose: () => setIsShow(false) },
+	return /* @__PURE__ */ jsx(Alert, {
+		icon: ICONS[type],
+		className: cn(styles_module_default$17.alert, styles_module_default$17[type], styles_module_default$17[variant], styles_module_default$17.item, classNoSpacing),
+		classNames: {
+			wrapper: styles_module_default$17.wrapper,
+			icon: styles_module_default$17.icon,
+			body: styles_module_default$17.body,
+			message: styles_module_default$17.message,
+			closeButton: styles_module_default$17.closeButton
+		},
+		withCloseButton: !!setIsShow,
+		closeButtonLabel: "Close",
+		onClose: () => setIsShow?.(false),
 		children
-	}) });
+	});
 };
-var styles_module_default$9 = {
+var styles_module_default$16 = {
 	item: "_item_171hz_1",
 	"item--info": "_item--info_171hz_11",
 	"item--success": "_item--success_171hz_16",
@@ -227,78 +256,375 @@ var styles_module_default$9 = {
 	"item--error": "_item--error_171hz_26",
 	noSpacing: "_noSpacing_171hz_35"
 };
-// src/basic/UiAlertSimple/UiAlertSimple.tsx
+// src/ui/basic/UiAlertSimple/UiAlertSimple.tsx
 const UiAlertSimple = (props) => {
 	const { className, theme = "info", noSpacing = false, children } = props;
-	const stylesTheme = checkTheme(theme, styles_module_default$9);
-	const classNoSpacing = noSpacing ? styles_module_default$9.noSpacing : "";
+	const stylesTheme = checkTheme(theme, styles_module_default$16);
+	const classNoSpacing = noSpacing ? styles_module_default$16.noSpacing : "";
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(styles_module_default$9.item, stylesTheme, classNoSpacing, className),
+		className: cn(styles_module_default$16.item, stylesTheme, classNoSpacing, className),
 		children
 	});
 };
-var styles_module_default$8 = {
+var styles_module_default$15 = {
 	list: "_list_awuj2_1",
 	header: "_header_awuj2_16"
 };
-// src/basic/UiList/UiList.tsx
+// src/ui/basic/UiList/UiList.tsx
 const UiList = (props) => {
 	const { items, title } = props;
 	const render = /* @__PURE__ */ jsx("ul", {
-		className: styles_module_default$8.list,
+		className: styles_module_default$15.list,
 		children: items.map((element, index) => /* @__PURE__ */ jsx("li", { children: element }, index))
 	});
 	if (title) return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
-		className: styles_module_default$8.header,
+		className: styles_module_default$15.header,
 		children: title
 	}), render] });
 	return render;
 };
-var styles_module_default$7 = {
-	container: "_container_1hn5y_1",
-	button: "_button_1hn5y_11",
-	icon: "_icon_1hn5y_16",
-	link: "_link_1hn5y_20"
+var styles_module_default$14 = {
+	wrapper: "_wrapper_z2ail_8",
+	fullWidth: "_fullWidth_z2ail_17",
+	autoWidth: "_autoWidth_z2ail_20",
+	table: "_table_z2ail_24",
+	cellHeader: "_cellHeader_z2ail_31",
+	cell: "_cell_z2ail_31",
+	cellAlignCenter: "_cellAlignCenter_z2ail_52"
+};
+// src/ui/basic/UiTable/UiTable.tsx
+const UiTable = (props) => {
+	const { data, fullWidth = false } = props;
+	const { headers, fields } = data;
+	const [isShowInfoAlert, setIsShowInfoAlert] = useState(true);
+	const rows = fields.map((element) => Object.values(element));
+	if (!fields.length) return /* @__PURE__ */ jsx(UiAlert, {
+		type: "info",
+		variant: "standard",
+		noSpacing: true,
+		isShow: isShowInfoAlert,
+		setIsShow: setIsShowInfoAlert,
+		children: "No results"
+	});
+	return /* @__PURE__ */ jsx(Paper, {
+		className: cn(styles_module_default$14.wrapper, fullWidth ? styles_module_default$14.fullWidth : styles_module_default$14.autoWidth),
+		children: /* @__PURE__ */ jsxs(Table, {
+			className: styles_module_default$14.table,
+			withRowBorders: false,
+			children: [/* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsx(Table.Tr, { children: headers.map((element, index) => /* @__PURE__ */ jsx(Table.Th, {
+				className: cn(styles_module_default$14.cellHeader, styles_module_default$14.cellAlignCenter),
+				children: element
+			}, index)) }) }), /* @__PURE__ */ jsx(Table.Tbody, { children: rows.map((elementData, indexData) => /* @__PURE__ */ jsx(Table.Tr, { children: elementData.map((elementItem, indexItem) => /* @__PURE__ */ jsx(Table.Td, {
+				className: cn(styles_module_default$14.cell, styles_module_default$14.cellAlignCenter),
+				children: elementItem
+			}, indexItem)) }, indexData)) })]
+		})
+	});
+};
+// src/ui/basic/UiTable/UiTableRecord.tsx
+const UiTableRecord = (props) => {
+	const { rows, fullWidth = false } = props;
+	return /* @__PURE__ */ jsx(Paper, {
+		className: cn(styles_module_default$14.wrapper, fullWidth ? styles_module_default$14.fullWidth : styles_module_default$14.autoWidth),
+		children: /* @__PURE__ */ jsx(Table, {
+			className: styles_module_default$14.table,
+			withRowBorders: false,
+			children: /* @__PURE__ */ jsx(Table.Tbody, { children: rows.map((element, index) => /* @__PURE__ */ jsxs(Table.Tr, { children: [/* @__PURE__ */ jsx(Table.Td, {
+				className: styles_module_default$14.cellHeader,
+				children: element.title
+			}), /* @__PURE__ */ jsx(Table.Td, {
+				className: styles_module_default$14.cell,
+				children: element.data
+			})] }, index)) })
+		})
+	});
+};
+var styles_module_default$13 = {
+	wrapper: "_wrapper_9l31e_1",
+	tabs: "_tabs_9l31e_8",
+	tab: "_tab_9l31e_8",
+	tabLabel: "_tabLabel_9l31e_51",
+	indicator: "_indicator_9l31e_57",
+	panel: "_panel_9l31e_63"
+};
+// src/ui/basic/UiTabs/UiTabs.tsx
+const UiTabs = (props) => {
+	const { data, classNamePanel } = props;
+	const [value, setValue] = useState("0");
+	const [listElement, setListElement] = useState(null);
+	const [activeTab, setActiveTab] = useState(null);
+	const handleChange = (newValue) => {
+		if (newValue !== null) setValue(newValue);
+	};
+	return /* @__PURE__ */ jsxs(Tabs, {
+		className: styles_module_default$13.wrapper,
+		classNames: {
+			tab: styles_module_default$13.tab,
+			tabLabel: styles_module_default$13.tabLabel
+		},
+		variant: "none",
+		value,
+		onChange: handleChange,
+		keepMounted: false,
+		children: [/* @__PURE__ */ jsxs(Tabs.List, {
+			className: styles_module_default$13.tabs,
+			ref: setListElement,
+			children: [data.map((element, index) => /* @__PURE__ */ jsx(Tabs.Tab, {
+				value: String(index),
+				ref: String(index) === value ? setActiveTab : void 0,
+				children: element.tab
+			}, index)), /* @__PURE__ */ jsx(FloatingIndicator, {
+				className: styles_module_default$13.indicator,
+				target: activeTab,
+				parent: listElement,
+				transitionDuration: 300
+			})]
+		}), data.map((element, index) => /* @__PURE__ */ jsx(Tabs.Panel, {
+			value: String(index),
+			children: /* @__PURE__ */ jsx("div", {
+				className: cn(styles_module_default$13.panel, classNamePanel),
+				children: /* @__PURE__ */ jsx(element.content, {})
+			})
+		}, index))]
+	});
+};
+var styles_module_default$12 = {
+	button: "_button_whwbk_6",
+	inner: "_inner_whwbk_38",
+	label: "_label_whwbk_39",
+	"color-primary": "_color-primary_whwbk_48",
+	"color-secondary": "_color-secondary_whwbk_53",
+	"color-success": "_color-success_whwbk_58",
+	"color-error": "_color-error_whwbk_63",
+	"color-info": "_color-info_whwbk_68",
+	"color-warning": "_color-warning_whwbk_73",
+	text: "_text_whwbk_84",
+	outlined: "_outlined_whwbk_88",
+	contained: "_contained_whwbk_94",
+	"text-small": "_text-small_whwbk_136",
+	"text-medium": "_text-medium_whwbk_139",
+	"text-large": "_text-large_whwbk_142",
+	"outlined-small": "_outlined-small_whwbk_145",
+	"outlined-medium": "_outlined-medium_whwbk_148",
+	"outlined-large": "_outlined-large_whwbk_151",
+	"contained-small": "_contained-small_whwbk_154",
+	"contained-medium": "_contained-medium_whwbk_157",
+	"contained-large": "_contained-large_whwbk_160",
+	buttonBasic: "_buttonBasic_whwbk_165",
+	section: "_section_whwbk_169",
+	"size-small": "_size-small_whwbk_174",
+	"size-medium": "_size-medium_whwbk_181",
+	"size-large": "_size-large_whwbk_184",
+	"item--basic": "_item--basic_whwbk_208",
+	"item--black": "_item--black_whwbk_82",
+	"item--white": "_item--white_whwbk_214"
+};
+// src/ui/form/UiButton/UiButton.tsx
+const UiButton = (props) => {
+	const { children, className, theme = "basic", variant = "contained", size = "small", color = "primary", endIcon = null, disabled = false, isMenuButton = false, onClick, ...attributes } = props;
+	const stylesTheme = checkTheme(theme, styles_module_default$12);
+	return /* @__PURE__ */ jsx(Button, {
+		...attributes,
+		className: cn(styles_module_default$12.button, styles_module_default$12[variant], styles_module_default$12[`${variant}-${size}`], styles_module_default$12[`size-${size}`], styles_module_default$12[`color-${color}`], !isMenuButton && styles_module_default$12.buttonBasic, stylesTheme, className),
+		classNames: {
+			inner: styles_module_default$12.inner,
+			label: styles_module_default$12.label,
+			section: styles_module_default$12.section
+		},
+		rightSection: endIcon,
+		disabled,
+		onClick,
+		children
+	});
+};
+var styles_module_default$11 = {
+	container: "_container_vp9cg_8",
+	input: "_input_vp9cg_15",
+	fullWidth: "_fullWidth_vp9cg_23",
+	grow: "_grow_vp9cg_26",
+	wrapper: "_wrapper_vp9cg_31",
+	wrapperClear: "_wrapperClear_vp9cg_45",
+	wrapperMultiline: "_wrapperMultiline_vp9cg_48",
+	field: "_field_vp9cg_79",
+	section: "_section_vp9cg_121",
+	clear: "_clear_vp9cg_133",
+	title: "_title_vp9cg_159"
+};
+// src/ui/form/UiInput/UiInput.tsx
+const UiInput = (props) => {
+	const { label, value, setValue, title, type = "text", disabled = false, multiline = false, isClearButton = true, fullWidth = false, styleGrow = false, className } = props;
+	const titleId = useId();
+	const onChange = (event) => {
+		setValue(event.target.value);
+	};
+	const onClear = () => {
+		setValue("");
+	};
+	const isClear = Boolean(value) && isClearButton;
+	const rightSection = isClear ? /* @__PURE__ */ jsx(CloseButton, {
+		className: styles_module_default$11.clear,
+		"aria-label": "Clear",
+		disabled,
+		onClick: onClear
+	}) : null;
+	const fieldProps = {
+		className: cn(styles_module_default$11.input, (fullWidth || title && styleGrow) && styles_module_default$11.fullWidth, !title && styleGrow && styles_module_default$11.grow, className),
+		classNames: {
+			wrapper: cn(styles_module_default$11.wrapper, isClear && styles_module_default$11.wrapperClear, multiline && styles_module_default$11.wrapperMultiline),
+			input: styles_module_default$11.field,
+			section: styles_module_default$11.section
+		},
+		value,
+		onChange,
+		disabled,
+		placeholder: label,
+		...title ? { "aria-labelledby": titleId } : { "aria-label": label },
+		rightSection,
+		rightSectionPointerEvents: "all"
+	};
+	const renderInput = multiline ? /* @__PURE__ */ jsx(Textarea, {
+		...fieldProps,
+		rows: 10
+	}) : /* @__PURE__ */ jsx(TextInput, {
+		...fieldProps,
+		type
+	});
+	if (!title) return renderInput;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(styles_module_default$11.container, fullWidth && styles_module_default$11.fullWidth, styleGrow && styles_module_default$11.grow),
+		children: [/* @__PURE__ */ jsx("div", {
+			id: titleId,
+			className: styles_module_default$11.title,
+			children: title
+		}), renderInput]
+	});
+};
+var menu_module_default = {
+	dropdown: "_dropdown_11b26_8",
+	item: "_item_11b26_26",
+	itemNav: "_itemNav_11b26_27",
+	itemLabel: "_itemLabel_11b26_78"
+};
+var styles_module_default$10 = {
+	container: "_container_14c09_8",
+	input: "_input_14c09_15",
+	fullWidth: "_fullWidth_14c09_23",
+	grow: "_grow_14c09_26",
+	wrapper: "_wrapper_14c09_31",
+	field: "_field_14c09_69",
+	section: "_section_14c09_104",
+	option: "_option_14c09_123",
+	dropdown: "_dropdown_14c09_157",
+	title: "_title_14c09_170"
+};
+// src/ui/form/UiSelect/UiSelect.tsx
+const UiSelect = (props) => {
+	const { items, value, setValue, label, title, disabled = false, styleGrow = false, className } = props;
+	const titleId = useId();
+	const onChange = (newValue) => {
+		if (newValue !== null) setValue(newValue);
+	};
+	const renderInput = /* @__PURE__ */ jsx(Select, {
+		className: cn(styles_module_default$10.input, title && styleGrow && styles_module_default$10.fullWidth, !title && styleGrow && styles_module_default$10.grow, className),
+		classNames: {
+			wrapper: styles_module_default$10.wrapper,
+			input: styles_module_default$10.field,
+			section: styles_module_default$10.section,
+			dropdown: cn(menu_module_default.dropdown, styles_module_default$10.dropdown),
+			option: styles_module_default$10.option
+		},
+		data: items,
+		value: value || null,
+		onChange,
+		disabled,
+		placeholder: label,
+		...title ? { "aria-labelledby": titleId } : { "aria-label": label },
+		rightSection: /* @__PURE__ */ jsx(CaretDown, { weight: "fill" }),
+		withCheckIcon: false,
+		allowDeselect: false,
+		withScrollArea: false,
+		selectFirstOptionOnDropdownOpen: !value,
+		comboboxProps: {
+			position: "bottom-start",
+			offset: 0,
+			middlewares: { shift: { padding: 16 } }
+		}
+	});
+	if (!title) return renderInput;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(styles_module_default$10.container, styleGrow && styles_module_default$10.grow),
+		children: [/* @__PURE__ */ jsx("div", {
+			id: titleId,
+			className: styles_module_default$10.title,
+			children: title
+		}), renderInput]
+	});
 };
-// src/surfaces/UiOptions/UiOptions.tsx
+const menuProps = {
+	position: "bottom-start",
+	offset: 0,
+	middlewares: { shift: { padding: 16 } },
+	transitionProps: {
+		transition: {
+			in: {
+				opacity: 1,
+				transform: "scale(1, 1)"
+			},
+			out: {
+				opacity: 0,
+				transform: "scale(0.75, 0.5625)"
+			},
+			common: { transformOrigin: "top left" },
+			transitionProperty: "opacity, transform"
+		},
+		duration: 225,
+		timingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
+	},
+	returnFocus: true,
+	withOverlay: true,
+	overlayProps: { backgroundOpacity: 0 }
+};
+var styles_module_default$9 = {
+	container: "_container_1ew61_1",
+	button: "_button_1ew61_12",
+	icon: "_icon_1ew61_35",
+	link: "_link_1ew61_39"
+};
+// src/ui/surfaces/UiOptions/UiOptions.tsx
 const UiOptions = (props) => {
 	const { options, classes = {
 		container: "",
 		icon: "",
 		link: ""
 	} } = props;
-	const [anchorEl, setAnchorEl] = useState(null);
-	const open = Boolean(anchorEl);
-	const handleClick = (event) => {
-		setAnchorEl(event.currentTarget);
-	};
-	const handleClose = () => {
-		setAnchorEl(null);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn(styles_module_default$7.container, classes.container),
-		children: [/* @__PURE__ */ jsx(IconButton, {
-			onClick: handleClick,
-			className: styles_module_default$7.button,
-			children: /* @__PURE__ */ jsx(MoreVertIcon, { className: cn(styles_module_default$7.icon, classes.icon) })
-		}), /* @__PURE__ */ jsx(Menu, {
-			anchorEl,
-			open,
-			onClose: handleClose,
-			children: options.map((element, index) => /* @__PURE__ */ jsx(MenuItem, {
-				onClick: handleClose,
-				sx: { minHeight: "auto" },
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(styles_module_default$9.container, classes.container),
+		children: /* @__PURE__ */ jsxs(Menu, {
+			...menuProps,
+			classNames: {
+				dropdown: menu_module_default.dropdown,
+				item: menu_module_default.item,
+				itemLabel: menu_module_default.itemLabel
+			},
+			children: [/* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(ActionIcon, {
+				className: styles_module_default$9.button,
+				children: /* @__PURE__ */ jsx(DotsThreeVertical, {
+					weight: "bold",
+					className: cn(styles_module_default$9.icon, classes.icon)
+				})
+			}) }), /* @__PURE__ */ jsx(Menu.Dropdown, { children: options.map((element, index) => /* @__PURE__ */ jsx(Menu.Item, {
+				component: "div",
 				children: /* @__PURE__ */ jsx(UiLink, {
 					href: element.link,
 					theme: "dark-underlined",
-					className: cn(styles_module_default$7.link, robotoLight.className, classes.link),
+					className: cn(styles_module_default$9.link, robotoLight.className, classes.link),
 					children: element.name
 				})
-			}, index))
-		})]
+			}, index)) })]
+		})
 	});
 };
-var styles_module_default$6 = {
+var styles_module_default$8 = {
 	gridContainer: "_gridContainer_14rze_1",
 	gridItem: "_gridItem_14rze_7",
 	logo: "_logo_14rze_12",
@@ -310,28 +636,28 @@ var styles_module_default$6 = {
 	"item--blue-violet": "_item--blue-violet_14rze_81",
 	"item--green-yellow": "_item--green-yellow_14rze_87"
 };
-// src/layout/UiLayoutCards/UiLayoutCards.tsx
+// src/ui/layout/UiLayoutCards/UiLayoutCards.tsx
 const UiLayoutCards = (props) => {
 	const { theme = "light", classes = { item: "" }, themeLink, items, isOptions = false } = props;
-	const stylesTheme = checkTheme(theme, styles_module_default$6);
+	const stylesTheme = checkTheme(theme, styles_module_default$8);
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(styles_module_default$6.gridContainer, stylesTheme),
+		className: cn(styles_module_default$8.gridContainer, stylesTheme),
 		children: items.map((element, index) => /* @__PURE__ */ jsxs("div", {
-			className: cn(styles_module_default$6.gridItem, classes.item),
+			className: cn(styles_module_default$8.gridItem, classes.item),
 			children: [/* @__PURE__ */ jsx("a", {
 				href: element.link,
-				className: styles_module_default$6.logo,
+				className: styles_module_default$8.logo,
 				style: { backgroundImage: `url(${element.img.src})` },
 				target: "_blank"
 			}), /* @__PURE__ */ jsxs("div", {
-				className: styles_module_default$6.gridContent,
+				className: styles_module_default$8.gridContent,
 				children: [
 					/* @__PURE__ */ jsx("h3", {
-						className: styles_module_default$6.header,
+						className: styles_module_default$8.header,
 						children: element.title
 					}),
 					/* @__PURE__ */ jsx("div", {
-						className: cn(robotoLight.className, styles_module_default$6.description),
+						className: cn(robotoLight.className, styles_module_default$8.description),
 						children: element.description
 					}),
 					element.links.map((itemLink, indexLink) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(UiLink, {
@@ -345,185 +671,124 @@ const UiLayoutCards = (props) => {
 		}, index))
 	});
 };
-var styles_module_default$5 = {
+var styles_module_default$7 = {
 	sectionMaxWidth: "_sectionMaxWidth_1g9de_4",
 	sectionPaddingY: "_sectionPaddingY_1g9de_8",
 	sectionPaddingX: "_sectionPaddingX_1g9de_12",
 	"item--basic": "_item--basic_1g9de_20",
 	"item--header-footer": "_item--header-footer_1g9de_22"
 };
-// src/layout/UiLayoutSection/UiLayoutSection.tsx
+// src/ui/layout/UiLayoutSection/UiLayoutSection.tsx
 const UiLayoutSection = (props) => {
 	const { theme = "basic", className, children, isSpacingX = true, isSpacingY = true, fullWidth = false } = props;
-	const stylesTheme = checkTheme(theme, styles_module_default$5);
+	const stylesTheme = checkTheme(theme, styles_module_default$7);
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(styles_module_default$5.wrapper, className),
+		className: cn(styles_module_default$7.wrapper, className),
 		children: /* @__PURE__ */ jsx("div", {
-			className: cn(!fullWidth && styles_module_default$5.sectionMaxWidth, isSpacingX && styles_module_default$5.sectionPaddingX, isSpacingY && styles_module_default$5.sectionPaddingY, stylesTheme),
+			className: cn(!fullWidth && styles_module_default$7.sectionMaxWidth, isSpacingX && styles_module_default$7.sectionPaddingX, isSpacingY && styles_module_default$7.sectionPaddingY, stylesTheme),
 			children
 		})
 	});
 };
-var styles_module_default$4 = {
+var styles_module_default$6 = {
 	container: "_container_1r2lf_1",
 	containerPadding: "_containerPadding_1r2lf_7",
 	containerShadow: "_containerShadow_1r2lf_10"
 };
-// src/layout/UiLayoutPaper/UiLayoutPaper.tsx
+// src/ui/layout/UiLayoutPaper/UiLayoutPaper.tsx
 const UiLayoutPaper = (props) => {
 	const { className, withPadding = true, withShadow = false, children } = props;
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(styles_module_default$4.container, withPadding ? styles_module_default$4.containerPadding : {}, withShadow ? styles_module_default$4.containerShadow : {}, className),
+		className: cn(styles_module_default$6.container, withPadding ? styles_module_default$6.containerPadding : {}, withShadow ? styles_module_default$6.containerShadow : {}, className),
 		children
 	});
 };
-var styles_module_default$3 = {
+var styles_module_default$5 = {
 	wrapper: "_wrapper_1pjc4_1",
 	container: "_container_1pjc4_6"
 };
-// src/layout/UiLayoutHeader/UiLayoutHeader.tsx
+// src/ui/layout/UiLayoutHeader/UiLayoutHeader.tsx
 const UiLayoutHeader = (props) => {
 	const { className, children, fullWidth = false } = props;
 	return /* @__PURE__ */ jsx(UiLayoutSection, {
-		className: cn(className, styles_module_default$3.wrapper),
+		className: cn(className, styles_module_default$5.wrapper),
 		theme: "header-footer",
 		isSpacingY: false,
 		fullWidth,
 		children: /* @__PURE__ */ jsx("div", {
-			className: styles_module_default$3.container,
+			className: styles_module_default$5.container,
 			children
 		})
 	});
 };
-// src/menu/UiMenuNavButton/themes/light-blue.ts
-const CONFIG_COLORS = {
-	default: {
-		color: "#2b2b2b",
-		bgHover: "#ececec"
-	},
-	active: { color: "#6673ff" },
-	accent: {
-		color: "#edeeef",
-		bg: "#6673ff",
-		bgHover: "#2b2b2b"
-	}
-};
-const theme$1 = {
-	StylesButtonDefault: {
-		color: CONFIG_COLORS.default.color,
-		backgroundColor: "transparent",
-		width: "auto",
-		padding: "4px 10px",
-		":hover": { backgroundColor: CONFIG_COLORS.default.bgHover }
-	},
-	StylesButtonAccent: {
-		backgroundColor: CONFIG_COLORS.accent.bg,
-		color: CONFIG_COLORS.accent.color,
-		":hover": { backgroundColor: CONFIG_COLORS.accent.bgHover }
-	},
-	StylesButtonActive: {},
-	StylesTextDefault: { color: CONFIG_COLORS.default.color },
-	StylesTextAccent: { color: CONFIG_COLORS.accent.color },
-	StylesTextActive: { color: CONFIG_COLORS.active.color }
-};
-// src/menu/UiMenuNavButton/themes/default.ts
-const theme = {
-	StylesButtonDefault: {},
-	StylesButtonAccent: {},
-	StylesButtonActive: {},
-	StylesTextDefault: {},
-	StylesTextAccent: {},
-	StylesTextActive: {}
-};
-// src/menu/UiMenuNavButton/utils.ts
-const getTheme = (theme$2) => {
-	switch (theme$2) {
-		case "basic": return theme;
-		case "light-blue": return theme$1;
-		default: return theme;
-	}
-};
-const stylesButtonHover = { ":hover": { background: "none" } };
-const stylesTextDisabled = { color: "var(--color-gray-50)" };
-const getStyles = (props) => {
-	const { theme, isAccent = false, isActive = false, isHoverTransparent = false, isDisabled = false, isTextLeft = false } = props;
-	const { StylesButtonDefault, StylesButtonAccent, StylesButtonActive, StylesTextDefault, StylesTextAccent, StylesTextActive } = getTheme(theme);
-	return {
-		stylesButton: {
-			...StylesButtonDefault,
-			...isAccent && StylesButtonAccent,
-			...!isAccent && isActive && StylesButtonActive,
-			...isHoverTransparent && stylesButtonHover,
-			width: "100%"
-		},
-		stylesText: {
-			...StylesTextDefault,
-			...isAccent && StylesTextAccent,
-			...!isAccent && isActive && StylesTextActive,
-			...isDisabled && stylesTextDisabled,
-			width: "100%",
-			textAlign: isTextLeft ? "left" : "center"
-		}
-	};
+var styles_module_default$4 = {
+	button: "_button_1u7ha_4",
+	hoverTransparent: "_hoverTransparent_1u7ha_12",
+	text: "_text_1u7ha_16",
+	textLeft: "_textLeft_1u7ha_20",
+	"text-disabled": "_text-disabled_1u7ha_25",
+	basic: "_basic_1u7ha_33",
+	"light-blue": "_light-blue_1u7ha_39",
+	accent: "_accent_1u7ha_45",
+	hover: "_hover_1u7ha_12",
+	"text-default": "_text-default_1u7ha_60",
+	"text-accent": "_text-accent_1u7ha_61",
+	"text-active": "_text-active_1u7ha_64"
+};
+// src/ui/menu/UiMenuNavButton/UiMenuNavButton.tsx
+const getTextState = (disabled, isAccent, isActive) => {
+	if (disabled) return "disabled";
+	if (isAccent) return "accent";
+	if (isActive) return "active";
+	return "default";
 };
-// src/menu/UiMenuNavButton/UiMenuNavButton.tsx
 const UiMenuNavButton = (props) => {
-	const { className, children, theme = "basic", isAccent, isActive, isHoverTransparent = false, isTextLeft = false, disabled = false, endIcon = null, onClick = () => null } = props;
-	const { stylesButton, stylesText } = getStyles({
-		theme,
-		isAccent,
-		isActive,
-		isHoverTransparent,
-		isDisabled: disabled,
-		isTextLeft
-	});
+	const { className, children, theme = "basic", isAccent = false, isActive = false, isHoverTransparent = false, isTextLeft = false, disabled = false, endIcon = null, onClick = () => null, ...attributes } = props;
+	const textState = getTextState(disabled, isAccent, isActive);
 	return /* @__PURE__ */ jsx(UiButton, {
+		...attributes,
 		variant: "text",
 		size: "small",
-		className,
-		sx: stylesButton,
+		className: cn(styles_module_default$4.button, styles_module_default$4[theme], isAccent && styles_module_default$4.accent, isHoverTransparent ? styles_module_default$4.hoverTransparent : styles_module_default$4.hover, className),
 		endIcon,
 		disabled,
 		onClick,
 		isMenuButton: true,
 		children: /* @__PURE__ */ jsx("div", {
-			style: stylesText,
+			className: cn(styles_module_default$4.text, isTextLeft && styles_module_default$4.textLeft, styles_module_default$4[`text-${textState}`]),
 			children
 		})
 	});
 };
-// src/menu/UiMenuItemGroup/components/UiMenuNavToggle/UiMenuNavToggle.tsx
+var styles_module_default$3 = { chevron: "_chevron_2tu15_3" };
+// src/ui/menu/UiMenuItemGroup/components/UiMenuNavToggle/UiMenuNavToggle.tsx
 const UiMenuNavToggle = (props) => {
 	const { theme, className, list, title, isAccent = false, Component } = props;
-	const [anchorEl, setAnchorEl] = useState(null);
-	const open = Boolean(anchorEl);
-	const handleClick = (event) => {
-		setAnchorEl(event.currentTarget);
-	};
-	const handleClose = () => {
-		setAnchorEl(null);
-	};
-	return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx("div", {
 		className,
-		children: [/* @__PURE__ */ jsx(UiMenuNavButton, {
-			theme,
-			isAccent,
-			onClick: handleClick,
-			endIcon: /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {}),
-			children: title
-		}), /* @__PURE__ */ jsx(Menu$1, {
-			anchorEl,
-			open,
-			onClose: handleClose,
-			children: /* @__PURE__ */ jsx(Component, {
+		children: /* @__PURE__ */ jsxs(Menu, {
+			...menuProps,
+			classNames: {
+				dropdown: menu_module_default.dropdown,
+				item: menu_module_default.itemNav,
+				itemLabel: menu_module_default.itemLabel
+			},
+			children: [/* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(UiMenuNavButton, {
 				theme,
-				list,
-				onClose: handleClose
-			})
-		})]
+				isAccent,
+				endIcon: /* @__PURE__ */ jsx(CaretDown, {
+					weight: "bold",
+					className: styles_module_default$3.chevron
+				}),
+				children: title
+			}) }), /* @__PURE__ */ jsx(Menu.Dropdown, { children: /* @__PURE__ */ jsx(Component, {
+				theme,
+				list
+			}) })]
+		})
 	});
 };
-// src/menu/UiMenuItemRoutes/UiMenuItemRoutes.tsx
+// src/ui/menu/UiMenuItemRoutes/UiMenuItemRoutes.tsx
 const UiMenuItemRoutes = (props) => {
 	const { theme, item, isAccent = false, isTextLeft = false } = props;
 	const pathname = usePathname();
@@ -538,22 +803,14 @@ const UiMenuItemRoutes = (props) => {
 		})
 	});
 };
-// src/menu/UiMenuItemGroup/child-components/styles.ts
-const styleMenuItem = {
-	padding: 0,
-	margin: 0,
-	minHeight: "auto",
-	cursor: "default"
-};
 var styles_module_default$2 = { linkRoutes: "_linkRoutes_n525p_1" };
-// src/menu/UiMenuItemGroup/child-components/ChildComponentRoutes/ChildComponentRoutes.tsx
+// src/ui/menu/UiMenuItemGroup/child-components/ChildComponentRoutes/ChildComponentRoutes.tsx
 const ChildComponentRoutes = (props) => {
-	const { theme, list, onClose } = props;
+	const { theme, list } = props;
 	return /* @__PURE__ */ jsx(Fragment, { children: list.map((element, index) => /* @__PURE__ */ jsx("div", {
 		className: styles_module_default$2.linkRoutes,
-		children: /* @__PURE__ */ jsx(MenuItem$1, {
-			onClick: onClose,
-			sx: styleMenuItem,
+		children: /* @__PURE__ */ jsx(Menu.Item, {
+			component: "div",
 			children: /* @__PURE__ */ jsx(UiMenuItemRoutes, {
 				theme,
 				item: element,
@@ -563,12 +820,11 @@ const ChildComponentRoutes = (props) => {
 	}, index)) });
 };
 var styles_module_default$1 = { linkLinks: "_linkLinks_17nmo_1" };
-// src/menu/UiMenuItemGroup/child-components/ChildComponentLinks/ChildComponentLinks.tsx
+// src/ui/menu/UiMenuItemGroup/child-components/ChildComponentLinks/ChildComponentLinks.tsx
 const ChildComponentLinks = (props) => {
-	const { theme, list, onClose } = props;
-	return /* @__PURE__ */ jsx(Fragment, { children: list.map((element, index) => /* @__PURE__ */ jsx(MenuItem$1, {
-		onClick: onClose,
-		sx: styleMenuItem,
+	const { theme, list } = props;
+	return /* @__PURE__ */ jsx(Fragment, { children: list.map((element, index) => /* @__PURE__ */ jsx(Menu.Item, {
+		component: "div",
 		children: /* @__PURE__ */ jsx("a", {
 			className: styles_module_default$1.linkLinks,
 			href: element.path,
@@ -585,7 +841,7 @@ const ChildComponentLinks = (props) => {
 		})
 	}, index)) });
 };
-// src/menu/UiMenuItemGroup/UiMenuItemGroup.tsx
+// src/ui/menu/UiMenuItemGroup/UiMenuItemGroup.tsx
 const getChildComponent = (type) => {
 	switch (type) {
 		case "routes": return ChildComponentRoutes;
@@ -604,7 +860,7 @@ const UiMenuItemGroup = (props) => {
 		Component: getChildComponent(type)
 	});
 };
-// src/menu/UiMenuItemHash/UiMenuItemHash.tsx
+// src/ui/menu/UiMenuItemHash/UiMenuItemHash.tsx
 const UiMenuItemHash = (props) => {
 	const { theme, item } = props;
 	return /* @__PURE__ */ jsx("a", {
@@ -619,7 +875,7 @@ var styles_module_default = {
 	container: "_container_5t1tv_1",
 	link: "_link_5t1tv_5"
 };
-// src/surfaces/UiSocialLinks/UiSocialLinks.tsx
+// src/ui/surfaces/UiSocialLinks/UiSocialLinks.tsx
 const UiSocialLinks = (props) => {
 	const { list, className } = props;
 	return /* @__PURE__ */ jsx("div", {
@@ -652,4 +908,4 @@ const useMobile = () => {
 	}, []);
 	return isMobile;
 };
-export { UiAlert, UiAlertSimple, UiButton, UiChips, UiDetails, UiHeaderSection, UiCodeFormat as UiJsonFormatter, UiLayoutCards, UiLayoutHeader, UiLayoutPaper, UiLayoutSection, UiLink, UiList, UiMenuItemGroup, UiMenuItemHash, UiMenuItemRoutes, UiMenuNavButton, UiModal, UiOptions, UiSocialLinks, UiTextGradient, UiTypography, useMobile };
+export { UiAlert, UiAlertSimple, UiButton, UiChips, UiDetails, UiHeaderSection, UiInput, UiCodeFormat as UiJsonFormatter, UiLayoutCards, UiLayoutHeader, UiLayoutPaper, UiLayoutSection, UiLink, UiList, UiMenuItemGroup, UiMenuItemHash, UiMenuItemRoutes, UiMenuNavButton, UiModal, UiOptions, UiProvider, UiSelect, UiSocialLinks, UiTable, UiTableRecord, UiTabs, UiTextGradient, UiTypography, useMobile };