@lucasvu/scope-ui 0.1.1 → 0.1.4

package/dist/index.d.cts

@@ -8,17 +8,62 @@ export { ColorMode, ROOT_CLIENT_THEME_ATTRIBUTE, ROOT_COLOR_MODE_ATTRIBUTE, UiAi
 
 type ComponentSize = 'sm' | 'md' | 'lg';
 interface SharedComponentProps {
+    /**
+     * Nhãn hiển thị phía trên component hoặc control.
+     * Visible label rendered above the component or control.
+     * 显示在组件或控件上方的标签。
+     */
     label?: ReactNode;
+    /**
+     * Nội dung hỗ trợ nằm dưới control khi không có lỗi.
+     * Helper content shown below the control when there is no error.
+     * 没有错误时显示在控件下方的辅助说明。
+     */
     helperText?: ReactNode;
+    /**
+     * Nội dung lỗi hiển thị ưu tiên dưới control.
+     * Error content displayed below the control with higher priority.
+     * 优先显示在控件下方的错误信息。
+     */
     errorMessage?: ReactNode;
+    /**
+     * Trạng thái đang xử lý dữ liệu hoặc gọi API.
+     * Loading state while the component is processing or waiting for data.
+     * 组件处理中或等待数据时的加载状态。
+     */
     loading?: boolean;
+    /**
+     * Trạng thái vô hiệu hóa tương tác.
+     * Disables user interaction with the component.
+     * 禁用组件交互。
+     */
     disabled?: boolean;
+    /**
+     * Kích thước hiển thị chung của component.
+     * Shared visual size of the component.
+     * 组件的通用显示尺寸。
+     */
     size?: ComponentSize;
+    /**
+     * Class bổ sung để mở rộng style từ bên ngoài.
+     * Extra class names for extending styles from the outside.
+     * 用于从外部扩展样式的额外 class。
+     */
     className?: string;
+    /**
+     * Inline style áp trực tiếp vào wrapper gốc của component.
+     * Inline styles applied directly to the component root wrapper.
+     * 直接作用于组件根容器的内联样式。
+     */
     style?: CSSProperties;
 }
 declare const spinnerSizes: Record<'xs' | 'sm' | 'md' | 'lg', string>;
 interface LoadingSpinnerProps extends SVGProps<SVGSVGElement> {
+    /**
+     * Kích thước của icon loading.
+     * Visual size of the loading spinner icon.
+     * 加载图标的显示尺寸。
+     */
     size?: keyof typeof spinnerSizes;
 }
 
@@ -61,14 +106,49 @@ interface BadgeProps extends SharedComponentProps {
 declare function Badge({ variant, size, label, helperText, errorMessage, loading, disabled, className, style, text, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
 type BreadcrumbItem = {
+    /**
+     * Nội dung hiển thị của breadcrumb item.
+     * Visible content of the breadcrumb item.
+     * 面包屑项的显示内容。
+     */
     label: ReactNode;
+    /**
+     * Callback khi người dùng click item dạng button.
+     * Callback fired when the item is clicked as a button.
+     * 当该项以按钮形式点击时触发的回调。
+     */
     onClick?: () => void;
+    /**
+     * URL điều hướng nếu item là link.
+     * Navigation URL when the item behaves as a link.
+     * 当该项作为链接时的跳转地址。
+     */
     href?: string;
+    /**
+     * Đánh dấu item là vị trí hiện tại.
+     * Marks the item as the current location.
+     * 标记该项为当前位置。
+     */
     current?: boolean;
 };
 type BreadcrumbProps = {
+    /**
+     * Danh sách item của breadcrumb.
+     * List of breadcrumb items.
+     * 面包屑项列表。
+     */
     items: BreadcrumbItem[];
+    /**
+     * Class bổ sung cho thẻ `nav`.
+     * Extra class names for the `nav` element.
+     * `nav` 元素的额外 class。
+     */
     className?: string;
+    /**
+     * Ký tự hoặc node dùng để ngăn cách các item.
+     * Character or node used to separate items.
+     * 用于分隔各项的字符或节点。
+     */
     separator?: ReactNode;
 };
 declare function Breadcrumb({ items, className, separator, }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
@@ -412,21 +492,66 @@ type PaginationProps = {
 declare const Pagination: ({ page, pageSize, total, onChange, pageSizeOptions, onPageSizeChange, className, showFirstLast, label, }: PaginationProps) => react_jsx_runtime.JSX.Element;
 
 type PageTitleProps = {
+    /**
+     * Tiêu đề chính của trang.
+     * Main title of the page.
+     * 页面主标题。
+     */
     title: string;
+    /**
+     * Mô tả ngắn nằm dưới tiêu đề.
+     * Short description shown below the title.
+     * 显示在标题下方的简短描述。
+     */
     subtitle?: string;
+    /**
+     * Mật độ hiển thị của header trang.
+     * Visual density of the page header.
+     * 页面头部的显示密度。
+     */
     size?: 'default' | 'compact';
-    rightSlot?: React.ReactNode;
+    /**
+     * Slot hiển thị bên phải phần header.
+     * Slot rendered on the right side of the header.
+     * 显示在头部右侧的插槽。
+     */
+    rightSlot?: ReactNode;
 };
 declare function PageTitle$1({ title, subtitle, size, rightSlot, }: PageTitleProps): react_jsx_runtime.JSX.Element;
 
-type SectionTitleProps$1 = {
+type SectionTitleProps = {
+    /**
+     * Tiêu đề chính của section.
+     * Main title of the section.
+     * 区块主标题。
+     */
     title: string;
+    /**
+     * Mô tả ngắn giải thích section.
+     * Short description that explains the section.
+     * 用于说明该区块的简短描述。
+     */
     subtitle?: string;
+    /**
+     * Icon hiển thị bên trái title.
+     * Icon displayed to the left of the title.
+     * 显示在标题左侧的图标。
+     */
     icon?: ReactNode;
+    /**
+     * Class tùy chỉnh cho wrapper của icon.
+     * Custom class for the icon wrapper.
+     * 图标容器的自定义 class。
+     */
     iconClassName?: string;
+    /**
+     * Slot hiển thị bên phải section title.
+     * Slot rendered on the right side of the section title.
+     * 显示在区块标题右侧的插槽。
+     */
     rightSlot?: ReactNode;
 };
-declare function SectionTitle$1({ title, subtitle, icon, iconClassName, rightSlot, }: SectionTitleProps$1): react_jsx_runtime.JSX.Element;
+declare function SectionTitle$1({ title, subtitle, icon, iconClassName, rightSlot, }: SectionTitleProps): react_jsx_runtime.JSX.Element;
 
 interface TabItem {
     value: string;
@@ -453,13 +578,53 @@ declare function Loading({ label, size, className, ...props }: LoadingProps): re
 type TooltipSide$2 = 'top' | 'right' | 'bottom' | 'left';
 type TooltipAlign$2 = 'start' | 'center' | 'end';
 type TooltipProps = {
+    /**
+     * Nội dung tooltip hiển thị khi hover/focus.
+     * Tooltip content shown on hover or focus.
+     * 悬停或聚焦时显示的 tooltip 内容。
+     */
     content: ReactNode;
+    /**
+     * Phần tử trigger của tooltip.
+     * Trigger element for the tooltip.
+     * tooltip 的触发元素。
+     */
     children: ReactNode;
+    /**
+     * Vị trí tooltip so với trigger.
+     * Tooltip side relative to the trigger.
+     * tooltip 相对触发元素的位置。
+     */
     side?: TooltipSide$2;
+    /**
+     * Cách canh tooltip theo trục phụ.
+     * Tooltip alignment on the secondary axis.
+     * tooltip 在次轴上的对齐方式。
+     */
     align?: TooltipAlign$2;
+    /**
+     * Class bổ sung cho wrapper của trigger.
+     * Extra class names for the trigger wrapper.
+     * 触发器容器的额外 class。
+     */
     className?: string;
+    /**
+     * Class bổ sung cho panel tooltip.
+     * Extra class names for the tooltip panel.
+     * tooltip 面板的额外 class。
+     */
     contentClassName?: string;
+    /**
+     * Cho phép nội dung tooltip xuống dòng.
+     * Allows tooltip content to wrap onto multiple lines.
+     * 是否允许 tooltip 内容换行。
+     */
     wrap?: boolean;
+    /**
+     * Render tooltip bằng portal ra `document.body`.
+     * Renders the tooltip through a portal into `document.body`.
+     * 通过 portal 将 tooltip 渲染到 `document.body`。
+     */
     portal?: boolean;
 };
 declare function Tooltip({ content, children, side, align, className, contentClassName, wrap, portal, }: TooltipProps): react_jsx_runtime.JSX.Element;
@@ -500,32 +665,152 @@ type TruncatedTextProps = {
 declare function TruncatedText({ email, }: TruncatedTextProps): react_jsx_runtime.JSX.Element;
 
 type SidebarItem$1 = {
+    /**
+     * Định danh duy nhất của item.
+     * Unique identifier of the sidebar item.
+     * 侧边栏项的唯一标识。
+     */
     id: string;
+    /**
+     * Tiêu đề hiển thị trực tiếp trên menu.
+     * Title rendered directly in the menu.
+     * 菜单中直接显示的标题。
+     */
     title?: string;
+    /**
+     * Khóa i18n nếu title sẽ được dịch ở tầng ngoài.
+     * i18n key when the title is translated outside this component.
+     * 当标题由外部国际化处理时使用的 i18n key。
+     */
     titleKey?: string;
+    /**
+     * Icon của item, có thể là ReactNode hoặc component.
+     * Item icon, either a ReactNode or a component type.
+     * 菜单项图标，可传 ReactNode 或组件类型。
+     */
     icon?: ReactNode | ElementType;
+    /**
+     * Đường dẫn điều hướng khi click item.
+     * Navigation target when the item is clicked.
+     * 点击菜单项后的跳转地址。
+     */
     href?: string;
+    /**
+     * Quyền yêu cầu để item được hiển thị.
+     * Required permission(s) for the item to be visible.
+     * 显示该菜单项所需的权限。
+     */
     permission?: string | string[];
+    /**
+     * Danh sách item con.
+     * Nested child items.
+     * 子菜单项列表。
+     */
     children?: SidebarItem$1[];
 };
 type PermissionChecker = (permission: string | string[] | undefined, userPermissions?: string[]) => boolean;
 interface SidebarProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Cấu hình toàn bộ item sẽ render trong sidebar.
+     * Full item tree rendered inside the sidebar.
+     * 侧边栏中要渲染的完整菜单树。
+     */
     items: SidebarItem$1[];
+    /**
+     * Danh sách quyền hiện tại của người dùng.
+     * Current permission list of the active user.
+     * 当前用户的权限列表。
+     */
     userPermissions?: string[];
+    /**
+     * Hàm kiểm tra quyền tùy chỉnh.
+     * Custom permission checking function.
+     * 自定义权限校验函数。
+     */
     permissionChecker?: PermissionChecker;
+    /**
+     * `id` của item đang active.
+     * `id` of the currently active item.
+     * 当前激活菜单项的 `id`。
+     */
     activeItemId?: string;
+    /**
+     * Callback khi người dùng click vào item.
+     * Callback fired when the user clicks an item.
+     * 用户点击菜单项时触发的回调。
+     */
     onItemClick?: (item: SidebarItem$1) => void;
+    /**
+     * Class bổ sung cho danh sách cấp 1.
+     * Extra class names for the top-level list.
+     * 顶层列表的额外 class。
+     */
     listClassName?: string;
+    /**
+     * Class bổ sung cho danh sách lồng nhau.
+     * Extra class names for nested lists.
+     * 嵌套列表的额外 class。
+     */
     nestedListClassName?: string;
+    /**
+     * Class bổ sung cho từng item.
+     * Extra class names applied to each item.
+     * 每个菜单项的额外 class。
+     */
     itemClassName?: string;
+    /**
+     * Khoảng thụt lề cho mỗi cấp con.
+     * Indentation size for each nested level.
+     * 每一级嵌套的缩进宽度。
+     */
     indentSize?: number;
+    /**
+     * Nhãn trợ năng cho phần tử `nav`.
+     * Accessibility label for the `nav` element.
+     * `nav` 元素的无障碍标签。
+     */
     ariaLabel?: string;
+    /**
+     * Cho phép thu gọn hoặc mở rộng sidebar.
+     * Enables collapsing and expanding the sidebar.
+     * 是否允许侧边栏折叠/展开。
+     */
     collapsible?: boolean;
+    /**
+     * Trạng thái thu gọn có kiểm soát từ bên ngoài.
+     * Controlled collapsed state from the parent.
+     * 由外部控制的折叠状态。
+     */
     collapsed?: boolean;
+    /**
+     * Trạng thái thu gọn mặc định khi dùng uncontrolled mode.
+     * Default collapsed state in uncontrolled mode.
+     * 非受控模式下的默认折叠状态。
+     */
     defaultCollapsed?: boolean;
+    /**
+     * Callback khi trạng thái thu gọn thay đổi.
+     * Callback fired when the collapsed state changes.
+     * 折叠状态变化时触发的回调。
+     */
     onCollapseChange?: (collapsed: boolean) => void;
+    /**
+     * Chiều rộng sidebar khi đang thu gọn.
+     * Sidebar width when collapsed.
+     * 折叠时的侧边栏宽度。
+     */
     collapsedWidth?: number | string;
+    /**
+     * Chiều rộng sidebar khi đang mở rộng.
+     * Sidebar width when expanded.
+     * 展开时的侧边栏宽度。
+     */
     expandedWidth?: number | string;
+    /**
+     * Nhãn trợ năng cho nút collapse/expand.
+     * Accessibility label for the collapse/expand button.
+     * 折叠/展开按钮的无障碍标签。
+     */
     collapseButtonLabel?: string;
 }
 
@@ -552,11 +837,350 @@ type ArgonSidebarHeaderRender = (state: {
     hoverExpanded: boolean;
 }) => React.ReactNode;
 type ArgonSidebarProps = SidebarProps & {
+    /**
+     * Callback khi trạng thái hover mở rộng thay đổi.
+     * Callback fired when hover-expansion state changes.
+     * 悬停展开状态变化时触发的回调。
+     */
     onHoverChange?: (hovered: boolean) => void;
+    /**
+     * Nội dung header hoặc hàm render header động.
+     * Header content or a render function for dynamic header content.
+     * 头部内容，或用于动态渲染头部的函数。
+     */
     header?: React.ReactNode | ArgonSidebarHeaderRender;
 };
 declare function ArgonSidebar({ items, userPermissions, permissionChecker, activeItemId, onItemClick, listClassName, nestedListClassName, itemClassName, indentSize, ariaLabel, className, collapsible, collapsed, defaultCollapsed, onCollapseChange, collapsedWidth, expandedWidth, collapseButtonLabel, style, onHoverChange, header, ...rest }: ArgonSidebarProps): react_jsx_runtime.JSX.Element;
 
+type MainFePageTitleProps = {
+    /**
+     * Tiêu đề chính của trang.
+     * Main title of the page.
+     * 页面主标题。
+     */
+    title: string;
+    /**
+     * Mô tả ngắn nằm dưới tiêu đề.
+     * Short description shown below the title.
+     * 显示在标题下方的简短描述。
+     */
+    subtitle?: string;
+    /**
+     * Mật độ hiển thị của header trang.
+     * Visual density of the page header.
+     * 页面头部的显示密度。
+     */
+    size?: 'default' | 'compact';
+    /**
+     * Slot hiển thị phía trên title, thường dùng cho breadcrumb hoặc status.
+     * Slot rendered above the title, commonly used for breadcrumbs or status tags.
+     * 显示在标题上方的插槽，常用于面包屑或状态标签。
+     */
+    topSlot?: ReactNode;
+    /**
+     * Slot hiển thị phía bên phải phần header.
+     * Slot rendered on the right side of the header.
+     * 显示在头部右侧的插槽。
+     */
+    rightSlot?: ReactNode;
+};
+declare function PageTitle({ title, subtitle, size, topSlot, rightSlot, }: MainFePageTitleProps): react_jsx_runtime.JSX.Element;
+
+type MainFeSectionTitleProps = {
+    /**
+     * Tiêu đề chính của section.
+     * Main title of the section.
+     * 区块主标题。
+     */
+    title: string;
+    /**
+     * Mô tả ngắn giải thích section.
+     * Short description that explains the section.
+     * 用于说明该区块的简短描述。
+     */
+    subtitle?: string;
+    /**
+     * Icon hiển thị bên trái title.
+     * Icon displayed to the left of the title.
+     * 显示在标题左侧的图标。
+     */
+    icon?: ReactNode;
+    /**
+     * Class tùy chỉnh cho wrapper của icon.
+     * Custom class for the icon wrapper.
+     * 图标容器的自定义 class。
+     */
+    iconClassName?: string;
+    /**
+     * Slot hiển thị bên phải section title.
+     * Slot rendered on the right side of the section title.
+     * 显示在区块标题右侧的插槽。
+     */
+    rightSlot?: ReactNode;
+};
+declare function SectionTitle({ title, subtitle, icon, iconClassName, rightSlot, }: MainFeSectionTitleProps): react_jsx_runtime.JSX.Element;
+
+type MultiTabItem = {
+    /**
+     * Nhãn hiển thị trên tab.
+     * Visible label rendered on the tab.
+     * Tab 上显示的标签文本。
+     */
+    label: ReactNode;
+    /**
+     * Giá trị định danh của tab.
+     * Identifier value of the tab.
+     * Tab 的标识值。
+     */
+    value: string;
+};
+interface MultiTabsProps {
+    /**
+     * Danh sách tab cần render.
+     * List of tabs to render.
+     * 需要渲染的 tab 列表。
+     */
+    items: MultiTabItem[];
+    /**
+     * Giá trị tab đang được chọn.
+     * Currently selected tab value.
+     * 当前选中的 tab 值。
+     */
+    value: string;
+    /**
+     * Callback khi người dùng đổi tab.
+     * Callback fired when the user switches tabs.
+     * 用户切换 tab 时触发的回调。
+     */
+    onChange: (value: string) => void;
+    /**
+     * Class bổ sung cho wrapper của nhóm tab.
+     * Extra class names for the tab group wrapper.
+     * tab 组容器的额外 class。
+     */
+    className?: string;
+    /**
+     * Inline style cho wrapper của nhóm tab.
+     * Inline styles for the tab group wrapper.
+     * tab 组容器的内联样式。
+     */
+    style?: CSSProperties;
+}
+declare function MultiTabs({ items, value, onChange, className, style, }: MultiTabsProps): react_jsx_runtime.JSX.Element;
+
+type StatTone = 'emerald' | 'sky' | 'violet' | 'rose';
+type StatCardProps = {
+    /**
+     * Nhãn mô tả ý nghĩa của chỉ số.
+     * Label describing what the metric represents.
+     * 用于说明指标含义的标签。
+     */
+    label: ReactNode;
+    /**
+     * Giá trị chính cần nhấn mạnh.
+     * Primary value that should be emphasized.
+     * 需要重点展示的主数值。
+     */
+    value: ReactNode;
+    /**
+     * Tông màu chủ đạo của card.
+     * Primary visual tone of the card.
+     * 卡片的主视觉色调。
+     */
+    tone?: StatTone;
+    /**
+     * Icon hiển thị ở góc phải card.
+     * Icon displayed in the right corner of the card.
+     * 显示在卡片右侧的图标。
+     */
+    icon?: ReactNode;
+    /**
+     * Class bổ sung cho wrapper của card.
+     * Extra class names for the card wrapper.
+     * 卡片容器的额外 class。
+     */
+    className?: string;
+};
+declare function StatCard({ label, value, tone, icon, className, }: StatCardProps): react_jsx_runtime.JSX.Element;
+
+type RemoteLoadingProps = {
+    /**
+     * Class bổ sung cho wrapper loading toàn trang.
+     * Extra class names for the full-page loading wrapper.
+     * 全页加载容器的额外 class。
+     */
+    className?: string;
+};
+declare function RemoteLoading({ className }: RemoteLoadingProps): react_jsx_runtime.JSX.Element;
+
+type DateRangePickerValue = {
+    /**
+     * Ngày bắt đầu ở dạng string/ISO.
+     * Start date in string or ISO format.
+     * 字符串/ISO 格式的开始日期。
+     */
+    startDate?: string | null;
+    /**
+     * Ngày kết thúc ở dạng string/ISO.
+     * End date in string or ISO format.
+     * 字符串/ISO 格式的结束日期。
+     */
+    endDate?: string | null;
+};
+interface DateRangePickerProps {
+    /**
+     * Khoảng ngày hiện tại của component.
+     * Current date range value of the component.
+     * 组件当前的日期区间值。
+     */
+    value?: DateRangePickerValue;
+    /**
+     * Callback khi người dùng xác nhận khoảng ngày mới.
+     * Callback fired when the user confirms a new date range.
+     * 用户确认新的日期区间时触发的回调。
+     */
+    onChange: (next: Required<DateRangePickerValue>) => void;
+    /**
+     * Nhãn hiển thị phía trên picker.
+     * Label shown above the picker.
+     * 显示在选择器上方的标签。
+     */
+    label?: string;
+    /**
+     * Placeholder khi chưa chọn ngày.
+     * Placeholder shown before a range is selected.
+     * 未选择日期时显示的占位文本。
+     */
+    placeholder?: string;
+    /**
+     * Class bổ sung cho wrapper của picker.
+     * Extra class names for the picker wrapper.
+     * 选择器容器的额外 class。
+     */
+    className?: string;
+}
+declare function DateRangePicker({ value, onChange, label, placeholder, className, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+
+type QuickOption = {
+    /**
+     * Nhãn hiển thị của lựa chọn nhanh.
+     * Visible label of the quick option.
+     * 快捷选项的显示标签。
+     */
+    label: string;
+    /**
+     * Giá trị sẽ được áp vào picker khi chọn nhanh.
+     * Value applied to the picker when the quick option is chosen.
+     * 选择快捷项时写入 picker 的值。
+     */
+    value: string;
+};
+interface DateTimePickerProps {
+    /**
+     * Nhãn hiển thị phía trên picker.
+     * Label shown above the picker.
+     * 显示在选择器上方的标签。
+     */
+    label?: ReactNode;
+    /**
+     * Placeholder khi chưa có giá trị.
+     * Placeholder shown when no value is set.
+     * 未设置值时显示的占位文本。
+     */
+    placeholder?: string;
+    /**
+     * Giá trị hiện tại của picker.
+     * Current value of the picker.
+     * picker 当前值。
+     */
+    value?: string;
+    /**
+     * Callback khi giá trị ngày giờ thay đổi.
+     * Callback fired when the date-time value changes.
+     * 日期时间值变化时触发的回调。
+     */
+    onChange: (value: string) => void;
+    /**
+     * Vô hiệu hóa toàn bộ picker.
+     * Disables the entire picker.
+     * 禁用整个选择器。
+     */
+    disabled?: boolean;
+    /**
+     * Thông báo lỗi hiển thị dưới field.
+     * Error message shown below the field.
+     * 显示在字段下方的错误信息。
+     */
+    errorMessage?: string;
+    /**
+     * Class bổ sung cho wrapper của picker.
+     * Extra class names for the picker wrapper.
+     * 选择器容器的额外 class。
+     */
+    className?: string;
+    /**
+     * Format dùng để parse `value` đầu vào.
+     * Format used to parse the incoming `value`.
+     * 用于解析输入 `value` 的格式。
+     */
+    parseFormat?: string;
+    /**
+     * Format dùng để trả dữ liệu ra ngoài qua `onChange`.
+     * Format used for outgoing values passed to `onChange`.
+     * 通过 `onChange` 输出时使用的格式。
+     */
+    outputFormat?: string;
+    /**
+     * Format hiển thị cho phần text trong trigger.
+     * Display format for the text shown in the trigger.
+     * 触发器中显示文本所使用的格式。
+     */
+    displayFormat?: string;
+    /**
+     * Mốc ngày giờ nhỏ nhất được phép chọn.
+     * Minimum selectable date-time.
+     * 可选择的最小日期时间。
+     */
+    minDateTime?: Date;
+    /**
+     * Danh sách lựa chọn nhanh.
+     * List of quick-select options.
+     * 快捷选择项列表。
+     */
+    quickOptions?: QuickOption[];
+    /**
+     * Callback khi người dùng chọn một quick option.
+     * Callback fired when a quick option is selected.
+     * 用户选择快捷项时触发的回调。
+     */
+    onQuickSelect?: (value: string) => void;
+    /**
+     * Callback khi người dùng xóa giá trị hiện tại.
+     * Callback fired when the current value is cleared.
+     * 用户清空当前值时触发的回调。
+     */
+    onClear?: () => void;
+    /**
+     * Tiêu đề cho nhóm quick ranges.
+     * Title for the quick-range section.
+     * 快捷范围分组标题。
+     */
+    quickRangesLabel?: string;
+    /**
+     * Nhãn hiển thị cho hành động clear.
+     * Label shown for the clear action.
+     * 清空操作显示的标签。
+     */
+    clearLabel?: string;
+    /**
+     * Render panel bằng portal ra ngoài layout hiện tại.
+     * Renders the picker panel in a portal outside the current layout.
+     * 通过 portal 在当前布局外渲染面板。
+     */
+    portal?: boolean;
+}
+declare function DateTimePicker({ label, placeholder, value, onChange, disabled, errorMessage, className, parseFormat, outputFormat, displayFormat, minDateTime, quickOptions, onQuickSelect, onClear, quickRangesLabel, clearLabel, portal, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
+
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "confirm" | "secondary" | "ghost" | "create" | null | undefined;
     size?: "sm" | "md" | "lg" | "icon" | null | undefined;
@@ -564,164 +1188,499 @@ declare const buttonVariants: (props?: ({
 type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
 type ButtonSize = 'sm' | 'md' | 'lg' | 'icon';
 interface ButtonProps extends Omit<SharedComponentProps, 'size'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size' | 'className'> {
+    /**
+     * Biến thể giao diện của button.
+     * Visual variant of the button.
+     * 按钮的视觉变体。
+     */
     variant?: ButtonVariant;
+    /**
+     * Kích thước hiển thị của button.
+     * Visual size of the button.
+     * 按钮的显示尺寸。
+     */
     size?: ButtonSize;
+    /**
+     * Icon hiển thị trước nội dung chính.
+     * Icon rendered before the main content.
+     * 显示在主要内容前面的图标。
+     */
     startIcon?: ReactNode;
+    /**
+     * Icon hiển thị sau nội dung chính.
+     * Icon rendered after the main content.
+     * 显示在主要内容后面的图标。
+     */
     endIcon?: ReactNode;
+    /**
+     * Nội dung custom của button.
+     * Custom button content.
+     * 按钮的自定义内容。
+     */
     children?: ReactNode;
 }
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
-declare function Card({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function CardHeader({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function CardTitle({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function CardDescription({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function CardAction({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function CardContent({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function CardFooter({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-
-type SectionTitleProps = {
-    title: string;
-    subtitle?: string;
-    icon?: ReactNode;
-    iconClassName?: string;
-    rightSlot?: ReactNode;
-};
-declare function SectionTitle({ title, subtitle, icon, iconClassName, rightSlot, }: SectionTitleProps): react_jsx_runtime.JSX.Element;
-
 declare const inputVariants: (props?: ({
     variant?: "default" | "outline" | "ghost" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type InputVariant = VariantProps<typeof inputVariants>['variant'];
 interface InputProps extends SharedComponentProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'size' | 'prefix'> {
+    /**
+     * Biến thể giao diện của input.
+     * Visual variant of the input.
+     * 输入框的视觉变体。
+     */
     variant?: InputVariant;
+    /**
+     * Nội dung hiển thị ở mép trái input.
+     * Content rendered on the left side of the input.
+     * 显示在输入框左侧的内容。
+     */
     prefix?: ReactNode;
+    /**
+     * Nội dung hiển thị ở mép phải input.
+     * Content rendered on the right side of the input.
+     * 显示在输入框右侧的内容。
+     */
     suffix?: ReactNode;
+    /**
+     * Class áp trực tiếp lên thẻ `<input>`.
+     * Class names applied directly to the `<input>` element.
+     * 直接作用于 `<input>` 元素的 class。
+     */
     inputClassName?: string;
+    /**
+     * Callback trả về giá trị string hiện tại của input.
+     * Callback that returns the current string value of the input.
+     * 返回当前输入字符串值的回调。
+     */
     onValueChange?: (value: string) => void;
+    /**
+     * Bật hoặc tắt nút hiện/ẩn mật khẩu khi `type="password"`.
+     * Enables or disables the password visibility toggle when `type="password"`.
+     * 当 `type="password"` 时启用或禁用密码显隐切换按钮。
+     */
     showPasswordToggle?: boolean;
 }
 declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
 
 type ComboboxOption = {
+    /**
+     * Nhãn hiển thị trong input và dropdown.
+     * Visible label shown in the input and dropdown.
+     * 显示在输入框和下拉列表中的标签。
+     */
     label: string;
+    /**
+     * Giá trị thật của option.
+     * Actual value of the option.
+     * 选项的实际值。
+     */
     value: string | number;
+    /**
+     * Mô tả phụ của option nếu UI muốn hiển thị thêm.
+     * Secondary description for the option when the UI needs extra context.
+     * 当界面需要更多说明时可显示的次级描述。
+     */
     description?: string;
+    /**
+     * Giá trị dùng riêng cho việc tìm kiếm.
+     * Alternate value used specifically for searching.
+     * 专门用于搜索匹配的值。
+     */
     searchValue?: string;
+    /**
+     * Đánh dấu option không thể chọn.
+     * Marks the option as unavailable for selection.
+     * 标记该选项不可选。
+     */
     disabled?: boolean;
 };
 type ComboboxAsyncConfig = {
+    /**
+     * Callback tìm kiếm từ xa mỗi khi người dùng nhập.
+     * Remote search callback fired when the user types.
+     * 用户输入时触发的远程搜索回调。
+     */
     onSearch?: (value: string) => void;
+    /**
+     * Callback tải thêm dữ liệu khi dropdown chạm cuối.
+     * Callback for loading more data when the dropdown reaches the end.
+     * 下拉列表滚动到底部时加载更多数据的回调。
+     */
     onLoadMore?: () => void;
+    /**
+     * Cho biết còn dữ liệu để tải thêm hay không.
+     * Indicates whether more remote data is available.
+     * 是否还有更多远程数据可加载。
+     */
     hasMore?: boolean;
+    /**
+     * Có reset từ khóa tìm kiếm khi focus lại hay không.
+     * Whether to reset the search term when the field is focused again.
+     * 再次聚焦时是否重置搜索词。
+     */
     resetSearchOnFocus?: boolean;
+    /**
+     * Có khôi phục option đã chọn khi blur mà chưa chọn mới hay không.
+     * Whether to restore the selected option on blur if nothing new is chosen.
+     * 失焦且未选择新值时是否恢复已选项。
+     */
     restoreSelectedOnBlur?: boolean;
 };
 interface ComboboxProps extends SharedComponentProps {
+    /**
+     * Danh sách option hiển thị trong dropdown.
+     * Option list rendered in the dropdown.
+     * 下拉列表中渲染的选项列表。
+     */
     options: ComboboxOption[];
+    /**
+     * Giá trị đang được chọn.
+     * Currently selected value.
+     * 当前选中的值。
+     */
     value?: string | number;
+    /**
+     * Placeholder hiển thị khi chưa có giá trị.
+     * Placeholder shown when no value is selected.
+     * 未选择值时显示的占位文本。
+     */
     placeholder?: string;
+    /**
+     * Callback khi người dùng chọn một option.
+     * Callback fired when the user selects an option.
+     * 用户选择某个选项时触发的回调。
+     */
     onChange?: (value: ComboboxOption['value']) => void;
+    /**
+     * Callback khi nội dung nhập thay đổi.
+     * Callback fired when the input text changes.
+     * 输入内容变化时触发的回调。
+     */
     onInputChange?: (value: string) => void;
+    /**
+     * Callback tải thêm thủ công ở cuối danh sách.
+     * Manual callback for loading more items at the end of the list.
+     * 列表末尾手动加载更多的回调。
+     */
     onLoadMore?: () => void;
+    /**
+     * Cho biết còn dữ liệu để load thêm hay không.
+     * Indicates whether more data can be loaded.
+     * 是否还有更多数据可加载。
+     */
     hasMore?: boolean;
+    /**
+     * Cấu hình cho chế độ async/remote search.
+     * Configuration for async or remote-search behavior.
+     * 异步/远程搜索模式的配置。
+     */
     asyncConfig?: ComboboxAsyncConfig;
+    /**
+     * Trạng thái đang tải dữ liệu.
+     * Loading state while data is being fetched.
+     * 数据加载中的状态。
+     */
     loading?: boolean;
+    /**
+     * Vô hiệu hóa toàn bộ combobox.
+     * Disables the entire combobox.
+     * 禁用整个 combobox。
+     */
     disabled?: boolean;
+    /**
+     * Placeholder dành riêng cho ô search.
+     * Placeholder specifically for the search input.
+     * 搜索输入框专用的占位文本。
+     */
     searchPlaceholder?: string;
+    /**
+     * `id` dùng cho helper text để liên kết accessibility.
+     * `id` used by helper text for accessibility linkage.
+     * 用于辅助文本无障碍关联的 `id`。
+     */
     helperId?: string;
+    /**
+     * `id` dùng cho error text để liên kết accessibility.
+     * `id` used by error text for accessibility linkage.
+     * 用于错误文本无障碍关联的 `id`。
+     */
     errorId?: string;
+    /**
+     * Cho phép hiển thị nút xóa giá trị hiện tại.
+     * Enables a button for clearing the current value.
+     * 是否显示清空当前值的按钮。
+     */
     allowClear?: boolean;
+    /**
+     * Callback khi người dùng bấm xóa giá trị.
+     * Callback fired when the current value is cleared.
+     * 用户清空当前值时触发的回调。
+     */
     onClear?: () => void;
+    /**
+     * Render dropdown bằng portal ra ngoài layout hiện tại.
+     * Renders the dropdown in a portal outside the current layout.
+     * 通过 portal 在当前布局外渲染下拉层。
+     */
     portal?: boolean;
+    /**
+     * Class bổ sung cho dropdown menu.
+     * Extra class names for the dropdown menu.
+     * 下拉菜单的额外 class。
+     */
     dropdownClassName?: string;
-    /** Override dropdown max height (e.g. for testing scroll with few items). */
+    /**
+     * Ghi đè chiều cao tối đa của dropdown.
+     * Overrides the maximum height of the dropdown.
+     * 覆盖下拉层的最大高度。
+     */
     dropdownMaxHeight?: number;
-    /** Keep error state styling but do not render error text below field. */
+    /**
+     * Giữ style lỗi nhưng không render dòng error bên dưới field.
+     * Keeps error styling without rendering the error text below the field.
+     * 保留错误样式，但不在字段下方渲染错误文本。
+     */
     hideErrorMessage?: boolean;
 }
 declare const Combobox: react.ForwardRefExoticComponent<ComboboxProps & react.RefAttributes<HTMLInputElement>>;
 
-interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'className' | 'onChange'> {
-    className?: string;
-    trackClassName?: string;
-    thumbClassName?: string;
-    onCheckedChange?: (checked: boolean) => void;
-}
-declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
-
-type MultiTabItem = {
-    label: ReactNode;
-    value: string;
-};
-interface MultiTabsProps {
-    items: MultiTabItem[];
-    value: string;
-    onChange: (value: string) => void;
-    className?: string;
-    style?: CSSProperties;
-}
-declare function MultiTabs({ items, value, onChange, className, style, }: MultiTabsProps): react_jsx_runtime.JSX.Element;
-
-type StatTone = 'emerald' | 'sky' | 'violet' | 'rose';
-type StatCardProps = {
-    label: ReactNode;
-    value: ReactNode;
-    tone?: StatTone;
-    icon?: ReactNode;
-    className?: string;
-};
-declare function StatCard({ label, value, tone, icon, className, }: StatCardProps): react_jsx_runtime.JSX.Element;
-
 type DataTableSortDirection = 'asc' | 'desc';
 type DataTableAlign = 'left' | 'center' | 'right';
 type DataTableSortState = {
+    /**
+     * `key` của column đang được sort.
+     * `key` of the column currently being sorted.
+     * 当前参与排序的列 `key`。
+     */
     key: string;
+    /**
+     * Hướng sắp xếp hiện tại.
+     * Current sort direction.
+     * 当前排序方向。
+     */
     direction: DataTableSortDirection;
 };
 type DataTableColumn<T> = {
+    /**
+     * Khóa định danh duy nhất của column.
+     * Unique identifier of the column.
+     * 列的唯一标识键。
+     */
     key: string;
+    /**
+     * Nội dung header hiển thị của column.
+     * Visible header content of the column.
+     * 列头显示内容。
+     */
     title: ReactNode;
+    /**
+     * Tên field trong record dùng để lấy dữ liệu mặc định.
+     * Record field used as the default data source.
+     * 默认取值时对应 record 的字段名。
+     */
     dataIndex?: keyof T;
+    /**
+     * Chiều rộng cố định hoặc tương đối của column.
+     * Fixed or relative width of the column.
+     * 列的固定或相对宽度。
+     */
     width?: number | string;
+    /**
+     * Hàm custom render cell.
+     * Custom renderer for the cell content.
+     * 单元格内容的自定义渲染函数。
+     */
     render?: (value: T[keyof T] | undefined, record: T, index: number) => ReactNode;
+    /**
+     * Bật hoặc tắt khả năng sort cho column.
+     * Enables or disables sorting for the column.
+     * 是否启用该列排序。
+     */
     sortable?: boolean;
+    /**
+     * Hàm so sánh custom khi sort client-side.
+     * Custom comparator used for client-side sorting.
+     * 客户端排序时使用的自定义比较函数。
+     */
     sorter?: (a: T, b: T) => number;
+    /**
+     * Hàm lấy giá trị dùng riêng cho sort.
+     * Function that returns a dedicated value for sorting.
+     * 专门用于排序的取值函数。
+     */
     sortValue?: (record: T) => string | number | Date | null | undefined;
+    /**
+     * Canh lề riêng cho header của column này.
+     * Per-column header alignment override.
+     * 该列表头的单独对齐方式。
+     */
     headerAlign?: DataTableAlign;
+    /**
+     * Canh lề riêng cho cell của column này.
+     * Per-column cell alignment override.
+     * 该列单元格的单独对齐方式。
+     */
     cellAlign?: DataTableAlign;
 };
 type DataTablePagination = {
+    /**
+     * Trang hiện tại.
+     * Current page.
+     * 当前页码。
+     */
     page: number;
+    /**
+     * Số dòng trên mỗi trang.
+     * Number of rows per page.
+     * 每页行数。
+     */
     pageSize: number;
+    /**
+     * Tổng số bản ghi.
+     * Total number of records.
+     * 总记录数。
+     */
     total: number;
+    /**
+     * Callback đổi trang.
+     * Callback fired when the page changes.
+     * 页码变化时触发的回调。
+     */
     onChange: (page: number) => void;
+    /**
+     * Danh sách page size cho dropdown.
+     * Page-size options shown in the dropdown.
+     * 下拉中展示的分页大小选项。
+     */
     pageSizeOptions?: number[];
+    /**
+     * Callback đổi số dòng trên mỗi trang.
+     * Callback fired when page size changes.
+     * 每页行数变化时触发的回调。
+     */
     onPageSizeChange?: (pageSize: number) => void;
 };
 type RowKey = string | number;
 type DataTableRowSelection = {
+    /**
+     * Danh sách row key đang được chọn.
+     * Row keys that are currently selected.
+     * 当前已选中的行 key 列表。
+     */
     selectedRowKeys: Array<RowKey>;
+    /**
+     * Callback khi tập row được chọn thay đổi.
+     * Callback fired when the selected rows change.
+     * 已选行集合变化时触发的回调。
+     */
     onChange: (selectedRowKeys: Array<RowKey>) => void;
 };
 type DataTableProps<T> = {
+    /**
+     * Cấu hình các cột của bảng.
+     * Column configuration of the table.
+     * 表格列配置。
+     */
     columns: Array<DataTableColumn<T>>;
+    /**
+     * Dữ liệu nguồn của bảng.
+     * Source data rendered by the table.
+     * 表格渲染的数据源。
+     */
     data: T[];
+    /**
+     * Cách lấy khóa duy nhất cho mỗi dòng.
+     * How to resolve a unique key for each row.
+     * 为每一行生成唯一 key 的方式。
+     */
     rowKey: keyof T | ((record: T) => RowKey);
+    /**
+     * Trạng thái loading của bảng.
+     * Loading state of the table.
+     * 表格的加载状态。
+     */
     loading?: boolean;
+    /**
+     * Nội dung hiển thị khi bảng rỗng.
+     * Content shown when the table has no data.
+     * 表格无数据时显示的内容。
+     */
     emptyText?: ReactNode;
+    /**
+     * Cấu hình phân trang.
+     * Pagination configuration.
+     * 分页配置。
+     */
     pagination?: DataTablePagination;
+    /**
+     * Trạng thái sort hiện tại nếu muốn control từ ngoài.
+     * Current sort state when controlled from the parent.
+     * 由外部控制时的当前排序状态。
+     */
     sort?: DataTableSortState | null;
+    /**
+     * Callback khi trạng thái sort thay đổi.
+     * Callback fired when sort state changes.
+     * 排序状态变化时触发的回调。
+     */
     onSortChange?: (sort: DataTableSortState | null) => void;
+    /**
+     * Chế độ sort phía client hoặc server.
+     * Sorting mode handled on the client or server.
+     * 排序在客户端还是服务端处理。
+     */
     sortMode?: 'client' | 'server';
+    /**
+     * Callback khi người dùng click vào một dòng.
+     * Callback fired when a row is clicked.
+     * 用户点击某一行时触发的回调。
+     */
     onRowClick?: (record: T) => void;
+    /**
+     * Cấu hình chọn nhiều dòng.
+     * Row-selection configuration.
+     * 行选择配置。
+     */
     rowSelection?: DataTableRowSelection;
+    /**
+     * Hàm render cột action cho từng dòng.
+     * Renderer for the per-row action column.
+     * 每一行操作列的渲染函数。
+     */
     renderActions?: (record: T) => ReactNode;
+    /**
+     * Chiều rộng của cột action.
+     * Width of the action column.
+     * 操作列宽度。
+     */
     actionColumnWidth?: number | string;
+    /**
+     * Class bổ sung cho wrapper của bảng.
+     * Extra class names for the table wrapper.
+     * 表格容器的额外 class。
+     */
     className?: string;
+    /**
+     * Canh lề mặc định cho toàn bộ header.
+     * Default alignment for all headers.
+     * 全部表头的默认对齐方式。
+     */
     headerAlign?: DataTableAlign;
+    /**
+     * Canh lề mặc định cho toàn bộ cell.
+     * Default alignment for all cells.
+     * 全部单元格的默认对齐方式。
+     */
     cellAlign?: DataTableAlign;
+    /**
+     * Offset sticky cho header/cột cố định nếu layout có top bar.
+     * Sticky offset for header or fixed columns when the layout has a top bar.
+     * 当布局存在顶部栏时，表头/固定列的 sticky 偏移。
+     */
     stickyOffset?: number;
 };
 declare function DataTable<T>({ columns, data, rowKey, loading, emptyText, pagination, sort, onSortChange, sortMode, onRowClick, rowSelection, renderActions, actionColumnWidth, className, headerAlign, stickyOffset, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
@@ -733,6 +1692,42 @@ declare const TableCell: react.ForwardRefExoticComponent<TdHTMLAttributes<HTMLTa
     as?: "td" | "th";
 } & react.RefAttributes<HTMLTableCellElement>>;
 
+interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'className' | 'onChange'> {
+    /**
+     * Class bổ sung cho wrapper ngoài cùng của switch.
+     * Extra class names for the outer switch wrapper.
+     * 开关最外层容器的额外 class。
+     */
+    className?: string;
+    /**
+     * Class tùy chỉnh cho phần track.
+     * Custom class for the switch track.
+     * 开关轨道的自定义 class。
+     */
+    trackClassName?: string;
+    /**
+     * Class tùy chỉnh cho phần thumb.
+     * Custom class for the switch thumb.
+     * 开关圆点的自定义 class。
+     */
+    thumbClassName?: string;
+    /**
+     * Callback trả về trạng thái checked mới.
+     * Callback that returns the next checked state.
+     * 返回最新选中状态的回调。
+     */
+    onCheckedChange?: (checked: boolean) => void;
+}
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
+
+declare function Card({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardAction({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ className, ...props }: react.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
 type StatusAction = {
     label: ReactNode;
     color?: string;
@@ -752,59 +1747,9 @@ type StatusPresentation = {
 };
 declare function getStatusPresentation(status: string | number | null | undefined, options: StatusOption[]): StatusPresentation | null;
 
-type RemoteLoadingProps = {
-    className?: string;
-};
-declare function RemoteLoading({ className }: RemoteLoadingProps): react_jsx_runtime.JSX.Element;
-
-type DateRangePickerValue = {
-    startDate?: string | null;
-    endDate?: string | null;
-};
-interface DateRangePickerProps {
-    value?: DateRangePickerValue;
-    onChange: (next: Required<DateRangePickerValue>) => void;
-    label?: string;
-    placeholder?: string;
-    className?: string;
-}
-declare function DateRangePicker({ value, onChange, label, placeholder, className, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
-
-type QuickOption = {
-    label: string;
-    value: string;
-};
-interface DateTimePickerProps {
-    label?: ReactNode;
-    placeholder?: string;
-    value?: string;
-    onChange: (value: string) => void;
-    disabled?: boolean;
-    errorMessage?: string;
-    className?: string;
-    parseFormat?: string;
-    outputFormat?: string;
-    displayFormat?: string;
-    minDateTime?: Date;
-    quickOptions?: QuickOption[];
-    onQuickSelect?: (value: string) => void;
-    onClear?: () => void;
-    quickRangesLabel?: string;
-    clearLabel?: string;
-    portal?: boolean;
-}
-declare function DateTimePicker({ label, placeholder, value, onChange, disabled, errorMessage, className, parseFormat, outputFormat, displayFormat, minDateTime, quickOptions, onQuickSelect, onClear, quickRangesLabel, clearLabel, portal, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
-
-type MainFePageTitleProps = {
-    title: string;
-    subtitle?: string;
-    size?: 'default' | 'compact';
-    topSlot?: React.ReactNode;
-    rightSlot?: React.ReactNode;
-};
-declare function PageTitle({ title, subtitle, size, topSlot, rightSlot, }: MainFePageTitleProps): react_jsx_runtime.JSX.Element;
-
 declare const index_ArgonSidebar: typeof ArgonSidebar;
+type index_ArgonSidebarHeaderRender = ArgonSidebarHeaderRender;
+type index_ArgonSidebarProps = ArgonSidebarProps;
 declare const index_Badge: typeof Badge;
 type index_BadgeProps = BadgeProps;
 declare const index_Button: typeof Button;
@@ -830,18 +1775,24 @@ type index_DataTableSortDirection = DataTableSortDirection;
 type index_DataTableSortState = DataTableSortState;
 declare const index_DateRangePicker: typeof DateRangePicker;
 type index_DateRangePickerProps = DateRangePickerProps;
+type index_DateRangePickerValue = DateRangePickerValue;
 declare const index_DateTimePicker: typeof DateTimePicker;
 type index_DateTimePickerProps = DateTimePickerProps;
 declare const index_Input: typeof Input;
 type index_InputProps = InputProps;
+type index_MainFePageTitleProps = MainFePageTitleProps;
+type index_MainFeSectionTitleProps = MainFeSectionTitleProps;
 type index_MultiTabItem = MultiTabItem;
 declare const index_MultiTabs: typeof MultiTabs;
 type index_MultiTabsProps = MultiTabsProps;
 declare const index_PageTitle: typeof PageTitle;
+type index_QuickOption = QuickOption;
 declare const index_RemoteLoading: typeof RemoteLoading;
 type index_RemoteLoadingProps = RemoteLoadingProps;
 declare const index_SectionTitle: typeof SectionTitle;
 declare const index_StatCard: typeof StatCard;
+type index_StatCardProps = StatCardProps;
+type index_StatTone = StatTone;
 type index_StatusAction = StatusAction;
 type index_StatusOption = StatusOption;
 type index_StatusPresentation = StatusPresentation;
@@ -854,7 +1805,7 @@ declare const index_TableHeader: typeof TableHeader;
 declare const index_TableRow: typeof TableRow;
 declare const index_getStatusPresentation: typeof getStatusPresentation;
 declare namespace index {
-  export { index_ArgonSidebar as ArgonSidebar, index_Badge as Badge, type index_BadgeProps as BadgeProps, index_Button as Button, type index_ButtonProps as ButtonProps, index_Card as Card, index_CardAction as CardAction, index_CardContent as CardContent, index_CardDescription as CardDescription, index_CardFooter as CardFooter, index_CardHeader as CardHeader, index_CardTitle as CardTitle, index_Combobox as Combobox, type index_ComboboxAsyncConfig as ComboboxAsyncConfig, type index_ComboboxOption as ComboboxOption, type index_ComboboxProps as ComboboxProps, index_DataTable as DataTable, type index_DataTableAlign as DataTableAlign, type index_DataTableColumn as DataTableColumn, type index_DataTablePagination as DataTablePagination, type index_DataTableProps as DataTableProps, type index_DataTableRowSelection as DataTableRowSelection, type index_DataTableSortDirection as DataTableSortDirection, type index_DataTableSortState as DataTableSortState, index_DateRangePicker as DateRangePicker, type index_DateRangePickerProps as DateRangePickerProps, index_DateTimePicker as DateTimePicker, type index_DateTimePickerProps as DateTimePickerProps, index_Input as Input, type index_InputProps as InputProps, type index_MultiTabItem as MultiTabItem, index_MultiTabs as MultiTabs, type index_MultiTabsProps as MultiTabsProps, index_PageTitle as PageTitle, index_RemoteLoading as RemoteLoading, type index_RemoteLoadingProps as RemoteLoadingProps, index_SectionTitle as SectionTitle, index_StatCard as StatCard, type index_StatusAction as StatusAction, type index_StatusOption as StatusOption, type index_StatusPresentation as StatusPresentation, index_Switch as Switch, type index_SwitchProps as SwitchProps, index_Table as Table, index_TableBody as TableBody, index_TableCell as TableCell, index_TableHeader as TableHeader, index_TableRow as TableRow, index_getStatusPresentation as getStatusPresentation };
+  export { index_ArgonSidebar as ArgonSidebar, type index_ArgonSidebarHeaderRender as ArgonSidebarHeaderRender, type index_ArgonSidebarProps as ArgonSidebarProps, index_Badge as Badge, type index_BadgeProps as BadgeProps, index_Button as Button, type index_ButtonProps as ButtonProps, index_Card as Card, index_CardAction as CardAction, index_CardContent as CardContent, index_CardDescription as CardDescription, index_CardFooter as CardFooter, index_CardHeader as CardHeader, index_CardTitle as CardTitle, index_Combobox as Combobox, type index_ComboboxAsyncConfig as ComboboxAsyncConfig, type index_ComboboxOption as ComboboxOption, type index_ComboboxProps as ComboboxProps, index_DataTable as DataTable, type index_DataTableAlign as DataTableAlign, type index_DataTableColumn as DataTableColumn, type index_DataTablePagination as DataTablePagination, type index_DataTableProps as DataTableProps, type index_DataTableRowSelection as DataTableRowSelection, type index_DataTableSortDirection as DataTableSortDirection, type index_DataTableSortState as DataTableSortState, index_DateRangePicker as DateRangePicker, type index_DateRangePickerProps as DateRangePickerProps, type index_DateRangePickerValue as DateRangePickerValue, index_DateTimePicker as DateTimePicker, type index_DateTimePickerProps as DateTimePickerProps, index_Input as Input, type index_InputProps as InputProps, type index_MainFePageTitleProps as MainFePageTitleProps, type index_MainFeSectionTitleProps as MainFeSectionTitleProps, type index_MultiTabItem as MultiTabItem, index_MultiTabs as MultiTabs, type index_MultiTabsProps as MultiTabsProps, index_PageTitle as PageTitle, type index_QuickOption as QuickOption, index_RemoteLoading as RemoteLoading, type index_RemoteLoadingProps as RemoteLoadingProps, index_SectionTitle as SectionTitle, index_StatCard as StatCard, type index_StatCardProps as StatCardProps, type index_StatTone as StatTone, type index_StatusAction as StatusAction, type index_StatusOption as StatusOption, type index_StatusPresentation as StatusPresentation, index_Switch as Switch, type index_SwitchProps as SwitchProps, index_Table as Table, index_TableBody as TableBody, index_TableCell as TableCell, index_TableHeader as TableHeader, index_TableRow as TableRow, index_getStatusPresentation as getStatusPresentation };
 }
 
-export { Alert, type AlertProps, ArgonSidebar, AsyncCombobox, type AsyncComboboxProps, Badge, type BadgeProps, Breadcrumb, type BreadcrumbItem, Button$1 as Button, type ButtonProps$1 as ButtonProps, Card$1 as Card, CardAction$1 as CardAction, CardContent$1 as CardContent, CardDescription$1 as CardDescription, CardFooter$1 as CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle, Combobox$1 as Combobox, type ComboboxOption$2 as ComboboxOption, FormControl as Control, DataTable$1 as DataTable, type DataTableAlign$1 as DataTableAlign, type DataTableColumn$1 as DataTableColumn, type DataTablePagination$1 as DataTablePagination, type DataTableProps$1 as DataTableProps, type DataTableRowSelection$1 as DataTableRowSelection, type DataTableSortDirection$1 as DataTableSortDirection, type DataTableSortState$1 as DataTableSortState, FormDescription as Description, FormField as Field, Form, FormControl, FormDescription, FormField, type FormFieldProps, FormItem, FormLabel, FormMessage, Input$1 as Input, type InputProps$1 as InputProps, FormItem as Item, FormLabel as Label, LineClampTooltip, type LineClampTooltipProps, Loading, type LoadingProps, index as MainFe, FormMessage as Message, MultiSelect, type MultiSelectOption, NumericInput, type NumericInputProps, type Option, OverflowTooltip, type OverflowTooltipProps, PageTitle$1 as PageTitle, Pagination, type PaginationInfo, type PaginationProps, type PermissionChecker, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, SectionTitle$1 as SectionTitle, Select, type SelectOption, type SelectProps, Sidebar, SidebarItem, type SidebarProps, Stat, type StatProps, type TabItem, Table$1 as Table, TableBody$1 as TableBody, TableCell$1 as TableCell, TableHeader$1 as TableHeader, TableRow$1 as TableRow, Tabs, type TabsProps, Textarea, type TextareaProps, Tooltip, type Trend, TruncatedText, type TruncatedTextProps, defaultPermissionChecker, filterSidebarItems, hasActiveDescendant };
+export { Alert, type AlertProps, ArgonSidebar, type ArgonSidebarHeaderRender, type ArgonSidebarProps, AsyncCombobox, type AsyncComboboxProps, Badge, type BadgeProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button$1 as Button, type ButtonProps$1 as ButtonProps, Card$1 as Card, CardAction$1 as CardAction, CardContent$1 as CardContent, CardDescription$1 as CardDescription, CardFooter$1 as CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle, Combobox$1 as Combobox, type ComboboxOption$2 as ComboboxOption, type ComboboxProps$1 as ComboboxProps, FormControl as Control, DataTable$1 as DataTable, type DataTableAlign$1 as DataTableAlign, type DataTableColumn$1 as DataTableColumn, type DataTablePagination$1 as DataTablePagination, type DataTableProps$1 as DataTableProps, type DataTableRowSelection$1 as DataTableRowSelection, type DataTableSortDirection$1 as DataTableSortDirection, type DataTableSortState$1 as DataTableSortState, type DateRangePickerProps, type DateRangePickerValue, type DateTimePickerProps, FormDescription as Description, FormField as Field, Form, FormControl, FormDescription, FormField, type FormFieldProps, FormItem, FormLabel, FormMessage, Input$1 as Input, type InputProps$1 as InputProps, FormItem as Item, FormLabel as Label, LineClampTooltip, type LineClampTooltipProps, Loading, type LoadingProps, index as MainFe, type ButtonProps as MainFeButtonProps, type ComboboxAsyncConfig as MainFeComboboxAsyncConfig, type ComboboxOption as MainFeComboboxOption, type ComboboxProps as MainFeComboboxProps, type DataTableAlign as MainFeDataTableAlign, type DataTableColumn as MainFeDataTableColumn, type DataTablePagination as MainFeDataTablePagination, type DataTableProps as MainFeDataTableProps, type DataTableRowSelection as MainFeDataTableRowSelection, type DataTableSortDirection as MainFeDataTableSortDirection, type DataTableSortState as MainFeDataTableSortState, type InputProps as MainFeInputProps, type MainFePageTitleProps, type QuickOption as MainFeQuickOption, type MainFeSectionTitleProps, type SwitchProps as MainFeSwitchProps, FormMessage as Message, MultiSelect, type MultiSelectOption, type MultiSelectProps, type MultiTabItem, type MultiTabsProps, NumericInput, type NumericInputProps, type Option, OverflowTooltip, type OverflowTooltipProps, PageTitle$1 as PageTitle, type PageTitleProps, Pagination, type PaginationInfo, type PaginationProps, type PermissionChecker, type RemoteLoadingProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, SectionTitle$1 as SectionTitle, type SectionTitleProps, Select, type SelectOption, type SelectProps, Sidebar, SidebarItem, type SidebarProps, Stat, type StatCardProps, type StatProps, type StatTone, type TabItem, Table$1 as Table, TableBody$1 as TableBody, TableCell$1 as TableCell, TableHeader$1 as TableHeader, TableRow$1 as TableRow, Tabs, type TabsProps, Textarea, type TextareaProps, Tooltip, type TooltipProps, type Trend, TruncatedText, type TruncatedTextProps, defaultPermissionChecker, filterSidebarItems, hasActiveDescendant };