@openway/ui 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -1,17 +1,17 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import react, { ButtonHTMLAttributes, Ref, ReactNode, HTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, SVGProps, ReactElement, CSSProperties, HTMLProps, RefObject, MouseEvent, TdHTMLAttributes, ThHTMLAttributes } from 'react';
3
3
  import { TextareaAutosizeProps } from 'react-textarea-autosize';
4
- import { ToastT, ToasterProps as ToasterProps$1 } from 'sonner';
4
+ import { A as AlertProps, T as ToasterProps, a as ToastOptions, b as ToastPromiseOptions, E as EmptyProps, c as EmptyPresetImage, S as SelectProps, M as MultiSelectProps, d as SelectOptionItem, e as SelectSize, f as SelectVariant, g as SelectColor, h as SelectRadius, i as SelectSearchPlacement, j as SelectFilterField, k as SelectFilterLayout } from './useInfiniteScroll-C5t7bvLu.cjs';
5
+ export { l as AlertColor, m as AlertRadius, n as AlertSize, o as AlertVariant, B as BaseSelectProps, p as EmptyLayout, q as EmptySize, r as SelectFilterType, s as SelectSearchMode, t as SingleSelectProps, u as ToastMessageObject, v as ToastMessageResult, w as ToastPosition, x as ToastPromiseFunction, U as UseInfiniteScrollOptions, y as UseInfiniteScrollReturn, z as useInfiniteScroll } from './useInfiniteScroll-C5t7bvLu.cjs';
5
6
  import { Placement, ExtendedRefs, ReferenceType, FloatingContext } from '@floating-ui/react';
6
- import { E as EmptyProps, a as EmptyPresetImage, S as SelectProps, M as MultiSelectProps, b as SelectOptionItem, c as SelectSize, d as SelectVariant, e as SelectColor, f as SelectRadius, g as SelectSearchPlacement, h as SelectFilterField, i as SelectFilterLayout } from './useInfiniteScroll-DAlgjUN4.cjs';
7
- export { B as BaseSelectProps, j as EmptyLayout, k as EmptySize, l as SelectFilterType, m as SelectSearchMode, n as SingleSelectProps, U as UseInfiniteScrollOptions, o as UseInfiniteScrollReturn, u as useInfiniteScroll } from './useInfiniteScroll-DAlgjUN4.cjs';
8
7
  import { Accept, DropzoneRootProps } from 'react-dropzone';
9
8
  import { ImageProps } from 'next/image';
10
9
  import * as _tanstack_react_table from '@tanstack/react-table';
11
- import { TableFeatures, FilterFn, RowData, TableOptions, ColumnHelper, ReactTable, ColumnDef, Row, PaginationState, OnChangeFn, SortingState, RowSelectionState, ColumnVisibilityState, FilterFnOption, ColumnFiltersState, Header, Column } from '@tanstack/react-table';
12
- export { Column, ColumnDef, ColumnFiltersState, ColumnHelper, ColumnVisibilityState, Header, OnChangeFn, PaginationState, ReactTable, Row, RowData, RowSelectionState, SortingState } from '@tanstack/react-table';
10
+ import { TableFeatures, FilterFn, RowData, TableOptions, ColumnHelper, ReactTable, ColumnDef, Row, PaginationState, OnChangeFn, SortingState, RowSelectionState, ColumnVisibilityState, FilterFnOption, ColumnFiltersState, ExpandedState, Header, Column } from '@tanstack/react-table';
11
+ export { Column, ColumnDef, ColumnFiltersState, ColumnHelper, ColumnVisibilityState, ExpandedState, FilterFnOption, Header, OnChangeFn, PaginationState, ReactTable, Row, RowData, RowSelectionState, SortingState } from '@tanstack/react-table';
13
12
  import { RankingInfo } from '@tanstack/match-sorter-utils';
14
13
  export { RankingInfo } from '@tanstack/match-sorter-utils';
14
+ import 'sonner';
15
15
 
16
16
  type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
17
17
  type ButtonVariant = "filled" | "soft" | "ghost" | "text" | "outline" | "other";
@@ -239,7 +239,7 @@ interface InputConfig {
239
239
  isClearable?: boolean;
240
240
  /**
241
241
  * Mở rộng chiều rộng 100% của container chứa
242
- * @default false
242
+ * @default true
243
243
  */
244
244
  isFullWidth?: boolean;
245
245
  }
@@ -294,11 +294,6 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
294
294
  * @default 'floating'
295
295
  */
296
296
  labelPlacement?: LabelPlacement;
297
- /**
298
- * Đánh dấu trường bắt buộc nhập (hiển thị dấu * đỏ cạnh label)
299
- * @default false
300
- */
301
- isRequired?: boolean;
302
297
  /**
303
298
  * Đoạn văn bản hướng dẫn/chú thích bên dưới input
304
299
  */
@@ -307,21 +302,6 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
307
302
  * Thông báo lỗi hiển thị bên dưới input (khi có errorMessage sẽ tự động kích hoạt trạng thái báo lỗi)
308
303
  */
309
304
  errorMessage?: ReactNode;
310
- /**
311
- * Trạng thái báo lỗi (viền đỏ, aria-invalid="true")
312
- * @default false
313
- */
314
- isInvalid?: boolean;
315
- /**
316
- * Trạng thái đang tải (vô hiệu hóa tương tác)
317
- * @default false
318
- */
319
- isLoading?: boolean;
320
- /**
321
- * Hiển thị biểu tượng xoay spinner khi đang ở trạng thái loading
322
- * @default false
323
- */
324
- showSpinner?: boolean;
325
305
  /**
326
306
  * Icon hoặc phần tử hiển thị ở đầu ô input
327
307
  */
@@ -338,20 +318,10 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
338
318
  * Addon / suffix cố định hiển thị ở cuối ô input (vd: '.com', 'kg')
339
319
  */
340
320
  rightAddon?: ReactNode;
341
- /**
342
- * Hiển thị nút xóa nhanh nội dung khi input có giá trị
343
- * @default false
344
- */
345
- isClearable?: boolean;
346
321
  /**
347
322
  * Callback khi người dùng nhấn nút xóa nội dung
348
323
  */
349
324
  onClear?: () => void;
350
- /**
351
- * Mở rộng chiều rộng 100% của container chứa
352
- * @default false
353
- */
354
- isFullWidth?: boolean;
355
325
  /**
356
326
  * Tùy biến className cho container bọc toàn bộ (bao gồm label, input wrapper, helper/error text)
357
327
  */
@@ -663,7 +633,7 @@ interface MultiInputConfig {
663
633
  isClearable?: boolean;
664
634
  /**
665
635
  * Chiếm toàn bộ chiều rộng 100% của container cha
666
- * @default false
636
+ * @default true
667
637
  */
668
638
  isFullWidth?: boolean;
669
639
  }
@@ -991,7 +961,7 @@ interface TextAreaConfig {
991
961
  showCount?: boolean;
992
962
  /**
993
963
  * Chiếm toàn bộ chiều rộng 100% của container cha
994
- * @default false
964
+ * @default true
995
965
  */
996
966
  isFullWidth?: boolean;
997
967
  }
@@ -1036,10 +1006,10 @@ interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
1036
1006
  label?: ReactNode;
1037
1007
  /**
1038
1008
  * Vị trí của nhãn:
1039
- * - 'top': nằm phía trên textarea (mặc định cho textarea)
1009
+ * - 'floating': nằm cố định chính giữa viền trên (mặc định)
1010
+ * - 'top': nằm phía trên textarea
1040
1011
  * - 'left': nằm bên trái textarea
1041
- * - 'floating': nằm cố định chính giữa viền trên
1042
- * @default 'top'
1012
+ * @default 'floating'
1043
1013
  */
1044
1014
  labelPlacement?: TextAreaLabelPlacement;
1045
1015
  /**
@@ -1962,280 +1932,8 @@ declare function ArrowDownIcon({ width, height, className, ...props }: SVGProps<
1962
1932
 
1963
1933
  declare function SlidersHorizontalIcon({ width, height, className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
1964
1934
 
1965
- /**
1966
- * Các kích cỡ tiêu chuẩn của Alert:
1967
- * - 'xs': Siêu nhỏ (text-xs, padding p-2)
1968
- * - 'sm': Nhỏ (text-xs, title text-sm, padding p-2.5)
1969
- * - 'md': Vừa - mặc định (text-sm, padding p-3.5)
1970
- * - 'lg': Lớn (text-base, padding p-4)
1971
- * - 'xl': Rất lớn (text-lg, padding p-5)
1972
- */
1973
- type AlertSize = "xs" | "sm" | "md" | "lg" | "xl";
1974
- /**
1975
- * Các biến thể giao diện và phong cách hiển thị màu sắc của Alert:
1976
- * - 'soft': Nền nhạt pastel, viền mờ 2px, chữ đậm (mặc định)
1977
- * - 'filled': Nền màu đậm, chữ trắng tương phản cao
1978
- * - 'outline': Nền trắng, viền rõ nét theo màu chủ đề
1979
- * - 'accent-left': Nền pastel kèm viền nhấn dày 4px bên trái
1980
- * - 'ghost': Nền và viền trong suốt
1981
- * - 'other': Bỏ qua màu mặc định, tự do styling qua className
1982
- */
1983
- type AlertVariant = "soft" | "filled" | "outline" | "accent-left" | "ghost" | "other";
1984
- /**
1985
- * 7 chủ đề màu sắc theo Design System:
1986
- * - 'primary': Màu chủ đạo
1987
- * - 'secondary': Màu phụ
1988
- * - 'neutral': Màu trung tính
1989
- * - 'error': Màu đỏ cảnh báo lỗi nguy cấp
1990
- * - 'success': Màu xanh lá thông báo thành công
1991
- * - 'warning': Màu vàng/cam cảnh báo
1992
- * - 'info': Màu xanh dương thông tin (mặc định)
1993
- */
1994
- type AlertColor = "primary" | "secondary" | "neutral" | "error" | "success" | "warning" | "info";
1995
- /**
1996
- * Độ bo góc của khung thông báo Alert:
1997
- * - 'none': Góc vuông phẳng (rounded-none)
1998
- * - 'sm': Bo góc nhỏ (rounded-sm)
1999
- * - 'md': Bo góc vừa (rounded-md)
2000
- * - 'lg': Bo góc lớn (rounded-lg - mặc định)
2001
- * - 'xl': Bo góc rất lớn (rounded-xl)
2002
- * - 'full': Bo tròn hoàn toàn (rounded-2xl)
2003
- */
2004
- type AlertRadius = "none" | "sm" | "md" | "lg" | "xl" | "full";
2005
- /**
2006
- * Props cho component `Alert`.
2007
- */
2008
- interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
2009
- /**
2010
- * Ref chuyển tiếp đến phần tử HTML div của Alert
2011
- */
2012
- ref?: Ref<HTMLDivElement>;
2013
- /**
2014
- * Kích cỡ của Alert (5 sizes: xs, sm, md, lg, xl)
2015
- * @default 'md'
2016
- */
2017
- size?: AlertSize;
2018
- /**
2019
- * Biến thể giao diện của Alert:
2020
- * - 'soft': nền nhạt pastel, viền mờ, chữ đậm tương ứng (mặc định)
2021
- * - 'filled': nền màu đậm, chữ tương phản cao
2022
- * - 'outline': nền trắng, viền rõ nét theo màu chủ đề
2023
- * - 'accent-left': viền nhấn dày bên trái, nền pastel
2024
- * - 'ghost': nền và viền trong suốt
2025
- * - 'other': không áp dụng style màu mặc định, tự do tùy biến qua className
2026
- * @default 'soft'
2027
- */
2028
- variant?: AlertVariant;
2029
- /**
2030
- * Chủ đề màu sắc (primary, secondary, neutral, error, success, warning, info)
2031
- * @default 'info'
2032
- */
2033
- color?: AlertColor;
2034
- /**
2035
- * Tùy chỉnh độ bo góc:
2036
- * - 'none': góc vuông 0px
2037
- * - 'sm': bo góc nhỏ
2038
- * - 'md': bo góc vừa
2039
- * - 'lg': bo góc lớn (mặc định)
2040
- * - 'xl': bo góc rất lớn
2041
- * - 'full': bo tròn hoàn toàn
2042
- * @default 'lg'
2043
- */
2044
- radius?: AlertRadius;
2045
- /**
2046
- * Tiêu đề của Alert
2047
- */
2048
- title?: ReactNode;
2049
- /**
2050
- * Nội dung mô tả chi tiết của Alert (có thể truyền qua prop description hoặc children)
2051
- */
2052
- description?: ReactNode;
2053
- /**
2054
- * Icon hiển thị ở đầu thông báo:
2055
- * - `true` (hoặc không truyền): tự động hiển thị icon theo `color`
2056
- * - `false`: ẩn icon
2057
- * - `ReactNode`: icon tùy chỉnh
2058
- * @default true
2059
- */
2060
- icon?: ReactNode | boolean;
2061
- /**
2062
- * Phần tử hành động phụ (Action slot, ví dụ: Nút bấm, liên kết thao tác)
2063
- */
2064
- action?: ReactNode;
2065
- /**
2066
- * Hiển thị nút đóng (Close button x) để người dùng có thể tắt thông báo. Tự động ẩn Alert khi click.
2067
- * @default true
2068
- */
2069
- closable?: boolean;
2070
- /**
2071
- * Callback khi người dùng bấm nút đóng
2072
- */
2073
- onClose?: () => void;
2074
- /**
2075
- * Nhãn accessibility cho nút đóng
2076
- * @default 'Close alert'
2077
- */
2078
- closeAriaLabel?: string;
2079
- /**
2080
- * Chế độ Banner: Full width, không bo góc (`rounded-none`), không viền 2 bên (`border-x-0`), thích hợp gắn cố định trên cùng màn hình
2081
- * @default false
2082
- */
2083
- banner?: boolean;
2084
- /**
2085
- * Class tùy biến cho phần tiêu đề (title)
2086
- */
2087
- titleClassName?: string;
2088
- /**
2089
- * Class tùy biến cho phần nội dung mô tả (description / children)
2090
- */
2091
- descriptionClassName?: string;
2092
- /**
2093
- * Class tùy biến cho vùng action slot
2094
- */
2095
- actionClassName?: string;
2096
- /**
2097
- * Class tùy biến cho icon wrapper
2098
- */
2099
- iconClassName?: string;
2100
- /**
2101
- * Class tùy biến cho nút đóng
2102
- */
2103
- closeButtonClassName?: string;
2104
- /**
2105
- * Class tùy biến cho container bao ngoài
2106
- */
2107
- className?: string;
2108
- /**
2109
- * Nội dung tùy biến bên trong Alert
2110
- */
2111
- children?: ReactNode;
2112
- }
2113
-
2114
1935
  declare function Alert({ size, variant, color, radius, title, description, icon, action, closable, onClose, closeAriaLabel, banner, titleClassName, descriptionClassName, actionClassName, iconClassName, closeButtonClassName, className, children, role, ref, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
2115
1936
 
2116
- /**
2117
- * Vị trí hiển thị của danh sách thông báo Toast trên màn hình.
2118
- */
2119
- type ToastPosition = "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center";
2120
- /**
2121
- * Cấu hình tùy chọn cho từng thông báo Toast đơn lẻ:
2122
- * - Dạng gọi hàm chuẩn: `toast.success(title, description?, options?)`
2123
- */
2124
- interface ToastOptions extends Omit<AlertProps, "title" | "description"> {
2125
- /**
2126
- * Thời gian hiển thị thông báo trước khi tự động đóng (miliseconds). Mặc định 4000ms.
2127
- * @default 4000
2128
- */
2129
- duration?: number;
2130
- /**
2131
- * Vị trí hiển thị riêng cho thông báo này trên màn hình.
2132
- */
2133
- position?: ToastPosition;
2134
- /**
2135
- * Callback được gọi khi thông báo bị đóng/gỡ bỏ khỏi màn hình.
2136
- */
2137
- onDismiss?: (toast: ToastT) => void;
2138
- /**
2139
- * Callback được gọi khi thông báo tự động đóng do hết thời gian duration.
2140
- */
2141
- onAutoClose?: (toast: ToastT) => void;
2142
- }
2143
- /**
2144
- * Cấu trúc thông báo dạng Object chi tiết cho `toast.promise`.
2145
- */
2146
- interface ToastMessageObject {
2147
- title?: ReactNode;
2148
- description?: ReactNode;
2149
- color?: AlertColor;
2150
- variant?: AlertVariant;
2151
- }
2152
- /**
2153
- * Kiểu dữ liệu linh hoạt cho nội dung thông báo trả về trong `toast.promise`:
2154
- * - `ReactNode`: Chuỗi text hoặc phần tử JSX thông thường.
2155
- * - `ToastMessageObject`: Object chi tiết gồm `{ title, description, color, variant }`.
2156
- */
2157
- type ToastMessageResult = ReactNode | ToastMessageObject;
2158
- /**
2159
- * Hàm tạo nội dung thông báo thành công động dựa theo dữ liệu `data: T` trả về từ Promise.
2160
- */
2161
- type ToastPromiseFunction<T> = (data: T) => ToastMessageResult;
2162
- /**
2163
- * Cấu hình các trạng thái cho `toast.promise(promise, options)`.
2164
- */
2165
- interface ToastPromiseOptions<T = unknown> {
2166
- /**
2167
- * Nội dung hiển thị trong lúc Promise đang thực thi (Loading state).
2168
- */
2169
- loading: ToastMessageResult;
2170
- /**
2171
- * Nội dung hiển thị khi Promise thực thi thành công (Resolve state).
2172
- * Có thể truyền trực tiếp nội dung hoặc một hàm nhận `data: T`.
2173
- */
2174
- success: ToastMessageResult | ToastPromiseFunction<T>;
2175
- /**
2176
- * Nội dung hiển thị khi Promise gặp lỗi (Reject state).
2177
- * Có thể truyền trực tiếp nội dung hoặc một hàm nhận `error: unknown`.
2178
- */
2179
- error: ToastMessageResult | ((error: unknown) => ToastMessageResult);
2180
- /**
2181
- * Callback chạy sau khi Promise hoàn tất (cả khi resolve hoặc reject).
2182
- */
2183
- finally?: () => void | Promise<void>;
2184
- /**
2185
- * Thời gian hiển thị thông báo kết quả (ms). Mặc định 4000ms.
2186
- * @default 4000
2187
- */
2188
- duration?: number;
2189
- /**
2190
- * Kích cỡ của Alert hiển thị trong Toast.
2191
- */
2192
- size?: AlertSize;
2193
- /**
2194
- * Biến thể giao diện của Alert hiển thị trong Toast.
2195
- */
2196
- variant?: AlertVariant;
2197
- /**
2198
- * Tùy chỉnh độ bo góc của Alert hiển thị trong Toast.
2199
- */
2200
- radius?: AlertRadius;
2201
- }
2202
- /**
2203
- * Props cho component `<Toaster />` được mount tại root layout của ứng dụng.
2204
- */
2205
- interface ToasterProps extends ToasterProps$1 {
2206
- /**
2207
- * Vị trí mặc định của toàn bộ danh sách toasts trên màn hình.
2208
- * @default 'top-right'
2209
- */
2210
- position?: ToastPosition;
2211
- /**
2212
- * Số lượng toast tối đa hiển thị cùng lúc trước khi tự động xếp chồng 3D (stack).
2213
- * @default 3
2214
- */
2215
- visibleToasts?: number;
2216
- /**
2217
- * Mở rộng toàn bộ danh sách toasts thay vì gộp lại thành 1 stack 3D.
2218
- * - `false` (mặc định): Tự động gộp thẻ 3D, chỉ bung ra khi hover chuột.
2219
- * - `true`: Luôn luôn mở rộng trải dài toàn bộ danh sách.
2220
- * @default false
2221
- */
2222
- expand?: boolean;
2223
- /**
2224
- * Thời gian hiển thị mặc định của các toasts (miliseconds).
2225
- * @default 4000
2226
- */
2227
- duration?: number;
2228
- /**
2229
- * Cho phép hiển thị nút đóng `(X)` trên các toasts.
2230
- * @default true
2231
- */
2232
- closeButton?: boolean;
2233
- /**
2234
- * Tùy biến className bao ngoài container của Toaster.
2235
- */
2236
- className?: string;
2237
- }
2238
-
2239
1937
  declare function Toaster({ position, visibleToasts, expand, duration, closeButton, className, toastOptions, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
2240
1938
 
2241
1939
  /**
@@ -4574,7 +4272,7 @@ interface DatePickerConfig {
4574
4272
  isClearable?: boolean;
4575
4273
  /**
4576
4274
  * Chiếm toàn bộ 100% chiều rộng container
4577
- * @default false
4275
+ * @default true
4578
4276
  */
4579
4277
  isFullWidth?: boolean;
4580
4278
  /**
@@ -4693,7 +4391,7 @@ interface DatePickerProps {
4693
4391
  label?: ReactNode;
4694
4392
  /**
4695
4393
  * Vị trí hiển thị của label ('top' | 'left' | 'floating')
4696
- * @default 'top'
4394
+ * @default 'floating'
4697
4395
  */
4698
4396
  labelPlacement?: LabelPlacement;
4699
4397
  /**
@@ -5136,7 +4834,7 @@ interface DateRangePickerConfig {
5136
4834
  isClearable?: boolean;
5137
4835
  /**
5138
4836
  * Mở rộng chiếm toàn bộ 100% chiều ngang container cha
5139
- * @default false
4837
+ * @default true
5140
4838
  */
5141
4839
  isFullWidth?: boolean;
5142
4840
  /**
@@ -5260,7 +4958,7 @@ interface DateRangePickerProps {
5260
4958
  label?: ReactNode;
5261
4959
  /**
5262
4960
  * Vị trí hiển thị của nhãn tiêu đề
5263
- * @default "top"
4961
+ * @default "floating"
5264
4962
  */
5265
4963
  labelPlacement?: LabelPlacement;
5266
4964
  /**
@@ -5487,7 +5185,10 @@ interface TimePickerConfig {
5487
5185
  showSpinner?: boolean;
5488
5186
  /** Hiển thị nút xóa nhanh thời gian đã chọn */
5489
5187
  isClearable?: boolean;
5490
- /** Mở rộng chiều ngang 100% container cha */
5188
+ /**
5189
+ * Mở rộng chiều ngang 100% container cha
5190
+ * @default true
5191
+ */
5491
5192
  isFullWidth?: boolean;
5492
5193
  /** Tự động đóng popover sau khi người dùng chọn xong */
5493
5194
  closeOnSelect?: boolean;
@@ -5540,7 +5241,10 @@ interface TimePickerProps {
5540
5241
  radius?: TimePickerRadius;
5541
5242
  /** Nhãn tiêu đề hiển thị cho ô nhập */
5542
5243
  label?: ReactNode;
5543
- /** Vị trí đặt nhãn tiêu đề */
5244
+ /**
5245
+ * Vị trí đặt nhãn tiêu đề
5246
+ * @default 'floating'
5247
+ */
5544
5248
  labelPlacement?: LabelPlacement;
5545
5249
  /** Văn bản giữ chỗ khi ô input rỗng */
5546
5250
  placeholder?: string;
@@ -5562,8 +5266,6 @@ interface TimePickerProps {
5562
5266
  onClear?: () => void;
5563
5267
  /** Vị trí hiển thị của popover chọn giờ */
5564
5268
  placement?: Placement;
5565
- /** Render popover qua FloatingPortal vào body (mặc định true) */
5566
- portal?: boolean;
5567
5269
  /** Class CSS tùy biến cho thẻ input */
5568
5270
  className?: string;
5569
5271
  /** Class CSS tùy biến cho wrapper ngoài cùng */
@@ -5722,7 +5424,10 @@ interface TimeRangePickerConfig {
5722
5424
  showSpinner?: boolean;
5723
5425
  /** Hiển thị nút xóa nhanh khoảng thời gian đã chọn */
5724
5426
  isClearable?: boolean;
5725
- /** Mở rộng chiều ngang 100% container cha */
5427
+ /**
5428
+ * Mở rộng chiều ngang 100% container cha
5429
+ * @default true
5430
+ */
5726
5431
  isFullWidth?: boolean;
5727
5432
  /** Tự động đóng popover sau khi người dùng chọn xong cả 2 mốc */
5728
5433
  closeOnSelect?: boolean;
@@ -5781,7 +5486,10 @@ interface TimeRangePickerProps {
5781
5486
  radius?: TimeRangePickerRadius;
5782
5487
  /** Nhãn tiêu đề hiển thị cho ô nhập */
5783
5488
  label?: ReactNode;
5784
- /** Vị trí đặt nhãn tiêu đề */
5489
+ /**
5490
+ * Vị trí đặt nhãn tiêu đề
5491
+ * @default 'floating'
5492
+ */
5785
5493
  labelPlacement?: LabelPlacement;
5786
5494
  /** Văn bản giữ chỗ khi ô input rỗng */
5787
5495
  placeholder?: string;
@@ -5805,8 +5513,6 @@ interface TimeRangePickerProps {
5805
5513
  onClear?: () => void;
5806
5514
  /** Vị trí hiển thị của popover */
5807
5515
  placement?: Placement;
5808
- /** Render popover qua FloatingPortal vào body (mặc định true) */
5809
- portal?: boolean;
5810
5516
  /** Class CSS tùy biến cho thẻ input */
5811
5517
  className?: string;
5812
5518
  /** Class CSS tùy biến cho wrapper ngoài cùng */
@@ -5898,7 +5604,7 @@ interface DateTimePickerConfig {
5898
5604
  isClearable?: boolean;
5899
5605
  /**
5900
5606
  * Chiếm toàn bộ 100% chiều rộng container
5901
- * @default false
5607
+ * @default true
5902
5608
  */
5903
5609
  isFullWidth?: boolean;
5904
5610
  /**
@@ -6057,7 +5763,7 @@ interface DateTimePickerProps {
6057
5763
  label?: ReactNode;
6058
5764
  /**
6059
5765
  * Vị trí nhãn ('top' | 'left' | 'floating')
6060
- * @default 'top'
5766
+ * @default 'floating'
6061
5767
  */
6062
5768
  labelPlacement?: LabelPlacement;
6063
5769
  /**
@@ -6176,7 +5882,7 @@ interface DateTimeRangePickerConfig {
6176
5882
  isClearable?: boolean;
6177
5883
  /**
6178
5884
  * Chiếm toàn bộ 100% chiều rộng container
6179
- * @default false
5885
+ * @default true
6180
5886
  */
6181
5887
  isFullWidth?: boolean;
6182
5888
  /**
@@ -6350,7 +6056,7 @@ interface DateTimeRangePickerProps {
6350
6056
  label?: ReactNode;
6351
6057
  /**
6352
6058
  * Vị trí nhãn ('top' | 'left' | 'floating')
6353
- * @default 'top'
6059
+ * @default 'floating'
6354
6060
  */
6355
6061
  labelPlacement?: LabelPlacement;
6356
6062
  /**
@@ -6421,9 +6127,9 @@ interface EmptyIllustrationProps extends SVGProps<SVGSVGElement> {
6421
6127
  }
6422
6128
  declare function EmptyIllustration({ preset, ...props }: EmptyIllustrationProps): react_jsx_runtime.JSX.Element;
6423
6129
 
6424
- declare function Select<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>>({ ref, options, value, defaultValue, onChange, size, variant, color, radius, id: idProp, label, labelPlacement, placeholder, helperText, errorMessage, isInvalid: isInvalidProp, isDisabled, readOnly, isRequired, name, searchable, searchMode, searchPlacement, searchPlaceholder, searchField, searchValue: searchValueProp, onSearchChange, menuFilters, menuFilterValues: controlledFilterValues, menuFilterLayout, menuFilterGridCols, showResetFilters, resetFiltersText, onMenuFilterChange, menuHeader, menuFooter, listFooter, onSearch, debounceMs, filterFn, isLoading, emptyText, emptyProps, clearable, portal, placement, maxMenuHeight, animated, animationDuration, startContent, endContent, renderValue, renderOption, className, triggerClassName, menuClassName, labelClassName, ...props }: SelectProps<TData, TFilters>): react_jsx_runtime.JSX.Element;
6130
+ declare function Select<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>>({ ref, options, value, defaultValue, onChange, size, variant, color, radius, id: idProp, label, labelPlacement, placeholder, helperText, errorMessage, isDisabled, readOnly, name, searchable, searchMode, searchPlacement, searchPlaceholder, searchField, searchValue: searchValueProp, onSearchChange, menuFilters, menuFilterValues: controlledFilterValues, menuFilterLayout, menuFilterGridCols, showResetFilters, resetFiltersText, onMenuFilterChange, menuHeader, menuFooter, listFooter, onSearch, debounceMs, filterFn, emptyText, emptyProps, portal, portalRoot, placement, maxMenuHeight, animated, animationDuration, startContent, endContent, renderValue, renderOption, config, className, triggerClassName, menuClassName, labelClassName, helperClassName, ...props }: SelectProps<TData, TFilters>): react_jsx_runtime.JSX.Element;
6425
6131
 
6426
- declare function MultiSelect<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>>({ ref, options, value: valueProp, defaultValue, onChange, size, variant, color, radius, id: idProp, label, labelPlacement, placeholder, helperText, errorMessage, isInvalid: isInvalidProp, isDisabled, readOnly, isRequired, name, maxTagCount, searchable, searchMode, searchPlacement, searchPlaceholder, searchField, preserveSelected, searchValue: searchValueProp, onSearchChange, menuFilters, menuFilterValues: controlledFilterValues, menuFilterLayout, menuFilterGridCols, showResetFilters, resetFiltersText, onMenuFilterChange, menuHeader, menuFooter, listFooter, onSearch, debounceMs, filterFn, isLoading, emptyText, emptyProps, clearable, portal, placement, maxMenuHeight, animated, animationDuration, startContent, endContent, renderValue, renderOption, className, triggerClassName, menuClassName, labelClassName, ...props }: MultiSelectProps<TData, TFilters>): react_jsx_runtime.JSX.Element;
6132
+ declare function MultiSelect<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>>({ ref, options, value: valueProp, defaultValue, onChange, size, variant, color, radius, id: idProp, label, labelPlacement, placeholder, helperText, errorMessage, isDisabled, readOnly, name, maxTagCount, searchable, searchMode, searchPlacement, searchPlaceholder, searchField, preserveSelected, searchValue: searchValueProp, onSearchChange, menuFilters, menuFilterValues: controlledFilterValues, menuFilterLayout, menuFilterGridCols, showResetFilters, resetFiltersText, onMenuFilterChange, menuHeader, menuFooter, listFooter, onSearch, debounceMs, filterFn, emptyText, emptyProps, portal, portalRoot, placement, maxMenuHeight, animated, animationDuration, startContent, endContent, renderValue, renderOption, config, className, triggerClassName, menuClassName, labelClassName, helperClassName, ...props }: MultiSelectProps<TData, TFilters>): react_jsx_runtime.JSX.Element;
6427
6133
 
6428
6134
  interface SingleSelectTriggerProps<TData = unknown> {
6429
6135
  id?: string;
@@ -6444,6 +6150,7 @@ interface SingleSelectTriggerProps<TData = unknown> {
6444
6150
  onClear?: (e: react.MouseEvent) => void;
6445
6151
  clearable?: boolean;
6446
6152
  isLoading?: boolean;
6153
+ showSpinner?: boolean;
6447
6154
  startContent?: ReactNode;
6448
6155
  endContent?: ReactNode;
6449
6156
  renderValue?: (selected: SelectOptionItem<TData>) => ReactNode;
@@ -6452,7 +6159,7 @@ interface SingleSelectTriggerProps<TData = unknown> {
6452
6159
  onKeyDown?: (e: react.KeyboardEvent<HTMLInputElement>) => void;
6453
6160
  className?: string;
6454
6161
  }
6455
- declare function SingleSelectTrigger<TData = unknown>({ id, selectedOption, isOpen, size, variant, color, radius, placeholder, disabled, readOnly, isInvalid, searchable, searchPlacement, searchValue, onSearchChange, onClear, clearable, isLoading, startContent, endContent, renderValue, triggerRef, getReferenceProps, onKeyDown, className, }: SingleSelectTriggerProps<TData>): react_jsx_runtime.JSX.Element;
6162
+ declare function SingleSelectTrigger<TData = unknown>({ id, selectedOption, isOpen, size, variant, color, radius, placeholder, disabled, readOnly, isInvalid, searchable, searchPlacement, searchValue, onSearchChange, onClear, clearable, isLoading, showSpinner, startContent, endContent, renderValue, triggerRef, getReferenceProps, onKeyDown, className, }: SingleSelectTriggerProps<TData>): react_jsx_runtime.JSX.Element;
6456
6163
 
6457
6164
  interface MultiSelectTriggerProps<TData = unknown> {
6458
6165
  id?: string;
@@ -6475,6 +6182,7 @@ interface MultiSelectTriggerProps<TData = unknown> {
6475
6182
  onClear?: (e: react.MouseEvent) => void;
6476
6183
  clearable?: boolean;
6477
6184
  isLoading?: boolean;
6185
+ showSpinner?: boolean;
6478
6186
  startContent?: ReactNode;
6479
6187
  endContent?: ReactNode;
6480
6188
  renderValue?: (selected: SelectOptionItem<TData>[]) => ReactNode;
@@ -6483,7 +6191,7 @@ interface MultiSelectTriggerProps<TData = unknown> {
6483
6191
  onKeyDown?: (e: react.KeyboardEvent<HTMLInputElement>) => void;
6484
6192
  className?: string;
6485
6193
  }
6486
- declare function MultiSelectTrigger<TData = unknown>({ id, selectedOptions, isOpen, size, variant, color, radius, placeholder, disabled, readOnly, isInvalid, maxTagCount, searchable, searchPlacement, searchValue, onSearchChange, onRemoveTag, onClear, clearable, isLoading, startContent, endContent, renderValue, triggerRef, getReferenceProps, onKeyDown, className, }: MultiSelectTriggerProps<TData>): react_jsx_runtime.JSX.Element;
6194
+ declare function MultiSelectTrigger<TData = unknown>({ id, selectedOptions, isOpen, size, variant, color, radius, placeholder, disabled, readOnly, isInvalid, maxTagCount, searchable, searchPlacement, searchValue, onSearchChange, onRemoveTag, onClear, clearable, isLoading, showSpinner, startContent, endContent, renderValue, triggerRef, getReferenceProps, onKeyDown, className, }: MultiSelectTriggerProps<TData>): react_jsx_runtime.JSX.Element;
6487
6195
 
6488
6196
  interface SelectMenuProps<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>> {
6489
6197
  isOpen: boolean;
@@ -6498,6 +6206,7 @@ interface SelectMenuProps<TData = unknown, TFilters extends Record<string, unkno
6498
6206
  radius?: SelectRadius;
6499
6207
  isLoading?: boolean;
6500
6208
  portal?: boolean;
6209
+ portalRoot?: HTMLElement | null | react.RefObject<HTMLElement | null>;
6501
6210
  maxMenuHeight?: number | string;
6502
6211
  emptyText?: ReactNode;
6503
6212
  emptyProps?: Partial<EmptyProps>;
@@ -6524,7 +6233,7 @@ interface SelectMenuProps<TData = unknown, TFilters extends Record<string, unkno
6524
6233
  listElementsRef: react.RefObject<(HTMLElement | null)[]>;
6525
6234
  className?: string;
6526
6235
  }
6527
- declare function SelectMenu<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>>({ isOpen, isMounted, animated, transitionStyles, options, selectedValues, activeIndex, size, color, radius, isLoading, portal, maxMenuHeight, emptyText, emptyProps, menuHeader, menuFooter, listFooter, menuFilters, menuFilterValues, menuFilterLayout, menuFilterGridCols, showResetFilters, resetFiltersText, onMenuFilterChange, onResetFilters, renderOption, onSelectOption, onOptionMouseEnter, floatingStyles, floatingRef, getFloatingProps, listElementsRef, className, }: SelectMenuProps<TData, TFilters>): react_jsx_runtime.JSX.Element | null;
6236
+ declare function SelectMenu<TData = unknown, TFilters extends Record<string, unknown> = Record<string, unknown>>({ isOpen, isMounted, animated, transitionStyles, options, selectedValues, activeIndex, size, color, radius, isLoading, portal, portalRoot, maxMenuHeight, emptyText, emptyProps, menuHeader, menuFooter, listFooter, menuFilters, menuFilterValues, menuFilterLayout, menuFilterGridCols, showResetFilters, resetFiltersText, onMenuFilterChange, onResetFilters, renderOption, onSelectOption, onOptionMouseEnter, floatingStyles, floatingRef, getFloatingProps, listElementsRef, className, }: SelectMenuProps<TData, TFilters>): react_jsx_runtime.JSX.Element | null;
6528
6237
 
6529
6238
  interface SelectMenuFilterProps<TFilters extends Record<string, unknown> = Record<string, unknown>> {
6530
6239
  filters: SelectFilterField<unknown>[];
@@ -6819,6 +6528,14 @@ interface ModalContainerProps extends HTMLAttributes<HTMLDialogElement> {
6819
6528
  * Class tùy biến CSS cho container bao ngoài dialog
6820
6529
  */
6821
6530
  className?: string;
6531
+ /**
6532
+ * Tự động nhúng Toaster bên trong Modal (Top Layer) để hiển thị thông báo toast nổi trên modal.
6533
+ * - `true` (mặc định): Tự động hiển thị Toaster ở góc trên bên phải (top-right).
6534
+ * - `false`: Tắt Toaster bên trong modal.
6535
+ * - `ToasterProps`: Truyền cấu hình tùy biến cho Toaster.
6536
+ * @default true
6537
+ */
6538
+ toaster?: boolean | ToasterProps;
6822
6539
  /**
6823
6540
  * Nội dung bên trong container (thường là component `<Modal>`)
6824
6541
  */
@@ -8606,6 +8323,14 @@ interface ConfirmContainerProps extends HTMLAttributes<HTMLDialogElement> {
8606
8323
  * Class tùy biến CSS cho container bao ngoài dialog
8607
8324
  */
8608
8325
  className?: string;
8326
+ /**
8327
+ * Tự động nhúng Toaster bên trong Confirm dialog (Top Layer) để hiển thị thông báo toast nổi trên confirm.
8328
+ * - `true` (mặc định): Tự động hiển thị Toaster ở góc trên bên phải (top-right).
8329
+ * - `false`: Tắt Toaster bên trong confirm dialog.
8330
+ * - `ToasterProps`: Truyền cấu hình tùy biến cho Toaster.
8331
+ * @default true
8332
+ */
8333
+ toaster?: boolean | ToasterProps;
8609
8334
  /**
8610
8335
  * Nội dung bên trong container (thường là component `<Confirm>`)
8611
8336
  */
@@ -8633,7 +8358,7 @@ interface ConfirmCloseProps extends HTMLAttributes<HTMLElement> {
8633
8358
  */
8634
8359
  declare function Confirm({ size, radius, className, children, ref, ...props }: ConfirmProps): react_jsx_runtime.JSX.Element;
8635
8360
 
8636
- declare function ConfirmContainer({ open, size, color, isLoading, closeOnOverlayClick, closeOnEsc, lockScroll, overlayClassName, className, children, onClose, ...props }: ConfirmContainerProps): react_jsx_runtime.JSX.Element | null;
8361
+ declare function ConfirmContainer({ open, size, color, isLoading, closeOnOverlayClick, closeOnEsc, lockScroll, overlayClassName, className, toaster, children, onClose, ...props }: ConfirmContainerProps): react_jsx_runtime.JSX.Element | null;
8637
8362
 
8638
8363
  /**
8639
8364
  * Phần đầu của hộp thoại Confirm (Hiển thị icon badge, tiêu đề và nút đóng X)
@@ -8677,6 +8402,10 @@ interface ConfirmContextValue {
8677
8402
  * Chủ đề màu sắc của Confirm
8678
8403
  */
8679
8404
  color?: ConfirmColor;
8405
+ /**
8406
+ * Ref trỏ tới phần tử dialog HTML của ConfirmContainer
8407
+ */
8408
+ dialogRef?: React.RefObject<HTMLDialogElement | null>;
8680
8409
  }
8681
8410
  /**
8682
8411
  * Hook truy xuất context của Confirm từ bên trong `<ConfirmContainer>` hoặc `<Confirm>`
@@ -8685,7 +8414,7 @@ declare const useConfirmContext: () => ConfirmContextValue | null;
8685
8414
 
8686
8415
  declare function Modal({ size, radius, className, children, ref, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
8687
8416
 
8688
- declare function ModalContainer({ open, id, size, isLoading, closeOnOverlayClick, closeOnEsc, lockScroll, overlayClassName, className, children, onClose, ...props }: ModalContainerProps): react_jsx_runtime.JSX.Element | null;
8417
+ declare function ModalContainer({ open, id, size, isLoading, closeOnOverlayClick, closeOnEsc, lockScroll, overlayClassName, className, toaster, children, onClose, ...props }: ModalContainerProps): react_jsx_runtime.JSX.Element | null;
8689
8418
 
8690
8419
  declare function ModalHeader({ size, title, description, titleClassName, descriptionClassName, showCloseButton, onClose, closeButtonClassName, className, children, ...props }: ModalHeaderProps): react_jsx_runtime.JSX.Element;
8691
8420
 
@@ -8699,6 +8428,7 @@ interface ModalContextValue {
8699
8428
  onClose: () => void;
8700
8429
  isLoading?: boolean;
8701
8430
  size?: ModalSize;
8431
+ dialogRef?: React.RefObject<HTMLDialogElement | null>;
8702
8432
  }
8703
8433
  declare const useModalContext: () => ModalContextValue | null;
8704
8434
 
@@ -8859,22 +8589,13 @@ interface FuzzyFilterMeta {
8859
8589
  type FuzzyFeatures = TableFeatures & {
8860
8590
  filterMeta: FuzzyFilterMeta;
8861
8591
  };
8862
- /**
8863
- * Thuật toán lọc Fuzzy (Fuzzy Filter) sử dụng `@tanstack/match-sorter-utils`.
8864
- *
8865
- * Tính năng:
8866
- * - Chuẩn hóa và so khớp gần đúng (Equal, StartsWith, WordStartsWith, Contains, Acronym, Matches)
8867
- * - Tự động loại bỏ dấu tiếng Việt / diacritics
8868
- * - Không phân biệt chữ hoa / chữ thường (Case-insensitive)
8869
- * - Đính kèm thông tin `RankingInfo` vào metadata qua `addMeta` để hỗ trợ sắp xếp theo độ liên quan
8870
- */
8871
8592
  declare const fuzzyFilter: FilterFn<FuzzyFeatures, RowData>;
8872
8593
 
8873
8594
  /**
8874
8595
  * Bộ features tiêu chuẩn của @openway/ui dành cho TanStack Table v9.
8875
8596
  * Bao gồm: Sắp xếp (Sorting), Phân trang (Pagination), Chọn dòng (Row Selection),
8876
8597
  * Lọc cột & Lọc toàn bảng (Column & Global Filtering), Ẩn/hiện cột (Visibility),
8877
- * Ghim cột (Pinning), Sắp xếp thứ tự cột (Column Ordering).
8598
+ * Ghim cột (Pinning), Sắp xếp thứ tự cột (Column Ordering), và Mở rộng dòng (Row Expanding).
8878
8599
  */
8879
8600
  declare const defaultTableFeatures: {
8880
8601
  rowSortingFeature: _tanstack_react_table.TableFeature;
@@ -8885,9 +8606,11 @@ declare const defaultTableFeatures: {
8885
8606
  columnVisibilityFeature: _tanstack_react_table.TableFeature;
8886
8607
  columnPinningFeature: _tanstack_react_table.TableFeature;
8887
8608
  columnOrderingFeature: _tanstack_react_table.TableFeature;
8609
+ rowExpandingFeature: _tanstack_react_table.TableFeature;
8888
8610
  sortedRowModel: (table: _tanstack_react_table.Table<any, any>) => () => _tanstack_react_table.RowModel<any, any>;
8889
8611
  paginatedRowModel: (table: _tanstack_react_table.Table<any, any>) => () => _tanstack_react_table.RowModel<any, any>;
8890
8612
  filteredRowModel: (table: _tanstack_react_table.Table<any, any>) => () => _tanstack_react_table.RowModel<any, any>;
8613
+ expandedRowModel: (table: _tanstack_react_table.Table<any, any>) => () => _tanstack_react_table.RowModel<any, any>;
8891
8614
  filterFns: {
8892
8615
  fuzzy: _tanstack_react_table.FilterFn<FuzzyFeatures, RowData>;
8893
8616
  };
@@ -9194,6 +8917,10 @@ interface TableFilterDef<TValue = unknown> {
9194
8917
  * Thuộc tính tùy biến truyền bổ sung vào component editor (DateRangePicker, DatePicker, CheckboxGroup...)
9195
8918
  */
9196
8919
  props?: Record<string, unknown>;
8920
+ /**
8921
+ * Thời gian trì hoãn debounce (ms) riêng cho trường lọc này ở chế độ server (tùy chọn)
8922
+ */
8923
+ debounceMs?: number;
9197
8924
  /**
9198
8925
  * Hàm render component tùy biến khi `type: 'custom'`
9199
8926
  */
@@ -9385,6 +9112,13 @@ interface DataTableProps<TData extends RowData = RowData> {
9385
9112
  * @default false
9386
9113
  */
9387
9114
  manualFiltering?: boolean;
9115
+ /**
9116
+ * Thời gian trì hoãn debounce (ms) khi thay đổi bộ lọc hoặc tìm kiếm ở chế độ server (`manualFiltering: true`).
9117
+ * Áp dụng cho toàn bộ các trường Input, NumberInput, DatePicker, DateRangePicker, CheckboxGroup/Select, custom và tìm kiếm toàn bảng.
9118
+ * Đặt 0 để tắt debounce (gọi ngay lập tức).
9119
+ * @default 300
9120
+ */
9121
+ debounceMs?: number;
9388
9122
  /**
9389
9123
  * Tổng số trang trả về từ máy chủ (bắt buộc khi dùng `manualPagination={true}`)
9390
9124
  */
@@ -9458,6 +9192,84 @@ interface DataTableProps<TData extends RowData = RowData> {
9458
9192
  * Callback khi trạng thái bộ lọc cột thay đổi (trả về mảng ColumnFiltersState của TanStack Table)
9459
9193
  */
9460
9194
  onColumnFiltersChange?: ((filters: ColumnFiltersState) => void) | OnChangeFn<ColumnFiltersState>;
9195
+ /**
9196
+ * Bật tính năng mở rộng dòng (tự động bật nếu có `renderExpandedRow`, `getSubRows`, hoặc `expanded`)
9197
+ * @default false
9198
+ */
9199
+ enableExpanding?: boolean;
9200
+ /**
9201
+ * Bật hiệu ứng mở rộng mượt mà (smooth slide down, fade in và hiệu ứng chuyển động)
9202
+ * @default true
9203
+ */
9204
+ enableExpandingAnimation?: boolean;
9205
+ /**
9206
+ * Trạng thái dòng mở rộng điều khiển ngoài (Controlled state): `Record<rowId, boolean> | true`
9207
+ */
9208
+ expanded?: ExpandedState;
9209
+ /**
9210
+ * Callback khi trạng thái mở rộng dòng thay đổi
9211
+ */
9212
+ onExpandedChange?: ((expanded: ExpandedState) => void) | OnChangeFn<ExpandedState>;
9213
+ /**
9214
+ * Hàm trích xuất dữ liệu con cho cấu trúc cây phân cấp (Tree Data đa tầng)
9215
+ */
9216
+ getSubRows?: (originalRow: TData, index: number) => undefined | TData[];
9217
+ /**
9218
+ * Điều kiện tùy biến xác định dòng nào có thể mở rộng được
9219
+ */
9220
+ getRowCanExpand?: (row: Row<DefaultTableFeatures, TData>) => boolean;
9221
+ /**
9222
+ * Bật chế độ mở rộng thủ công từ máy chủ (Server-side expanding)
9223
+ * @default false
9224
+ */
9225
+ manualExpanding?: boolean;
9226
+ /**
9227
+ * Tự động thu gọn các dòng đã mở rộng khi dữ liệu thay đổi hoặc phân trang
9228
+ * @default true
9229
+ */
9230
+ autoResetExpanded?: boolean;
9231
+ /**
9232
+ * Phân trang các dòng con cùng với các dòng chính của bảng
9233
+ * @default true
9234
+ */
9235
+ paginateExpandedRows?: boolean;
9236
+ /**
9237
+ * Hàm render giao diện tùy biến (Detail Panel gộp colSpan) bên dưới dòng cha khi mở rộng
9238
+ */
9239
+ renderExpandedRow?: (row: Row<DefaultTableFeatures, TData>) => ReactNode;
9240
+ /**
9241
+ * Tự động hiển thị nút mở rộng dòng
9242
+ * @default true (khi tính năng expanding được kích hoạt)
9243
+ */
9244
+ showExpandColumn?: boolean;
9245
+ /**
9246
+ * Chế độ hiển thị nút mở rộng dòng:
9247
+ * - 'integrated': Tích hợp trực tiếp nút mở rộng và thụt lề vào cột dữ liệu đầu tiên (mặc định, không tách riêng cột)
9248
+ * - 'standalone': Tách thành một cột riêng biệt `_expand`
9249
+ * - 'none': Không tự động render UI nút mở rộng
9250
+ * @default 'integrated'
9251
+ */
9252
+ expandColumnMode?: "integrated" | "standalone" | "none";
9253
+ /**
9254
+ * ID cột được tích hợp nút mở rộng khi dùng chế độ `expandColumnMode='integrated'`.
9255
+ * Mặc định tự động gắn vào cột nội dung đầu tiên (sau cột `_select`).
9256
+ */
9257
+ expandColumnId?: string;
9258
+ /**
9259
+ * Vị trí đặt cột nút mở rộng dòng khi ở chế độ `expandColumnMode='standalone'` ('start' ở đầu bảng, 'end' ở cuối bảng)
9260
+ * @default 'start'
9261
+ */
9262
+ expandColumnPosition?: "start" | "end";
9263
+ /**
9264
+ * Mức độ thụt đầu dòng tối đa cho dữ liệu dạng cây (tránh thụt quá sâu làm vỡ layout)
9265
+ * @default 4
9266
+ */
9267
+ maxIndentDepth?: number;
9268
+ /**
9269
+ * Khoảng cách thụt lề cho mỗi cấp độ sâu (tính bằng rem)
9270
+ * @default 1.25
9271
+ */
9272
+ indentSize?: number;
9461
9273
  /**
9462
9274
  * Callback được kích hoạt khi người dùng click vào một dòng trong bảng
9463
9275
  */
@@ -9504,6 +9316,6 @@ declare function TablePagination<TData extends RowData = RowData>({ table, pageS
9504
9316
 
9505
9317
  declare function TableToolbar<TData extends RowData = RowData>({ table, searchPlaceholder, enableGlobalFilter, enableColumnVisibility, isRefresh, onRefresh, actions, selectedActions, filters, filterValues, onFilterChange, onFilterReset, className, }: TableToolbarProps<TData>): react_jsx_runtime.JSX.Element;
9506
9318
 
9507
- declare function DataTable<TData extends RowData = RowData>({ columns, data, variant, size, isLoading, isRefresh, onRefresh, loadingRowsCount, emptyText, emptyIllustration, enableSorting, enableFiltering, enablePagination, enableRowSelection, enableColumnVisibility, enableColumnOrdering, filters, searchPlaceholder, toolbarActions, renderBulkActions, pageSizeOptions, initialPageSize, manualPagination, manualSorting, manualFiltering, pageCount, rowCount, pagination: controlledPagination, onPaginationChange, sorting: controlledSorting, onSortingChange, rowSelection: controlledRowSelection, onRowSelectionChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, columnOrder: controlledColumnOrder, onColumnOrderChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, globalFilterFn: controlledGlobalFilterFn, columnFilters: controlledColumnFilters, onColumnFiltersChange, onRowClick, className, containerClassName, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
9319
+ declare function DataTable<TData extends RowData = RowData>({ columns, data, variant, size, isLoading, isRefresh, onRefresh, loadingRowsCount, emptyText, emptyIllustration, enableSorting, enableFiltering, enablePagination, enableRowSelection, enableColumnVisibility, enableColumnOrdering, enableExpanding, enableExpandingAnimation, expanded: controlledExpanded, onExpandedChange, getSubRows, getRowCanExpand, manualExpanding, autoResetExpanded, paginateExpandedRows, renderExpandedRow, showExpandColumn, expandColumnMode, expandColumnId, expandColumnPosition, maxIndentDepth, indentSize, filters, searchPlaceholder, toolbarActions, renderBulkActions, pageSizeOptions, initialPageSize, manualPagination, manualSorting, manualFiltering, pageCount, rowCount, debounceMs, pagination: controlledPagination, onPaginationChange, sorting: controlledSorting, onSortingChange, rowSelection: controlledRowSelection, onRowSelectionChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, columnOrder: controlledColumnOrder, onColumnOrderChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, globalFilterFn: controlledGlobalFilterFn, columnFilters: controlledColumnFilters, onColumnFiltersChange, onRowClick, className, containerClassName, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
9508
9320
 
9509
- export { AUDIO_EXTENSIONS, Alert, AlertCircleIcon, type AlertColor, type AlertProps, type AlertRadius, type AlertSize, AlertTriangleIcon, type AlertVariant, ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon, AvatarIcon, type AvatarIconProps, Badge, type BadgeColor, type BadgeProps, type BadgeRadius, type BadgeSize, type BadgeVariant, Button, type ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Calendar, type CalendarDay, CalendarHeader, type CalendarHeaderProps, CalendarIcon, type CalendarProps, type CalendarView, Carousel, type CarouselArrowPosition, CarouselContent, type CarouselContentProps, type CarouselContextValue, type CarouselNavigationProps, type CarouselNavigationVariant, CarouselNext, CarouselPagination, type CarouselPaginationProps, type CarouselPaginationType, CarouselPrevious, type CarouselProps, type CarouselRadius, type CarouselSize, CarouselSlide, type CarouselSlideProps, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxColor, type CheckboxConfig, CheckboxGroup, type CheckboxGroupConfig, type CheckboxGroupOrientation, type CheckboxGroupProps, type CheckboxLabelPlacement, type CheckboxOptionItem, type CheckboxProps, type CheckboxRadius, type CheckboxSearchMode, type CheckboxSize, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockIcon, CloseIcon, Collapse, type CollapseActiveKey, type CollapseColor, CollapseContent, type CollapseContentProps, type CollapseContextValue$1 as CollapseContextValue, type CollapseExpandIconPosition, CollapseHeader, type CollapseHeaderProps, CollapsePanel, type CollapsePanelContextValue$1 as CollapsePanelContextValue, type CollapsePanelProps, type CollapseProps, type CollapseRadius, type CollapseSize, type CollapseVariant, Collapsible, type CollapsibleProps, type ColumnOrderState, Confirm, ConfirmBody, type ConfirmBodyProps, ConfirmClose, type ConfirmCloseProps, type ConfirmColor, ConfirmContainer, type ConfirmContainerProps, ConfirmFooter, type ConfirmFooterProps, ConfirmHeader, type ConfirmHeaderProps, type ConfirmProps, type ConfirmRadius, type ConfirmSize, CropIcon, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_TOAST_DURATION, DOCUMENT_EXTENSIONS, DataTable, type DataTableProps, DatePicker, type DatePickerColor, type DatePickerConfig, type DatePickerProps, type DatePickerRadius, type DatePickerSize, type DatePickerVariant, type DateRange, DateRangeCalendar, type DateRangeCalendarDay, type DateRangeCalendarProps, DateRangeDayGrid, type DateRangeDayGridProps, DateRangeHeader, type DateRangeHeaderProps, DateRangeMonthGrid, type DateRangeMonthGridProps, DateRangePicker, type DateRangePickerColor, type DateRangePickerConfig, type DateRangePickerProps, type DateRangePickerRadius, type DateRangePickerSize, type DateRangePickerVariant, type DateRangeValue, DateRangeYearGrid, type DateRangeYearGridProps, DateTimePicker, type DateTimePickerColor, type DateTimePickerConfig, type DateTimePickerLayout, type DateTimePickerProps, type DateTimePickerRadius, type DateTimePickerSize, type DateTimePickerVariant, type DateTimeRange, DateTimeRangePicker, type DateTimeRangePickerColor, type DateTimeRangePickerConfig, type DateTimeRangePickerLayout, type DateTimeRangePickerProps, type DateTimeRangePickerRadius, type DateTimeRangePickerSize, type DateTimeRangePickerVariant, type DateTimeRangeValue, type DateTimeValue, type DateValue, DayGrid, type DayGridProps, type DefaultTableFeatures, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadIcon, type DraggableTableHeadProps, Dropdown, type DropdownColor, type DropdownContextValue, DropdownGroup, type DropdownGroupProps, DropdownHeader, type DropdownHeaderProps, DropdownItem, type DropdownItemProps, DropdownMenu, type DropdownMenuProps, type DropdownPlacement, type DropdownProps, type DropdownRadius, DropdownSeparator, type DropdownSeparatorProps, type DropdownSize, DropdownTrigger, type DropdownTriggerProps, type DropdownTriggerType, Empty, EmptyDefaultIcon, EmptyErrorIcon, EmptyFolderIcon, EmptyIllustration, EmptyPresetImage, EmptyProps, EmptySearchIcon, EmptySimpleIcon, EyeIcon, type FileCategory, FileContainer, type FileContainerProps, FileIcon, type FileIconProps, FilePreview, type FilePreviewProps, type FileType, FlipHorizontalIcon, IMAGE_EXTENSIONS, IconButton, type IconButtonProps, ImageIcon, type ImageItem, ImagePreview, type ImagePreviewProps, ImagePreviewToolbar, type ImagePreviewToolbarProps, InfoCircleIcon, Input, type InputColor, type InputConfig, type InputProps, type InputRadius, type InputSize, type InputVariant, type LabelPlacement, LoadingImage, type LoadingImageProps, type LocaleConfig, MinusIcon, Modal, ModalBody, type ModalBodyProps, ModalClose, type ModalCloseProps, ModalContainer, type ModalContainerProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, type ModalRadius, type ModalSize, MonthGrid, type MonthGridProps, MultiInput, type MultiInputConfig, type MultiInputProps, MultiSelect, MultiSelectProps, MultiSelectTrigger, NumberInput, type NumberInputProps, OtpInput, type OtpInputConfig, type OtpInputProps, type OtpInputRef, type OtpInputType, PDF_EXTENSIONS, PasswordInput, type PasswordInputProps, PlusIcon, Popover, PopoverBody, type PopoverBodyProps, PopoverClose, type PopoverCloseProps, type PopoverColor, PopoverContent, type PopoverContentProps, type PopoverContextValue, PopoverFooter, type PopoverFooterProps, PopoverHeader, type PopoverHeaderProps, type PopoverPlacement, type PopoverProps, type PopoverRadius, type PopoverSize, PopoverTrigger, type PopoverTriggerProps, type PopoverTriggerType, type PreviewFile, Radio, type RadioColor, type RadioConfig, RadioDotIcon, RadioGroup, type RadioGroupConfig, type RadioGroupOrientation, type RadioGroupProps, type RadioLabelPlacement, type RadioOptionItem, type RadioProps, type RadioSearchMode, type RadioSize, type RadioVariant, ResetIcon, RotateCcwIcon, RotateCwIcon, SearchIcon, Select, SelectColor, Select as SelectComponent, SelectFilterField, SelectFilterLayout, SelectMenu, SelectMenuFilter, SelectOption, SelectOptionItem, SelectProps, SelectRadius, SelectSearchPlacement, SelectSize, SingleSelectTrigger as SelectTrigger, SelectVariant, type ServerFile, SingleSelectTrigger, Skeleton, type SkeletonObjectFit, type SkeletonProps, type SkeletonRadius, type SkeletonShape, type SkeletonVariant, Slider, type SliderColor, type SliderConfig, type SliderLabelPlacement, type SliderMark, SliderMarks, type SliderOrientation, type SliderProps, type SliderRadius, type SliderSize, SliderStepDots, SliderThumb, type SliderTooltipMode, type SliderTooltipPlacement, type SliderValue, type SliderVariant, SlidersHorizontalIcon, Spinner, Tab, type TabColor, TabList, type TabListProps, type TabOrientation, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabPlacement, type TabProps, type TabRadius, type TabSize, type TabVariant, Table, type TableAlign, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableColumnHeader, type TableColumnHeaderProps, type TableFilterDef, type TableFilterOption, type TableFilterType, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, type TableSize, TableToolbar, type TableToolbarProps, type TableVariant, Tabs, type TabsProps, type TagRenderProps, TextArea, type TextAreaColor, type TextAreaConfig, type TextAreaLabelPlacement, type TextAreaProps, type TextAreaRadius, type TextAreaResize, type TextAreaSize, type TextAreaVariant, TimeColumn, type TimeColumnItem, type TimeColumnProps, type TimeObject, type TimePeriod, TimePicker, type TimePickerColor, type TimePickerConfig, type TimePickerProps, type TimePickerRadius, type TimePickerSize, type TimePickerVariant, type TimeRange, TimeRangePicker, type TimeRangePickerColor, type TimeRangePickerConfig, type TimeRangePickerProps, type TimeRangePickerRadius, type TimeRangePickerSize, type TimeRangePickerVariant, type TimeRangeValue, type TimeValue, TimeView, type TimeViewProps, type ToastMessageObject, type ToastMessageResult, type ToastOptions, type ToastPosition, type ToastPromiseFunction, type ToastPromiseOptions, Toaster, type ToasterProps, Toggle, type ToggleColor, type ToggleConfig, type ToggleLabelPlacement, type ToggleProps, type ToggleRadius, type ToggleSize, type ToggleVariant, type ToolbarToolsConfig, Tooltip, type TooltipColor, type TooltipPlacement, type TooltipProps, type TooltipRadius, type TooltipSize, type TooltipVariant, TrashIcon, UploadAvatar, type UploadAvatarColor, type UploadAvatarConfig, UploadAvatarCropContent, UploadAvatarCropModal, type UploadAvatarCropOptions, type UploadAvatarLabelPlacement, type UploadAvatarProps, type UploadAvatarRadius, type UploadAvatarShape, type UploadAvatarSize, type UploadAvatarVariant, UploadFile, type UploadFileColor, type UploadFileConfig, type UploadFileDragStatus, UploadFileDropzone, type UploadFileDropzoneProps, UploadFileItemRow, type UploadFileItemRowProps, UploadFileList, type UploadFileListProps, type UploadFileListType, type UploadFileProps, type UploadFileRadius, type UploadFileShape, type UploadFileSize, type UploadFileVariant, type UploadFileViewMode, UploadIcon, UploadImage, type UploadImageColor, type UploadImageDragStatus, UploadImageDropzone, type UploadImageDropzoneProps, UploadImageList, type UploadImageListProps, type UploadImageObjectFit, type UploadImageProps, type UploadImageRadius, type UploadImageShape, type UploadImageSize, type UploadImageVariant, type UploadImageViewMode, type UseDataTableOptions, type UseFloatingTransitionOptions, VIDEO_EXTENSIONS, YearGrid, type YearGridProps, ZoomInIcon, ZoomOutIcon, checkIsDisabled, clamp, combineDateTime, createDateWithTime, createTableColumnHelper, defaultTableFeatures, downloadFile, formatBytes, formatDate, formatDateTime, formatNumberString, formatTime, fuzzyFilter, generateCalendarGrid, generateRangeCalendarGrid, getDefaultDateTimeFormat, getDefaultFormat, getFileCategory, getFileExtension, getFileName, getFileType, getISOWeekNumber, getPercentage, getSafeConfig, isDateAfter, isDateBefore, isSameDay, isSameMonth, isSameTime, isTimeAfter, isTimeBefore, isTimeInRange, isValidOtpChar, normalizePreviewFile, padZero, parseDate, parseDateTime, parseNumber, parseRawNumberString, parseTimeToDate, rankAndFilterItems, resolveLocale, sanitizeOtpString, splitTagsFromText, toDate, toDateTime, toTimeObject, toast, useAnimatedError, useCarousel, useCarouselContext, useCollapseContext, useCollapsePanelContext, useConfirmContext, useDataTable, useDebounce, useDebouncedCallback, useDropdownContext, useFileContext, useFloatingTransition, useModalContext, usePopoverContext, useTableStyles, useTabsContext };
9321
+ export { AUDIO_EXTENSIONS, Alert, AlertCircleIcon, AlertProps, AlertTriangleIcon, ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon, AvatarIcon, type AvatarIconProps, Badge, type BadgeColor, type BadgeProps, type BadgeRadius, type BadgeSize, type BadgeVariant, Button, type ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Calendar, type CalendarDay, CalendarHeader, type CalendarHeaderProps, CalendarIcon, type CalendarProps, type CalendarView, Carousel, type CarouselArrowPosition, CarouselContent, type CarouselContentProps, type CarouselContextValue, type CarouselNavigationProps, type CarouselNavigationVariant, CarouselNext, CarouselPagination, type CarouselPaginationProps, type CarouselPaginationType, CarouselPrevious, type CarouselProps, type CarouselRadius, type CarouselSize, CarouselSlide, type CarouselSlideProps, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxColor, type CheckboxConfig, CheckboxGroup, type CheckboxGroupConfig, type CheckboxGroupOrientation, type CheckboxGroupProps, type CheckboxLabelPlacement, type CheckboxOptionItem, type CheckboxProps, type CheckboxRadius, type CheckboxSearchMode, type CheckboxSize, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockIcon, CloseIcon, Collapse, type CollapseActiveKey, type CollapseColor, CollapseContent, type CollapseContentProps, type CollapseContextValue$1 as CollapseContextValue, type CollapseExpandIconPosition, CollapseHeader, type CollapseHeaderProps, CollapsePanel, type CollapsePanelContextValue$1 as CollapsePanelContextValue, type CollapsePanelProps, type CollapseProps, type CollapseRadius, type CollapseSize, type CollapseVariant, Collapsible, type CollapsibleProps, type ColumnOrderState, Confirm, ConfirmBody, type ConfirmBodyProps, ConfirmClose, type ConfirmCloseProps, type ConfirmColor, ConfirmContainer, type ConfirmContainerProps, ConfirmFooter, type ConfirmFooterProps, ConfirmHeader, type ConfirmHeaderProps, type ConfirmProps, type ConfirmRadius, type ConfirmSize, CropIcon, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_TOAST_DURATION, DOCUMENT_EXTENSIONS, DataTable, type DataTableProps, DatePicker, type DatePickerColor, type DatePickerConfig, type DatePickerProps, type DatePickerRadius, type DatePickerSize, type DatePickerVariant, type DateRange, DateRangeCalendar, type DateRangeCalendarDay, type DateRangeCalendarProps, DateRangeDayGrid, type DateRangeDayGridProps, DateRangeHeader, type DateRangeHeaderProps, DateRangeMonthGrid, type DateRangeMonthGridProps, DateRangePicker, type DateRangePickerColor, type DateRangePickerConfig, type DateRangePickerProps, type DateRangePickerRadius, type DateRangePickerSize, type DateRangePickerVariant, type DateRangeValue, DateRangeYearGrid, type DateRangeYearGridProps, DateTimePicker, type DateTimePickerColor, type DateTimePickerConfig, type DateTimePickerLayout, type DateTimePickerProps, type DateTimePickerRadius, type DateTimePickerSize, type DateTimePickerVariant, type DateTimeRange, DateTimeRangePicker, type DateTimeRangePickerColor, type DateTimeRangePickerConfig, type DateTimeRangePickerLayout, type DateTimeRangePickerProps, type DateTimeRangePickerRadius, type DateTimeRangePickerSize, type DateTimeRangePickerVariant, type DateTimeRangeValue, type DateTimeValue, type DateValue, DayGrid, type DayGridProps, type DefaultTableFeatures, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadIcon, type DraggableTableHeadProps, Dropdown, type DropdownColor, type DropdownContextValue, DropdownGroup, type DropdownGroupProps, DropdownHeader, type DropdownHeaderProps, DropdownItem, type DropdownItemProps, DropdownMenu, type DropdownMenuProps, type DropdownPlacement, type DropdownProps, type DropdownRadius, DropdownSeparator, type DropdownSeparatorProps, type DropdownSize, DropdownTrigger, type DropdownTriggerProps, type DropdownTriggerType, Empty, EmptyDefaultIcon, EmptyErrorIcon, EmptyFolderIcon, EmptyIllustration, EmptyPresetImage, EmptyProps, EmptySearchIcon, EmptySimpleIcon, EyeIcon, type FileCategory, FileContainer, type FileContainerProps, FileIcon, type FileIconProps, FilePreview, type FilePreviewProps, type FileType, FlipHorizontalIcon, IMAGE_EXTENSIONS, IconButton, type IconButtonProps, ImageIcon, type ImageItem, ImagePreview, type ImagePreviewProps, ImagePreviewToolbar, type ImagePreviewToolbarProps, InfoCircleIcon, Input, type InputColor, type InputConfig, type InputProps, type InputRadius, type InputSize, type InputVariant, type LabelPlacement, LoadingImage, type LoadingImageProps, type LocaleConfig, MinusIcon, Modal, ModalBody, type ModalBodyProps, ModalClose, type ModalCloseProps, ModalContainer, type ModalContainerProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, type ModalRadius, type ModalSize, MonthGrid, type MonthGridProps, MultiInput, type MultiInputConfig, type MultiInputProps, MultiSelect, MultiSelectProps, MultiSelectTrigger, NumberInput, type NumberInputProps, OtpInput, type OtpInputConfig, type OtpInputProps, type OtpInputRef, type OtpInputType, PDF_EXTENSIONS, PasswordInput, type PasswordInputProps, PlusIcon, Popover, PopoverBody, type PopoverBodyProps, PopoverClose, type PopoverCloseProps, type PopoverColor, PopoverContent, type PopoverContentProps, type PopoverContextValue, PopoverFooter, type PopoverFooterProps, PopoverHeader, type PopoverHeaderProps, type PopoverPlacement, type PopoverProps, type PopoverRadius, type PopoverSize, PopoverTrigger, type PopoverTriggerProps, type PopoverTriggerType, type PreviewFile, Radio, type RadioColor, type RadioConfig, RadioDotIcon, RadioGroup, type RadioGroupConfig, type RadioGroupOrientation, type RadioGroupProps, type RadioLabelPlacement, type RadioOptionItem, type RadioProps, type RadioSearchMode, type RadioSize, type RadioVariant, ResetIcon, RotateCcwIcon, RotateCwIcon, SearchIcon, Select, SelectColor, Select as SelectComponent, SelectFilterField, SelectFilterLayout, SelectMenu, SelectMenuFilter, SelectOption, SelectOptionItem, SelectProps, SelectRadius, SelectSearchPlacement, SelectSize, SingleSelectTrigger as SelectTrigger, SelectVariant, type ServerFile, SingleSelectTrigger, Skeleton, type SkeletonObjectFit, type SkeletonProps, type SkeletonRadius, type SkeletonShape, type SkeletonVariant, Slider, type SliderColor, type SliderConfig, type SliderLabelPlacement, type SliderMark, SliderMarks, type SliderOrientation, type SliderProps, type SliderRadius, type SliderSize, SliderStepDots, SliderThumb, type SliderTooltipMode, type SliderTooltipPlacement, type SliderValue, type SliderVariant, SlidersHorizontalIcon, Spinner, Tab, type TabColor, TabList, type TabListProps, type TabOrientation, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabPlacement, type TabProps, type TabRadius, type TabSize, type TabVariant, Table, type TableAlign, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableColumnHeader, type TableColumnHeaderProps, type TableFilterDef, type TableFilterOption, type TableFilterType, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, type TableSize, TableToolbar, type TableToolbarProps, type TableVariant, Tabs, type TabsProps, type TagRenderProps, TextArea, type TextAreaColor, type TextAreaConfig, type TextAreaLabelPlacement, type TextAreaProps, type TextAreaRadius, type TextAreaResize, type TextAreaSize, type TextAreaVariant, TimeColumn, type TimeColumnItem, type TimeColumnProps, type TimeObject, type TimePeriod, TimePicker, type TimePickerColor, type TimePickerConfig, type TimePickerProps, type TimePickerRadius, type TimePickerSize, type TimePickerVariant, type TimeRange, TimeRangePicker, type TimeRangePickerColor, type TimeRangePickerConfig, type TimeRangePickerProps, type TimeRangePickerRadius, type TimeRangePickerSize, type TimeRangePickerVariant, type TimeRangeValue, type TimeValue, TimeView, type TimeViewProps, ToastOptions, ToastPromiseOptions, Toaster, ToasterProps, Toggle, type ToggleColor, type ToggleConfig, type ToggleLabelPlacement, type ToggleProps, type ToggleRadius, type ToggleSize, type ToggleVariant, type ToolbarToolsConfig, Tooltip, type TooltipColor, type TooltipPlacement, type TooltipProps, type TooltipRadius, type TooltipSize, type TooltipVariant, TrashIcon, UploadAvatar, type UploadAvatarColor, type UploadAvatarConfig, UploadAvatarCropContent, UploadAvatarCropModal, type UploadAvatarCropOptions, type UploadAvatarLabelPlacement, type UploadAvatarProps, type UploadAvatarRadius, type UploadAvatarShape, type UploadAvatarSize, type UploadAvatarVariant, UploadFile, type UploadFileColor, type UploadFileConfig, type UploadFileDragStatus, UploadFileDropzone, type UploadFileDropzoneProps, UploadFileItemRow, type UploadFileItemRowProps, UploadFileList, type UploadFileListProps, type UploadFileListType, type UploadFileProps, type UploadFileRadius, type UploadFileShape, type UploadFileSize, type UploadFileVariant, type UploadFileViewMode, UploadIcon, UploadImage, type UploadImageColor, type UploadImageDragStatus, UploadImageDropzone, type UploadImageDropzoneProps, UploadImageList, type UploadImageListProps, type UploadImageObjectFit, type UploadImageProps, type UploadImageRadius, type UploadImageShape, type UploadImageSize, type UploadImageVariant, type UploadImageViewMode, type UseDataTableOptions, type UseFloatingTransitionOptions, VIDEO_EXTENSIONS, YearGrid, type YearGridProps, ZoomInIcon, ZoomOutIcon, checkIsDisabled, clamp, combineDateTime, createDateWithTime, createTableColumnHelper, defaultTableFeatures, downloadFile, formatBytes, formatDate, formatDateTime, formatNumberString, formatTime, fuzzyFilter, generateCalendarGrid, generateRangeCalendarGrid, getDefaultDateTimeFormat, getDefaultFormat, getFileCategory, getFileExtension, getFileName, getFileType, getISOWeekNumber, getPercentage, getSafeConfig, isDateAfter, isDateBefore, isSameDay, isSameMonth, isSameTime, isTimeAfter, isTimeBefore, isTimeInRange, isValidOtpChar, normalizePreviewFile, padZero, parseDate, parseDateTime, parseNumber, parseRawNumberString, parseTimeToDate, rankAndFilterItems, resolveLocale, sanitizeOtpString, splitTagsFromText, toDate, toDateTime, toTimeObject, toast, useAnimatedError, useCarousel, useCarouselContext, useCollapseContext, useCollapsePanelContext, useConfirmContext, useDataTable, useDebounce, useDebouncedCallback, useDropdownContext, useFileContext, useFloatingTransition, useModalContext, usePopoverContext, useTableStyles, useTabsContext };