@mesob/ui 0.5.8 → 0.5.10
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/components.d.ts +411 -63
- package/dist/components.js +5330 -1695
- package/dist/components.js.map +1 -1
- package/package.json +4 -9
package/dist/components.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export { D as DisableDevtool, a as DisableDevtoolOptions, G as GoogleAnalytics } from './google-analytics-B82Q7rm2.js';
|
|
2
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
|
-
import { ReactNode, ReactElement, ComponentType, RefObject, Ref, ComponentProps } from 'react';
|
|
4
|
+
import { ReactNode, ReactElement, ComponentType, MouseEvent, RefObject, Ref, ComponentProps } from 'react';
|
|
5
5
|
export { u as useEntityPagination, a as useEntityParams } from './use-entity-params-nqD69tdX.js';
|
|
6
6
|
import * as react_hook_form from 'react-hook-form';
|
|
7
|
-
import { Control, UseFormRegister, ControllerRenderProps, FieldError as FieldError$1,
|
|
7
|
+
import { Control, FieldValues, UseFormRegister, ControllerRenderProps, FieldError as FieldError$1, FieldPath, ControllerProps } from 'react-hook-form';
|
|
8
8
|
import { Locale } from './lib/locale.js';
|
|
9
9
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
10
10
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -622,21 +622,35 @@ type EntitySortStateProps = {
|
|
|
622
622
|
};
|
|
623
623
|
declare function EntitySortState({ sort, order, onSortChange, onOrderChange, options, className, }: EntitySortStateProps): react_jsx_runtime.JSX.Element;
|
|
624
624
|
|
|
625
|
-
|
|
625
|
+
/** Built-in view ids with default Tabler icons */
|
|
626
|
+
type EntityViewPreset = 'table' | 'card' | 'list';
|
|
627
|
+
type EntityViewItem = {
|
|
628
|
+
value: string;
|
|
629
|
+
icon: ReactNode;
|
|
630
|
+
/** Passed to `aria-label` (default: `` `${value} view` ``) */
|
|
631
|
+
label?: string;
|
|
632
|
+
};
|
|
633
|
+
declare function buildEntityViewItems(items: EntityViewItem[] | undefined, views: EntityViewPreset[] | undefined): EntityViewItem[];
|
|
626
634
|
type EntityViewToggleProps = {
|
|
627
|
-
views?: ViewOption$1[];
|
|
628
635
|
className?: string;
|
|
636
|
+
/** URL query key (default `view`) */
|
|
637
|
+
param?: string;
|
|
638
|
+
/** Custom tabs; wins over `views` */
|
|
639
|
+
items?: EntityViewItem[];
|
|
640
|
+
/** Preset ids + icons when `items` omitted */
|
|
641
|
+
views?: EntityViewPreset[];
|
|
629
642
|
};
|
|
630
|
-
declare function EntityViewToggle({
|
|
643
|
+
declare function EntityViewToggle({ className, param, items, views, }: EntityViewToggleProps): react_jsx_runtime.JSX.Element;
|
|
631
644
|
|
|
632
|
-
type ViewOption =
|
|
645
|
+
type ViewOption = EntityViewPreset;
|
|
633
646
|
type EntityViewToggleStateProps = {
|
|
634
|
-
value:
|
|
635
|
-
onValueChange: (v:
|
|
636
|
-
|
|
647
|
+
value: string;
|
|
648
|
+
onValueChange: (v: string) => void;
|
|
649
|
+
items?: EntityViewItem[];
|
|
650
|
+
views?: EntityViewPreset[];
|
|
637
651
|
className?: string;
|
|
638
652
|
};
|
|
639
|
-
declare function EntityViewToggleState({ value, onValueChange, views, className, }: EntityViewToggleStateProps): react_jsx_runtime.JSX.Element;
|
|
653
|
+
declare function EntityViewToggleState({ value, onValueChange, views, items, className, }: EntityViewToggleStateProps): react_jsx_runtime.JSX.Element;
|
|
640
654
|
|
|
641
655
|
type FileUploadPreviewItem = {
|
|
642
656
|
id?: string;
|
|
@@ -755,7 +769,7 @@ type LocaleInputRichTextProps = {
|
|
|
755
769
|
label?: string;
|
|
756
770
|
required?: boolean;
|
|
757
771
|
field: string;
|
|
758
|
-
control: Control<
|
|
772
|
+
control: Control<FieldValues>;
|
|
759
773
|
errors?: Record<string, unknown>;
|
|
760
774
|
className?: string;
|
|
761
775
|
enabledControllers?: string[];
|
|
@@ -768,7 +782,7 @@ type LocaleInputTextProps = {
|
|
|
768
782
|
label?: string;
|
|
769
783
|
required?: boolean;
|
|
770
784
|
field: string;
|
|
771
|
-
register: UseFormRegister<
|
|
785
|
+
register: UseFormRegister<FieldValues>;
|
|
772
786
|
errors?: Record<string, unknown>;
|
|
773
787
|
placeholder?: string;
|
|
774
788
|
className?: string;
|
|
@@ -780,7 +794,7 @@ type LocaleInputTextareaProps = {
|
|
|
780
794
|
label?: string;
|
|
781
795
|
required?: boolean;
|
|
782
796
|
field: string;
|
|
783
|
-
register: UseFormRegister<
|
|
797
|
+
register: UseFormRegister<FieldValues>;
|
|
784
798
|
errors?: Record<string, unknown>;
|
|
785
799
|
placeholder?: string;
|
|
786
800
|
className?: string;
|
|
@@ -913,32 +927,6 @@ type RichTextInputProps = {
|
|
|
913
927
|
};
|
|
914
928
|
declare function RichTextInput(props: RichTextInputProps): react_jsx_runtime.JSX.Element;
|
|
915
929
|
|
|
916
|
-
type SpotlightItem = {
|
|
917
|
-
id: string;
|
|
918
|
-
title: string;
|
|
919
|
-
icon?: React$1.ReactNode;
|
|
920
|
-
shortcut?: string;
|
|
921
|
-
onSelect?: () => void;
|
|
922
|
-
};
|
|
923
|
-
type SpotlightGroup = {
|
|
924
|
-
heading: string;
|
|
925
|
-
items: SpotlightItem[];
|
|
926
|
-
};
|
|
927
|
-
type SpotlightSearchProps = {
|
|
928
|
-
groups?: SpotlightGroup[];
|
|
929
|
-
placeholder?: string;
|
|
930
|
-
emptyMessage?: string;
|
|
931
|
-
className?: string;
|
|
932
|
-
triggerClassName?: string;
|
|
933
|
-
onSearch?: (query: string) => void;
|
|
934
|
-
};
|
|
935
|
-
declare function SpotlightSearch({ groups, placeholder, emptyMessage, className, triggerClassName, onSearch, }: SpotlightSearchProps): react_jsx_runtime.JSX.Element;
|
|
936
|
-
|
|
937
|
-
type ThemeToggleProps = {
|
|
938
|
-
className?: string;
|
|
939
|
-
};
|
|
940
|
-
declare function ThemeToggle({ className }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
|
|
941
|
-
|
|
942
930
|
type DateTimePickerPreset = {
|
|
943
931
|
value: Date;
|
|
944
932
|
label: string;
|
|
@@ -962,6 +950,11 @@ interface DateTimePickerProps {
|
|
|
962
950
|
dropdownType?: 'popover' | 'modal';
|
|
963
951
|
'aria-label'?: string;
|
|
964
952
|
className?: string;
|
|
953
|
+
/**
|
|
954
|
+
* When true, date/time changes update the value immediately.
|
|
955
|
+
* When false (default), changes apply only when OK is pressed.
|
|
956
|
+
*/
|
|
957
|
+
live?: boolean;
|
|
965
958
|
}
|
|
966
959
|
type View = 'days' | 'months' | 'years';
|
|
967
960
|
type CalendarType = 'GC' | 'EC';
|
|
@@ -976,6 +969,152 @@ interface CalendarCell {
|
|
|
976
969
|
isSelected: boolean;
|
|
977
970
|
}
|
|
978
971
|
|
|
972
|
+
type ScheduleEventColor = 'blue' | 'pink' | 'purple' | 'orange' | 'green';
|
|
973
|
+
type ScheduleEventData = {
|
|
974
|
+
id: string | number;
|
|
975
|
+
title: string;
|
|
976
|
+
start: string | Date;
|
|
977
|
+
end: string | Date;
|
|
978
|
+
color?: ScheduleEventColor;
|
|
979
|
+
allDay?: boolean;
|
|
980
|
+
};
|
|
981
|
+
type CalendarEventColor = ScheduleEventColor;
|
|
982
|
+
type CalendarEvent = {
|
|
983
|
+
id: string | number;
|
|
984
|
+
title: string;
|
|
985
|
+
start: string;
|
|
986
|
+
end: string;
|
|
987
|
+
color: ScheduleEventColor;
|
|
988
|
+
allDay?: boolean;
|
|
989
|
+
};
|
|
990
|
+
type ScheduleEvent = ScheduleEventData;
|
|
991
|
+
type ScheduleView = 'day' | 'week' | 'month';
|
|
992
|
+
type ScheduleViewLevel = ScheduleView;
|
|
993
|
+
type ScheduleLayout = 'default' | 'responsive';
|
|
994
|
+
type ScheduleMode = 'default' | 'static';
|
|
995
|
+
type ScheduleLabels = {
|
|
996
|
+
today: string;
|
|
997
|
+
addEvent: string;
|
|
998
|
+
dayView: string;
|
|
999
|
+
weekView: string;
|
|
1000
|
+
monthView: string;
|
|
1001
|
+
};
|
|
1002
|
+
type ScheduleControls = {
|
|
1003
|
+
showHeader: boolean;
|
|
1004
|
+
showCalendarTypeSwitch: boolean;
|
|
1005
|
+
showViewSwitch: boolean;
|
|
1006
|
+
showSearchButton: boolean;
|
|
1007
|
+
showAddEventButton: boolean;
|
|
1008
|
+
};
|
|
1009
|
+
type DayViewProps = {
|
|
1010
|
+
startTime?: string;
|
|
1011
|
+
endTime?: string;
|
|
1012
|
+
intervalMinutes?: number;
|
|
1013
|
+
};
|
|
1014
|
+
type WeekViewProps = {
|
|
1015
|
+
startTime?: string;
|
|
1016
|
+
endTime?: string;
|
|
1017
|
+
intervalMinutes?: number;
|
|
1018
|
+
};
|
|
1019
|
+
type MonthViewProps = {
|
|
1020
|
+
firstDayOfWeek?: number;
|
|
1021
|
+
weekendDays?: number[];
|
|
1022
|
+
};
|
|
1023
|
+
type YearViewProps = {
|
|
1024
|
+
firstDayOfWeek?: number;
|
|
1025
|
+
weekendDays?: number[];
|
|
1026
|
+
};
|
|
1027
|
+
type MobileMonthViewProps = {
|
|
1028
|
+
firstDayOfWeek?: number;
|
|
1029
|
+
weekendDays?: number[];
|
|
1030
|
+
};
|
|
1031
|
+
type ScheduleProps = {
|
|
1032
|
+
events: ScheduleEventData[];
|
|
1033
|
+
date?: string | Date;
|
|
1034
|
+
defaultDate?: string | Date;
|
|
1035
|
+
defaultMonth?: Date;
|
|
1036
|
+
defaultView?: ScheduleViewLevel;
|
|
1037
|
+
view?: ScheduleViewLevel;
|
|
1038
|
+
onViewChange?: (view: ScheduleViewLevel) => void;
|
|
1039
|
+
defaultCalendarType?: CalendarType;
|
|
1040
|
+
calendarType?: CalendarType;
|
|
1041
|
+
onCalendarTypeChange?: (calendarType: CalendarType) => void;
|
|
1042
|
+
onDateChange?: (date: string) => void;
|
|
1043
|
+
labels?: Partial<ScheduleLabels>;
|
|
1044
|
+
controls?: Partial<ScheduleControls>;
|
|
1045
|
+
layout?: ScheduleLayout;
|
|
1046
|
+
mode?: ScheduleMode;
|
|
1047
|
+
locale?: string;
|
|
1048
|
+
radius?: number | string;
|
|
1049
|
+
recurrenceExpansionLimit?: number;
|
|
1050
|
+
onSearchClick?: () => void;
|
|
1051
|
+
onAddEventClick?: () => void;
|
|
1052
|
+
onEventClick?: (event: ScheduleEventData, e?: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void;
|
|
1053
|
+
onDayClick?: (date: string, event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void;
|
|
1054
|
+
onTimeSlotClick?: (data: {
|
|
1055
|
+
slotStart: string;
|
|
1056
|
+
slotEnd: string;
|
|
1057
|
+
nativeEvent: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>;
|
|
1058
|
+
}) => void;
|
|
1059
|
+
onAllDaySlotClick?: (date: string, event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void;
|
|
1060
|
+
withDragSlotSelect?: boolean;
|
|
1061
|
+
withEventResize?: boolean;
|
|
1062
|
+
withEventsDragAndDrop?: boolean;
|
|
1063
|
+
canDragEvent?: (event: ScheduleEventData) => boolean;
|
|
1064
|
+
canResizeEvent?: (event: ScheduleEventData) => boolean;
|
|
1065
|
+
onEventDragStart?: (event: ScheduleEventData) => void;
|
|
1066
|
+
onEventDragEnd?: () => void;
|
|
1067
|
+
onEventDrop?: (data: {
|
|
1068
|
+
eventId: string | number;
|
|
1069
|
+
newStart: string;
|
|
1070
|
+
newEnd: string;
|
|
1071
|
+
event: ScheduleEventData;
|
|
1072
|
+
}) => void;
|
|
1073
|
+
onEventResize?: (data: {
|
|
1074
|
+
eventId: string | number;
|
|
1075
|
+
newStart: string;
|
|
1076
|
+
newEnd: string;
|
|
1077
|
+
event: ScheduleEventData;
|
|
1078
|
+
}) => void;
|
|
1079
|
+
onExternalEventDrop?: (dataTransfer: DataTransfer, dropDateTime: string) => void;
|
|
1080
|
+
onSlotDragEnd?: (rangeStart: string, rangeEnd: string) => void;
|
|
1081
|
+
renderEventBody?: (event: ScheduleEventData) => ReactNode;
|
|
1082
|
+
dayViewProps?: Partial<DayViewProps>;
|
|
1083
|
+
weekViewProps?: Partial<WeekViewProps>;
|
|
1084
|
+
monthViewProps?: Partial<MonthViewProps>;
|
|
1085
|
+
yearViewProps?: Partial<YearViewProps>;
|
|
1086
|
+
mobileMonthViewProps?: Partial<MobileMonthViewProps>;
|
|
1087
|
+
className?: string;
|
|
1088
|
+
};
|
|
1089
|
+
|
|
1090
|
+
declare function Schedule({ events, date, defaultDate, defaultMonth, defaultView, view: controlledView, onViewChange, defaultCalendarType, calendarType: controlledCalendarType, onCalendarTypeChange, onDateChange, onSearchClick, onAddEventClick, onEventClick, labels: labelsProp, controls: controlsProp, className, }: ScheduleProps): react_jsx_runtime.JSX.Element;
|
|
1091
|
+
|
|
1092
|
+
type SpotlightItem = {
|
|
1093
|
+
id: string;
|
|
1094
|
+
title: string;
|
|
1095
|
+
icon?: React$1.ReactNode;
|
|
1096
|
+
shortcut?: string;
|
|
1097
|
+
onSelect?: () => void;
|
|
1098
|
+
};
|
|
1099
|
+
type SpotlightGroup = {
|
|
1100
|
+
heading: string;
|
|
1101
|
+
items: SpotlightItem[];
|
|
1102
|
+
};
|
|
1103
|
+
type SpotlightSearchProps = {
|
|
1104
|
+
groups?: SpotlightGroup[];
|
|
1105
|
+
placeholder?: string;
|
|
1106
|
+
emptyMessage?: string;
|
|
1107
|
+
className?: string;
|
|
1108
|
+
triggerClassName?: string;
|
|
1109
|
+
onSearch?: (query: string) => void;
|
|
1110
|
+
};
|
|
1111
|
+
declare function SpotlightSearch({ groups, placeholder, emptyMessage, className, triggerClassName, onSearch, }: SpotlightSearchProps): react_jsx_runtime.JSX.Element;
|
|
1112
|
+
|
|
1113
|
+
type ThemeToggleProps = {
|
|
1114
|
+
className?: string;
|
|
1115
|
+
};
|
|
1116
|
+
declare function ThemeToggle({ className }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
|
|
1117
|
+
|
|
979
1118
|
type DatePickerType = 'default' | 'multiple' | 'range';
|
|
980
1119
|
type DatePickerPreset = {
|
|
981
1120
|
/** Single date or [start, end] tuple for range presets. */
|
|
@@ -1162,8 +1301,10 @@ interface DatePickerContentProps {
|
|
|
1162
1301
|
isDateInRange: (date: Date) => boolean;
|
|
1163
1302
|
isRangeStart: (date: Date) => boolean;
|
|
1164
1303
|
isRangeEnd: (date: Date) => boolean;
|
|
1304
|
+
/** When set (e.g. popover input), shows OK on the right to dismiss. */
|
|
1305
|
+
onConfirm?: () => void;
|
|
1165
1306
|
}
|
|
1166
|
-
declare function DatePickerContent({ view, calendarType, cells, years, decadeStart, ecViewYear, gcViewYear, primaryDate, hasRange, hideOutsideDates, hideWeekdays, firstDayOfWeek, withWeekNumbers, weekendDays, prevDisabled, nextDisabled, isDayDisabled, renderDay, getDayProps, static: isStatic, headerLabel, presets, onPresetClick, onPrev, onNext, onHeaderClick, onDayClick, onDayHover, onGridMouseLeave, onMonthSelect, onYearSelect, onCalendarTypeChange, isDateSelected, isDateInRange, isRangeStart, isRangeEnd, }: DatePickerContentProps): react_jsx_runtime.JSX.Element;
|
|
1307
|
+
declare function DatePickerContent({ view, calendarType, cells, years, decadeStart, ecViewYear, gcViewYear, primaryDate, hasRange, hideOutsideDates, hideWeekdays, firstDayOfWeek, withWeekNumbers, weekendDays, prevDisabled, nextDisabled, isDayDisabled, renderDay, getDayProps, static: isStatic, headerLabel, presets, onPresetClick, onPrev, onNext, onHeaderClick, onDayClick, onDayHover, onGridMouseLeave, onMonthSelect, onYearSelect, onCalendarTypeChange, isDateSelected, isDateInRange, isRangeStart, isRangeEnd, onConfirm, }: DatePickerContentProps): react_jsx_runtime.JSX.Element;
|
|
1167
1308
|
|
|
1168
1309
|
type DatePickerInputType = 'default' | 'multiple' | 'range';
|
|
1169
1310
|
type DatePickerInputFormatter = (opts: {
|
|
@@ -1212,6 +1353,11 @@ interface DatePickerInputBaseProps {
|
|
|
1212
1353
|
renderDay?: (date: Date) => ReactNode;
|
|
1213
1354
|
'aria-label'?: string;
|
|
1214
1355
|
className?: string;
|
|
1356
|
+
/**
|
|
1357
|
+
* When true, selection updates the value immediately.
|
|
1358
|
+
* When false (default), value updates only on OK.
|
|
1359
|
+
*/
|
|
1360
|
+
live?: boolean;
|
|
1215
1361
|
}
|
|
1216
1362
|
type DatePickerInputProps = (DatePickerInputBaseProps & {
|
|
1217
1363
|
type?: 'default';
|
|
@@ -1308,10 +1454,19 @@ interface DateInputShellProps {
|
|
|
1308
1454
|
onClear: () => void;
|
|
1309
1455
|
/** Extra class on the dropdown (popover/dialog content). */
|
|
1310
1456
|
dropdownClassName?: string;
|
|
1457
|
+
/** Right section inside trigger (e.g. clock icon to open dropdown) */
|
|
1458
|
+
rightSection?: ReactNode;
|
|
1459
|
+
/** Popover positioning: side, align. Passed to PopoverContent. */
|
|
1460
|
+
popoverProps?: {
|
|
1461
|
+
side?: 'top' | 'bottom' | 'left' | 'right';
|
|
1462
|
+
align?: 'start' | 'center' | 'end';
|
|
1463
|
+
/** Dropdown width: 'target' = match trigger width, or CSS value */
|
|
1464
|
+
width?: 'target' | string;
|
|
1465
|
+
};
|
|
1311
1466
|
children: ReactNode;
|
|
1312
1467
|
buttonRef?: Ref<HTMLButtonElement>;
|
|
1313
1468
|
}
|
|
1314
|
-
declare function DateInputShell({ label, placeholder, description, error, required, withAsterisk, disabled, clearable, size, radius, dropdownType, variant, leftSection, leftSectionPointerEvents, 'aria-label': ariaLabel, className, displayValue, hasValue, open, onOpenChange, contentSide, triggerRef, onClear, dropdownClassName, children, buttonRef, }: DateInputShellProps): react_jsx_runtime.JSX.Element;
|
|
1469
|
+
declare function DateInputShell({ label, placeholder, description, error, required, withAsterisk, disabled, clearable, size, radius, dropdownType, variant, leftSection, leftSectionPointerEvents, 'aria-label': ariaLabel, className, displayValue, hasValue, open, onOpenChange, contentSide, triggerRef, onClear, dropdownClassName, popoverProps, rightSection, children, buttonRef, }: DateInputShellProps): react_jsx_runtime.JSX.Element;
|
|
1315
1470
|
|
|
1316
1471
|
/** Plain text field for date entry (used inside DateTimePicker time flows). For popover + calendar, use `DateInput` from `@mesob/ui/components`. */
|
|
1317
1472
|
type TextDateInputProps = {
|
|
@@ -1328,41 +1483,92 @@ type TextDateInputProps = {
|
|
|
1328
1483
|
};
|
|
1329
1484
|
declare function TextDateInput({ value, onChange, format, parse, placeholder, disabled, className, 'aria-label': ariaLabel, }: TextDateInputProps): react_jsx_runtime.JSX.Element;
|
|
1330
1485
|
|
|
1486
|
+
type TimeGridSimpleGridProps = {
|
|
1487
|
+
/** Number of columns, or responsive: { base: 1, sm: 2, md: 3 } */
|
|
1488
|
+
cols?: number | {
|
|
1489
|
+
base?: number;
|
|
1490
|
+
sm?: number;
|
|
1491
|
+
md?: number;
|
|
1492
|
+
lg?: number;
|
|
1493
|
+
};
|
|
1494
|
+
spacing?: 'xs' | 'sm' | 'md' | 'lg';
|
|
1495
|
+
};
|
|
1331
1496
|
type TimeGridProps = {
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
/**
|
|
1497
|
+
/** Array of time values in 24h format (HH:mm or HH:mm:ss). Use getTimeRange to generate. Omit to use stepMinutes/minHour/maxHour. */
|
|
1498
|
+
data?: string[];
|
|
1499
|
+
/** Selected value (time string) */
|
|
1500
|
+
value?: string | null;
|
|
1501
|
+
/** Called when selection changes */
|
|
1502
|
+
onChange?: (value: string | null) => void;
|
|
1503
|
+
/** Default value for uncontrolled */
|
|
1504
|
+
defaultValue?: string | null;
|
|
1505
|
+
/** 12h or 24h display format. @default '24h' */
|
|
1506
|
+
format?: '12h' | '24h';
|
|
1507
|
+
/** Include seconds in display. @default false */
|
|
1508
|
+
withSeconds?: boolean;
|
|
1509
|
+
/** Custom AM/PM labels when format is 12h */
|
|
1510
|
+
amPmLabels?: {
|
|
1511
|
+
am: string;
|
|
1512
|
+
pm: string;
|
|
1513
|
+
};
|
|
1514
|
+
/** Min time (24h). Slots before this are disabled. */
|
|
1515
|
+
minTime?: string;
|
|
1516
|
+
/** Max time (24h). Slots after this are disabled. */
|
|
1517
|
+
maxTime?: string;
|
|
1518
|
+
/** Disabled time slots */
|
|
1519
|
+
disableTime?: string[];
|
|
1520
|
+
/** Allow deselecting by clicking selected slot. @default false */
|
|
1521
|
+
allowDeselect?: boolean;
|
|
1522
|
+
/** Disable all slots. @default false */
|
|
1523
|
+
disabled?: boolean;
|
|
1524
|
+
/** Button size */
|
|
1525
|
+
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
1526
|
+
/** Button radius */
|
|
1527
|
+
radius?: 'xs' | 'sm' | 'md' | 'lg';
|
|
1528
|
+
/** Grid layout */
|
|
1529
|
+
simpleGridProps?: TimeGridSimpleGridProps;
|
|
1530
|
+
/** Legacy: build data from step/min/max when data not provided */
|
|
1335
1531
|
stepMinutes?: number;
|
|
1336
|
-
/** @default 0 */
|
|
1337
1532
|
minHour?: number;
|
|
1338
|
-
/** @default 24 */
|
|
1339
1533
|
maxHour?: number;
|
|
1340
|
-
/** Base date for building time slots (only date part used). @default today */
|
|
1341
|
-
baseDate?: Date;
|
|
1342
1534
|
className?: string;
|
|
1343
1535
|
};
|
|
1344
|
-
declare function TimeGrid({ value, onChange, stepMinutes, minHour, maxHour,
|
|
1536
|
+
declare function TimeGrid({ data: dataProp, value: controlledValue, onChange, defaultValue, format, withSeconds, amPmLabels, minTime, maxTime, disableTime, allowDeselect, disabled, size, radius, simpleGridProps, stepMinutes, minHour, maxHour, className, }: TimeGridProps): react_jsx_runtime.JSX.Element;
|
|
1345
1537
|
|
|
1346
1538
|
type TimeInputProps = {
|
|
1347
1539
|
value: Date | null;
|
|
1348
1540
|
onChange?: (date: Date | null) => void;
|
|
1349
1541
|
withSeconds?: boolean;
|
|
1542
|
+
/** 12-hour format with AM/PM, or 24-hour format. @default '24h' */
|
|
1543
|
+
format?: '12h' | '24h';
|
|
1350
1544
|
disabled?: boolean;
|
|
1351
1545
|
/** @default today */
|
|
1352
1546
|
baseDate?: Date;
|
|
1547
|
+
/** Left section (e.g. clock icon) */
|
|
1548
|
+
leftSection?: React.ReactNode;
|
|
1549
|
+
/** Right section (e.g. button to show browser picker) */
|
|
1550
|
+
rightSection?: React.ReactNode;
|
|
1551
|
+
label?: string;
|
|
1353
1552
|
className?: string;
|
|
1354
1553
|
'aria-label'?: string;
|
|
1355
1554
|
};
|
|
1356
|
-
declare
|
|
1555
|
+
declare const TimeInput: React$1.ForwardRefExoticComponent<TimeInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
1357
1556
|
|
|
1358
1557
|
type TimeValueProps = {
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
format
|
|
1558
|
+
/** Time as Date or string (HH:mm or HH:mm:ss) */
|
|
1559
|
+
value: Date | string;
|
|
1560
|
+
/** 12h or 24h format. @default '24h' */
|
|
1561
|
+
format?: '12h' | '24h';
|
|
1562
|
+
/** Include seconds in output. @default false */
|
|
1362
1563
|
withSeconds?: boolean;
|
|
1564
|
+
/** Custom AM/PM labels when format is 12h */
|
|
1565
|
+
amPmLabels?: {
|
|
1566
|
+
am: string;
|
|
1567
|
+
pm: string;
|
|
1568
|
+
};
|
|
1363
1569
|
className?: string;
|
|
1364
1570
|
};
|
|
1365
|
-
declare function TimeValue({ value, format, withSeconds, className, }: TimeValueProps): react_jsx_runtime.JSX.Element;
|
|
1571
|
+
declare function TimeValue({ value, format, withSeconds, amPmLabels, className, }: TimeValueProps): react_jsx_runtime.JSX.Element;
|
|
1366
1572
|
|
|
1367
1573
|
interface DateTimeTriggerButtonProps {
|
|
1368
1574
|
displayValue: string | null;
|
|
@@ -1377,6 +1583,8 @@ interface DateTimeTriggerButtonProps {
|
|
|
1377
1583
|
leftSection?: ReactNode;
|
|
1378
1584
|
leftSectionPointerEvents?: 'none' | 'auto';
|
|
1379
1585
|
'aria-label'?: string;
|
|
1586
|
+
/** Right section (e.g. clock icon) */
|
|
1587
|
+
rightSection?: React.ReactNode;
|
|
1380
1588
|
}
|
|
1381
1589
|
declare const DateTimeTriggerButton: React$1.ForwardRefExoticComponent<DateTimeTriggerButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1382
1590
|
|
|
@@ -1459,8 +1667,9 @@ interface MonthPickerContentProps {
|
|
|
1459
1667
|
isMonthInRange: (monthIndex: number) => boolean;
|
|
1460
1668
|
isRangeStart: (monthIndex: number) => boolean;
|
|
1461
1669
|
isRangeEnd: (monthIndex: number) => boolean;
|
|
1670
|
+
onConfirm?: () => void;
|
|
1462
1671
|
}
|
|
1463
|
-
declare function MonthPickerContent({ view, calendarType, years, decadeStart, ecViewYear: _ecViewYear, gcViewYear: _gcViewYear, primaryDate, hasRange, headerLabel, onPrev, onNext, onHeaderClick, onMonthClick, onMonthHover, onGridMouseLeave, onYearSelect, onCalendarTypeChange, isMonthSelected, isMonthInRange, isRangeStart, isRangeEnd, }: MonthPickerContentProps): react_jsx_runtime.JSX.Element;
|
|
1672
|
+
declare function MonthPickerContent({ view, calendarType, years, decadeStart, ecViewYear: _ecViewYear, gcViewYear: _gcViewYear, primaryDate, hasRange, headerLabel, onPrev, onNext, onHeaderClick, onMonthClick, onMonthHover, onGridMouseLeave, onYearSelect, onCalendarTypeChange, isMonthSelected, isMonthInRange, isRangeStart, isRangeEnd, onConfirm, }: MonthPickerContentProps): react_jsx_runtime.JSX.Element;
|
|
1464
1673
|
|
|
1465
1674
|
type MonthPickerInputType = 'default' | 'multiple' | 'range';
|
|
1466
1675
|
type MonthPickerInputFormatter = (opts: {
|
|
@@ -1490,6 +1699,11 @@ interface MonthPickerInputBaseProps {
|
|
|
1490
1699
|
maxLevel?: 'year' | 'decade';
|
|
1491
1700
|
'aria-label'?: string;
|
|
1492
1701
|
className?: string;
|
|
1702
|
+
/**
|
|
1703
|
+
* When true, selection updates the value immediately.
|
|
1704
|
+
* When false (default), value updates only on OK.
|
|
1705
|
+
*/
|
|
1706
|
+
live?: boolean;
|
|
1493
1707
|
}
|
|
1494
1708
|
type MonthPickerInputProps = (MonthPickerInputBaseProps & {
|
|
1495
1709
|
type?: 'default';
|
|
@@ -1511,11 +1725,68 @@ type MonthPickerInputProps = (MonthPickerInputBaseProps & {
|
|
|
1511
1725
|
|
|
1512
1726
|
declare const MonthPickerInput: React$1.ForwardRefExoticComponent<MonthPickerInputProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1513
1727
|
|
|
1728
|
+
type GetTimeRangeOptions = {
|
|
1729
|
+
/** Start time (alias: from) */
|
|
1730
|
+
startTime?: string;
|
|
1731
|
+
/** End time (alias: to) */
|
|
1732
|
+
endTime?: string;
|
|
1733
|
+
/** Interval between slots (alias: step) */
|
|
1734
|
+
interval?: string;
|
|
1735
|
+
/** Alias for startTime */
|
|
1736
|
+
from?: string;
|
|
1737
|
+
/** Alias for endTime */
|
|
1738
|
+
to?: string;
|
|
1739
|
+
/** Alias for interval */
|
|
1740
|
+
step?: string;
|
|
1741
|
+
/** Output format. @default 'HH:mm' when interval has no seconds, else 'HH:mm:ss' */
|
|
1742
|
+
withSeconds?: boolean;
|
|
1743
|
+
};
|
|
1744
|
+
/**
|
|
1745
|
+
* Generate a range of time values. Accepts start, end and interval in "HH:mm" or "HH:mm:ss" format.
|
|
1746
|
+
* @example
|
|
1747
|
+
* getTimeRange({ startTime: '10:00', endTime: '21:00', interval: '01:00' })
|
|
1748
|
+
* // ['10:00', '11:00', '12:00', ...]
|
|
1749
|
+
* getTimeRange({ from: '09:00', to: '14:00', step: '01:00' })
|
|
1750
|
+
* // ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00']
|
|
1751
|
+
*/
|
|
1752
|
+
declare function getTimeRange(options: GetTimeRangeOptions): string[];
|
|
1753
|
+
|
|
1754
|
+
type TimePickerPreset = string | {
|
|
1755
|
+
label: string;
|
|
1756
|
+
values: string[];
|
|
1757
|
+
};
|
|
1514
1758
|
type TimePickerProps = {
|
|
1515
1759
|
value?: Date | null;
|
|
1516
1760
|
defaultValue?: Date | null;
|
|
1517
1761
|
onChange?: (value: Date | null) => void;
|
|
1518
1762
|
withSeconds?: boolean;
|
|
1763
|
+
/** 12-hour format with AM/PM, or 24-hour format. @default '24h' */
|
|
1764
|
+
format?: '12h' | '24h';
|
|
1765
|
+
/** Custom labels for AM/PM when format is 12h */
|
|
1766
|
+
amPmLabels?: {
|
|
1767
|
+
am: string;
|
|
1768
|
+
pm: string;
|
|
1769
|
+
};
|
|
1770
|
+
/** Min time as "HH:mm" or "HH:mm:ss" */
|
|
1771
|
+
min?: string;
|
|
1772
|
+
/** Max time as "HH:mm" or "HH:mm:ss" */
|
|
1773
|
+
max?: string;
|
|
1774
|
+
/** Step for hours (arrow keys). @default 1 */
|
|
1775
|
+
hoursStep?: number;
|
|
1776
|
+
/** Step for minutes (arrow keys). @default 1 */
|
|
1777
|
+
minutesStep?: number;
|
|
1778
|
+
/** Step for seconds (arrow keys). @default 1 */
|
|
1779
|
+
secondsStep?: number;
|
|
1780
|
+
/** Show scrollable columns for hours/minutes/seconds in dropdown (values based on step) */
|
|
1781
|
+
withDropdown?: boolean;
|
|
1782
|
+
/** Time presets: string[] or { label, values }[] for grouped presets */
|
|
1783
|
+
presets?: TimePickerPreset[];
|
|
1784
|
+
/** Controlled dropdown open state */
|
|
1785
|
+
open?: boolean;
|
|
1786
|
+
/** Called when dropdown open state changes */
|
|
1787
|
+
onOpenChange?: (open: boolean) => void;
|
|
1788
|
+
/** Read-only: display value but prevent editing */
|
|
1789
|
+
readOnly?: boolean;
|
|
1519
1790
|
label?: string;
|
|
1520
1791
|
placeholder?: string;
|
|
1521
1792
|
disabled?: boolean;
|
|
@@ -1523,6 +1794,18 @@ type TimePickerProps = {
|
|
|
1523
1794
|
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
1524
1795
|
radius?: 'sm' | 'md' | 'lg' | 'xl';
|
|
1525
1796
|
dropdownType?: 'popover' | 'modal';
|
|
1797
|
+
/** Right section (e.g. clock icon to open dropdown) */
|
|
1798
|
+
rightSection?: React.ReactNode;
|
|
1799
|
+
/** Popover position/width/control. side, align, width, opened, onChange */
|
|
1800
|
+
popoverProps?: {
|
|
1801
|
+
side?: 'top' | 'bottom' | 'left' | 'right';
|
|
1802
|
+
align?: 'start' | 'center' | 'end';
|
|
1803
|
+
width?: 'target' | string;
|
|
1804
|
+
/** Controlled open state (use with onChange) */
|
|
1805
|
+
opened?: boolean;
|
|
1806
|
+
/** Called when popover open state changes */
|
|
1807
|
+
onChange?: (opened: boolean) => void;
|
|
1808
|
+
};
|
|
1526
1809
|
'aria-label'?: string;
|
|
1527
1810
|
className?: string;
|
|
1528
1811
|
valueFormat?: (date: Date) => string;
|
|
@@ -1536,6 +1819,24 @@ type TimePickerContentProps = {
|
|
|
1536
1819
|
timeS: string;
|
|
1537
1820
|
timeFocus: 'h' | 'm' | 's' | null;
|
|
1538
1821
|
withSeconds: boolean;
|
|
1822
|
+
is12h?: boolean;
|
|
1823
|
+
amPm?: 'AM' | 'PM';
|
|
1824
|
+
setAmPm?: (ap: 'AM' | 'PM') => void;
|
|
1825
|
+
amPmLabels?: {
|
|
1826
|
+
am: string;
|
|
1827
|
+
pm: string;
|
|
1828
|
+
};
|
|
1829
|
+
isWithinRange?: (d: Date) => boolean;
|
|
1830
|
+
hoursStep?: number;
|
|
1831
|
+
minutesStep?: number;
|
|
1832
|
+
secondsStep?: number;
|
|
1833
|
+
presets?: TimePickerPreset[];
|
|
1834
|
+
readOnly?: boolean;
|
|
1835
|
+
withDropdown?: boolean;
|
|
1836
|
+
onPresetClick?: (preset: string) => void;
|
|
1837
|
+
onStep?: (field: 'h' | 'm' | 's', delta: 1 | -1) => void;
|
|
1838
|
+
onColumnSelect?: (field: 'h' | 'm' | 's', value: string) => void;
|
|
1839
|
+
onAmPmSelect?: (ap: 'AM' | 'PM') => void;
|
|
1539
1840
|
onTimeFocus: (f: 'h' | 'm' | 's') => void;
|
|
1540
1841
|
onTimeBlur: (field: 'h' | 'm' | 's') => void;
|
|
1541
1842
|
onTimeHChange: (v: string) => void;
|
|
@@ -1544,11 +1845,14 @@ type TimePickerContentProps = {
|
|
|
1544
1845
|
onConfirm: () => void;
|
|
1545
1846
|
};
|
|
1546
1847
|
|
|
1547
|
-
type
|
|
1548
|
-
calendarType: CalendarType;
|
|
1549
|
-
years: number[];
|
|
1848
|
+
type YearPickerView = {
|
|
1550
1849
|
decadeStart: number;
|
|
1850
|
+
years: number[];
|
|
1551
1851
|
headerLabel: string;
|
|
1852
|
+
};
|
|
1853
|
+
type YearPickerContentProps = {
|
|
1854
|
+
calendarType: CalendarType;
|
|
1855
|
+
views: YearPickerView[];
|
|
1552
1856
|
onPrev: () => void;
|
|
1553
1857
|
onNext: () => void;
|
|
1554
1858
|
onYearClick: (y: number) => void;
|
|
@@ -1559,9 +1863,26 @@ type YearPickerContentProps = {
|
|
|
1559
1863
|
isYearInRange: (y: number) => boolean;
|
|
1560
1864
|
isRangeStart: (y: number) => boolean;
|
|
1561
1865
|
isRangeEnd: (y: number) => boolean;
|
|
1866
|
+
canPrev?: boolean;
|
|
1867
|
+
canNext?: boolean;
|
|
1868
|
+
isYearDisabled?: (y: number) => boolean;
|
|
1869
|
+
formatYear?: (y: number) => string;
|
|
1870
|
+
getYearControlProps?: (date: Date) => Record<string, unknown>;
|
|
1871
|
+
yearToDate?: (y: number) => Date;
|
|
1872
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
1873
|
+
onConfirm?: () => void;
|
|
1562
1874
|
};
|
|
1563
1875
|
|
|
1564
|
-
type YearPickerType = 'default' | 'range';
|
|
1876
|
+
type YearPickerType = 'default' | 'range' | 'multiple';
|
|
1877
|
+
type YearPickerSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
1878
|
+
/** Format for year display: YYYY = full year (2024), YY = 2-digit (24) */
|
|
1879
|
+
type YearFormat = 'YYYY' | 'YY';
|
|
1880
|
+
type GetYearControlProps = (date: Date) => {
|
|
1881
|
+
disabled?: boolean;
|
|
1882
|
+
className?: string;
|
|
1883
|
+
style?: React.CSSProperties;
|
|
1884
|
+
[key: string]: unknown;
|
|
1885
|
+
};
|
|
1565
1886
|
interface YearPickerBaseProps {
|
|
1566
1887
|
allowDeselect?: boolean;
|
|
1567
1888
|
/** @default 'GC' */
|
|
@@ -1570,6 +1891,18 @@ interface YearPickerBaseProps {
|
|
|
1570
1891
|
defaultDate?: Date;
|
|
1571
1892
|
date?: Date;
|
|
1572
1893
|
onDateChange?: (date: Date) => void;
|
|
1894
|
+
minDate?: Date;
|
|
1895
|
+
maxDate?: Date;
|
|
1896
|
+
/** Props to add to each year control. Receives year as Date. */
|
|
1897
|
+
getYearControlProps?: GetYearControlProps;
|
|
1898
|
+
/** Number of picker columns (for range type). @default 1 */
|
|
1899
|
+
numberOfColumns?: number;
|
|
1900
|
+
/** @default 'md' */
|
|
1901
|
+
size?: YearPickerSize;
|
|
1902
|
+
/** Format for year display in grid. @default 'YYYY' */
|
|
1903
|
+
yearsListFormat?: YearFormat;
|
|
1904
|
+
/** Format for decade label. @default 'YYYY' */
|
|
1905
|
+
decadeLabelFormat?: YearFormat;
|
|
1573
1906
|
}
|
|
1574
1907
|
type YearPickerProps = (YearPickerBaseProps & {
|
|
1575
1908
|
type?: 'default';
|
|
@@ -1582,14 +1915,19 @@ type YearPickerProps = (YearPickerBaseProps & {
|
|
|
1582
1915
|
defaultValue?: [Date | null, Date | null];
|
|
1583
1916
|
onChange?: (value: [Date | null, Date | null]) => void;
|
|
1584
1917
|
allowSingleDateInRange?: boolean;
|
|
1918
|
+
}) | (YearPickerBaseProps & {
|
|
1919
|
+
type: 'multiple';
|
|
1920
|
+
value?: Date[];
|
|
1921
|
+
defaultValue?: Date[];
|
|
1922
|
+
onChange?: (value: Date[]) => void;
|
|
1585
1923
|
});
|
|
1586
1924
|
|
|
1587
1925
|
declare function YearPicker(props: YearPickerProps): react_jsx_runtime.JSX.Element;
|
|
1588
1926
|
|
|
1589
|
-
type YearPickerInputType = 'default' | 'range';
|
|
1927
|
+
type YearPickerInputType = 'default' | 'range' | 'multiple';
|
|
1590
1928
|
type YearPickerInputFormatter = (opts: {
|
|
1591
1929
|
type: YearPickerInputType;
|
|
1592
|
-
date: Date | null | [Date | null, Date | null];
|
|
1930
|
+
date: Date | null | [Date | null, Date | null] | Date[];
|
|
1593
1931
|
}) => string;
|
|
1594
1932
|
interface YearPickerInputBaseProps {
|
|
1595
1933
|
label?: string;
|
|
@@ -1607,6 +1945,11 @@ interface YearPickerInputBaseProps {
|
|
|
1607
1945
|
allowDeselect?: boolean;
|
|
1608
1946
|
'aria-label'?: string;
|
|
1609
1947
|
className?: string;
|
|
1948
|
+
/**
|
|
1949
|
+
* When true, selection updates the value immediately.
|
|
1950
|
+
* When false (default), value updates only on OK.
|
|
1951
|
+
*/
|
|
1952
|
+
live?: boolean;
|
|
1610
1953
|
}
|
|
1611
1954
|
type YearPickerInputProps = (YearPickerInputBaseProps & {
|
|
1612
1955
|
type?: 'default';
|
|
@@ -1619,6 +1962,11 @@ type YearPickerInputProps = (YearPickerInputBaseProps & {
|
|
|
1619
1962
|
defaultValue?: [Date | null, Date | null];
|
|
1620
1963
|
onChange?: (value: [Date | null, Date | null]) => void;
|
|
1621
1964
|
allowSingleDateInRange?: boolean;
|
|
1965
|
+
}) | (YearPickerInputBaseProps & {
|
|
1966
|
+
type: 'multiple';
|
|
1967
|
+
value?: Date[];
|
|
1968
|
+
defaultValue?: Date[];
|
|
1969
|
+
onChange?: (value: Date[]) => void;
|
|
1622
1970
|
});
|
|
1623
1971
|
|
|
1624
1972
|
declare const YearPickerInput: React$1.ForwardRefExoticComponent<YearPickerInputProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1879,7 +2227,7 @@ declare const THEMES: {
|
|
|
1879
2227
|
readonly dark: ".dark";
|
|
1880
2228
|
};
|
|
1881
2229
|
type ChartConfig = {
|
|
1882
|
-
[
|
|
2230
|
+
[Key in string]: {
|
|
1883
2231
|
label?: React$1.ReactNode;
|
|
1884
2232
|
icon?: React$1.ComponentType;
|
|
1885
2233
|
} & ({
|
|
@@ -3201,4 +3549,4 @@ declare function UnstyledButton({ className, render, ...props }: UnstyledButtonP
|
|
|
3201
3549
|
|
|
3202
3550
|
declare function VisuallyHidden({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
3203
3551
|
|
|
3204
|
-
export { Accordion, AccordionContent, AccordionItem, type AccordionProps, AccordionTrigger, ActionIcon, type ActionIconProps, Affix, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, Anchor, type AnchorProps, AngleSlider, type AngleSliderProps, type AnimatedTabItem, AnimatedTabs, AppBreadcrumbs, AppHeaderActions, AppSidebar, AspectRatio, Avatar, AvatarFallback, AvatarImage, type AvatarProps, BackgroundImage, type BackgroundImageProps, Badge, type BadgeProps, Blockquote, Breadcrumb, BreadcrumbContext, type BreadcrumbContextValue, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemData, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbProvider, BreadcrumbSeparator, Burger, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonLoaderProps, type ButtonProps, Calendar, CalendarDayButton, DisplayTableCaption as Caption, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardSize, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Center, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, type CheckboxProps, Chip, Clarity, CloseButton, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorFormat, ColorInput, ColorPicker, type ColorPickerProps, ColorSwatch, type ColorSwatchProps, Combobox, type ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuPositioner, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CurrencyOption, DataTable, DataTableAction, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, DateCalendar, type DateCalendarProps, DateInput, type DateInputProps, DateInputShell, type DateInputShellProps, type DateParserFn, type DateParserResult, DatePicker, DatePickerContent, type DatePickerContentProps, type DatePickerGetDayPropsResult, DatePickerInput, type DatePickerInputFormatter, type DatePickerInputProps, type DatePickerInputType, type DatePickerPreset, type DatePickerProps, type DatePickerType, type DateTimeDropdownContentProps, DateTimePicker, type DateTimePickerPreset, type DateTimePickerProps, DateTimeTriggerButton, type DateTimeTriggerButtonProps, DeleteConfirmButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisplayTable, type DisplayTableData, type DisplayTableVariant, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonItem, type DropdownButtonItemAction, type DropdownButtonItemLabel, type DropdownButtonItemSeparator, type DropdownButtonProps, type DropdownButtonVariant, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyCardLoading, type EmptyCardLoadingProps, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EntityBulkActions, EntityDetailHeader, EntityDrawer, EntityDrawerTrigger, EntityEmptyState, EntityFilter, EntityFilterState, EntityFormActions, EntityHeader, EntityLoadingState, EntityPageLoading, type EntityPageLoadingProps, type EntityParams, EntitySearch, EntitySearchState, EntitySection, type EntitySectionState, type EntitySectionView, EntitySelector, type EntitySelectorColumn, type EntitySelectorConfig, EntitySelectorModal, type EntitySelectorModalSize, type EntitySelectorProps, EntitySort, EntitySortState, EntityViewToggle, EntityViewToggleState, ErrorPageView, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileButton, FileDropInput, type FileDropInputProps, FileInput, type FileInputProps, FileUpload, type FileUploadPreviewItem, type FileUploadProps, Flex, type FlexProps, FloatingIndicator, type FloatingIndicatorProps, FocusTrap, FocusTrapInitialFocus, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, GridCol, Group, type GroupProps, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, Image, ImageCropDialog, type ImageCropDialogProps, ImageUpload, type ImageUploadProps, Indicator, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputWrapper, type InputWrapperProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, JsonInput, Kbd, KbdGroup, Label, List, ListItem, Loader, type LoaderProps, type LoaderType, LoadingOverlay, type LoadingOverlayProps, LocaleInputRichText, type LocaleInputRichTextProps, LocaleInputText, type LocaleInputTextProps, LocaleInputTextarea, type LocaleInputTextareaProps, LocaleRichText, type LocaleRichTextProps, LocaleText, Mark, type MarkProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarPositioner, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MesobLogo, MiniCalendar, type MiniCalendarDayButtonProps, type MiniCalendarProps, Modal, ModalBody, type ModalBodyProps, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, ModalRoot, type ModalRootProps, ModalSubtitle, type ModalSubtitleProps, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, MoneyInput, type MoneyInputProps, MonthPicker, MonthPickerContent, type MonthPickerContentProps, MonthPickerInput, type MonthPickerInputFormatter, type MonthPickerInputProps, type MonthPickerInputType, type MonthPickerProps, type MonthPickerType, type MonthPickerView, MultiSelect, type MultiSelectOption, NProgress, type NProgressOptions, type NProgressProps, type NProgressState, NativeSelect, NativeSelectBase, type NativeSelectBaseProps, type NativeSelectOption, type NativeSelectProps, type NavItem, NavLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NoDataAvailable, type NoDataAvailableProps, NumberFormatter, NumberInput, type NumberInputProps, Overlay, PageBody, PageContainer, PageGoBack, PageSection, PageSubTitle, PageTitle, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Paper, type PaperProps, PasswordInput, type PasswordInputBaseProps, PasswordInputWithWrapper, type PasswordInputWithWrapperProps, Pill, type PillProps, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PoweredBy, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextDisplay, RichTextEditor, RichTextEditorContent, RichTextEditorControl, RichTextEditorControlsGroup, RichTextEditorToolbar, RichTextInput, RingProgress, STATUS_MENU_SEPARATOR, ScrollArea, ScrollBar, DisplayTableScrollContainer as ScrollContainer, Section, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SemiCircleProgress, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Shell, Sidebar, SidebarContent, SidebarContext, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SimpleGrid, type SimpleGridProps, Skeleton, type SkeletonProps, Slider, Space, type SpaceProps, Spinner, type SpinnerProps, Spoiler, SpotlightSearch, Stack, type StackProps, type StatusConfirmConfig, StatusDropdownButton, type StatusDropdownButtonProps, type StatusOption, type StatusTransitionRow, Step, Stepper, Switch, type SwitchProps, type TabItem, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, type TableOfContentsItem, type TableOfContentsProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, DisplayTableTbody as Tbody, DisplayTableTd as Td, Text, TextDateInput, type TextDateInputProps, TextInput, type TextInputProps, type TextProps, Textarea, type TextareaBaseProps, TextareaInput, type TextareaInputProps, DisplayTableTfoot as Tfoot, DisplayTableTh as Th, DisplayTableThead as Thead, ThemeIcon, type ThemeIconProps, ThemeToggle, TimeGrid, type TimeGridProps, TimeInput, type TimeInputProps, TimePicker, type TimePickerContentProps, type TimePickerProps, TimeValue, type TimeValueProps, Timeline, TimelineContent, TimelineDescription, TimelineDot, TimelineItem, TimelineTime, TimelineTitle, Title, type TitleProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, DisplayTableTr as Tr, Transition, type TransitionName, type TransitionProps, Tree, type TreeNodeData, type TreeProps, UnstyledButton, type UnstyledButtonProps, type UseEntitySectionStateConfig, type ViewOption, VisuallyHidden, YearPicker, type YearPickerContentProps, YearPickerInput, type YearPickerInputFormatter, type YearPickerInputProps, type YearPickerInputType, type YearPickerProps, type YearPickerType, actionIconVariants, addDays, anchorVariants, badgeVariants, blockquoteVariants, burgerVariants, buttonVariants, chipVariants, codeVariants, completeNProgress, configureNProgress, containerVariants, dateToIsoDate, formatDateWithPattern, gridColVariants, gridVariants, incrementNProgress, indicatorVariants, isSameDay, isoDateToDate, listVariants, navLinkVariants, navigationMenuTriggerStyle, parseAnchorDate, parseDateWithPattern, parseLooseDateString, pillVariants, resetNProgress, setNProgress, setNProgressStep, simpleGridVariants, startNProgress, stripTime, tabsListVariants, textVariants, themeIconVariants, titleVariants, toggleVariants, useBreadcrumbs, useEntitySectionState, useFormField, useRichTextEditorContext, useSidebar };
|
|
3552
|
+
export { Accordion, AccordionContent, AccordionItem, type AccordionProps, AccordionTrigger, ActionIcon, type ActionIconProps, Affix, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, Anchor, type AnchorProps, AngleSlider, type AngleSliderProps, type AnimatedTabItem, AnimatedTabs, AppBreadcrumbs, AppHeaderActions, AppSidebar, AspectRatio, Avatar, AvatarFallback, AvatarImage, type AvatarProps, BackgroundImage, type BackgroundImageProps, Badge, type BadgeProps, Blockquote, Breadcrumb, BreadcrumbContext, type BreadcrumbContextValue, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemData, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbProvider, BreadcrumbSeparator, Burger, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonLoaderProps, type ButtonProps, Calendar, CalendarDayButton, type CalendarEvent, type CalendarEventColor, DisplayTableCaption as Caption, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardSize, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Center, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, type CheckboxProps, Chip, Clarity, CloseButton, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorFormat, ColorInput, ColorPicker, type ColorPickerProps, ColorSwatch, type ColorSwatchProps, Combobox, type ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuPositioner, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CurrencyOption, DataTable, DataTableAction, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, DateCalendar, type DateCalendarProps, DateInput, type DateInputProps, DateInputShell, type DateInputShellProps, type DateParserFn, type DateParserResult, DatePicker, DatePickerContent, type DatePickerContentProps, type DatePickerGetDayPropsResult, DatePickerInput, type DatePickerInputFormatter, type DatePickerInputProps, type DatePickerInputType, type DatePickerPreset, type DatePickerProps, type DatePickerType, type DateTimeDropdownContentProps, DateTimePicker, type DateTimePickerPreset, type DateTimePickerProps, DateTimeTriggerButton, type DateTimeTriggerButtonProps, DeleteConfirmButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisplayTable, type DisplayTableData, type DisplayTableVariant, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonItem, type DropdownButtonItemAction, type DropdownButtonItemLabel, type DropdownButtonItemSeparator, type DropdownButtonProps, type DropdownButtonVariant, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyCardLoading, type EmptyCardLoadingProps, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EntityBulkActions, EntityDetailHeader, EntityDrawer, EntityDrawerTrigger, EntityEmptyState, EntityFilter, EntityFilterState, EntityFormActions, EntityHeader, EntityLoadingState, EntityPageLoading, type EntityPageLoadingProps, type EntityParams, EntitySearch, EntitySearchState, EntitySection, type EntitySectionState, type EntitySectionView, EntitySelector, type EntitySelectorColumn, type EntitySelectorConfig, EntitySelectorModal, type EntitySelectorModalSize, type EntitySelectorProps, EntitySort, EntitySortState, type EntityViewItem, type EntityViewPreset, EntityViewToggle, EntityViewToggleState, ErrorPageView, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileButton, FileDropInput, type FileDropInputProps, FileInput, type FileInputProps, FileUpload, type FileUploadPreviewItem, type FileUploadProps, Flex, type FlexProps, FloatingIndicator, type FloatingIndicatorProps, FocusTrap, FocusTrapInitialFocus, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GetYearControlProps, Grid, GridCol, Group, type GroupProps, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, Image, ImageCropDialog, type ImageCropDialogProps, ImageUpload, type ImageUploadProps, Indicator, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputWrapper, type InputWrapperProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, JsonInput, Kbd, KbdGroup, Label, List, ListItem, Loader, type LoaderProps, type LoaderType, LoadingOverlay, type LoadingOverlayProps, LocaleInputRichText, type LocaleInputRichTextProps, LocaleInputText, type LocaleInputTextProps, LocaleInputTextarea, type LocaleInputTextareaProps, LocaleRichText, type LocaleRichTextProps, LocaleText, Mark, type MarkProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarPositioner, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MesobLogo, MiniCalendar, type MiniCalendarDayButtonProps, type MiniCalendarProps, Modal, ModalBody, type ModalBodyProps, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, ModalRoot, type ModalRootProps, ModalSubtitle, type ModalSubtitleProps, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, MoneyInput, type MoneyInputProps, MonthPicker, MonthPickerContent, type MonthPickerContentProps, MonthPickerInput, type MonthPickerInputFormatter, type MonthPickerInputProps, type MonthPickerInputType, type MonthPickerProps, type MonthPickerType, type MonthPickerView, MultiSelect, type MultiSelectOption, NProgress, type NProgressOptions, type NProgressProps, type NProgressState, NativeSelect, NativeSelectBase, type NativeSelectBaseProps, type NativeSelectOption, type NativeSelectProps, type NavItem, NavLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NoDataAvailable, type NoDataAvailableProps, NumberFormatter, NumberInput, type NumberInputProps, Overlay, PageBody, PageContainer, PageGoBack, PageSection, PageSubTitle, PageTitle, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Paper, type PaperProps, PasswordInput, type PasswordInputBaseProps, PasswordInputWithWrapper, type PasswordInputWithWrapperProps, Pill, type PillProps, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PoweredBy, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextDisplay, RichTextEditor, RichTextEditorContent, RichTextEditorControl, RichTextEditorControlsGroup, RichTextEditorToolbar, RichTextInput, RingProgress, STATUS_MENU_SEPARATOR, Schedule, type ScheduleControls, type ScheduleEvent, type ScheduleEventColor, type ScheduleEventData, type ScheduleLabels, type ScheduleLayout, type ScheduleMode, type ScheduleProps, type ScheduleView, type ScheduleViewLevel, ScrollArea, ScrollBar, DisplayTableScrollContainer as ScrollContainer, Section, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SemiCircleProgress, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Shell, Sidebar, SidebarContent, SidebarContext, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SimpleGrid, type SimpleGridProps, Skeleton, type SkeletonProps, Slider, Space, type SpaceProps, Spinner, type SpinnerProps, Spoiler, SpotlightSearch, Stack, type StackProps, type StatusConfirmConfig, StatusDropdownButton, type StatusDropdownButtonProps, type StatusOption, type StatusTransitionRow, Step, Stepper, Switch, type SwitchProps, type TabItem, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, type TableOfContentsItem, type TableOfContentsProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, DisplayTableTbody as Tbody, DisplayTableTd as Td, Text, TextDateInput, type TextDateInputProps, TextInput, type TextInputProps, type TextProps, Textarea, type TextareaBaseProps, TextareaInput, type TextareaInputProps, DisplayTableTfoot as Tfoot, DisplayTableTh as Th, DisplayTableThead as Thead, ThemeIcon, type ThemeIconProps, ThemeToggle, TimeGrid, type TimeGridProps, type TimeGridSimpleGridProps, TimeInput, type TimeInputProps, TimePicker, type TimePickerContentProps, type TimePickerPreset, type TimePickerProps, TimeValue, type TimeValueProps, Timeline, TimelineContent, TimelineDescription, TimelineDot, TimelineItem, TimelineTime, TimelineTitle, Title, type TitleProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, DisplayTableTr as Tr, Transition, type TransitionName, type TransitionProps, Tree, type TreeNodeData, type TreeProps, UnstyledButton, type UnstyledButtonProps, type UseEntitySectionStateConfig, type ViewOption, VisuallyHidden, type YearFormat, YearPicker, type YearPickerContentProps, YearPickerInput, type YearPickerInputFormatter, type YearPickerInputProps, type YearPickerInputType, type YearPickerProps, type YearPickerSize, type YearPickerType, type YearPickerView, actionIconVariants, addDays, anchorVariants, badgeVariants, blockquoteVariants, buildEntityViewItems, burgerVariants, buttonVariants, chipVariants, codeVariants, completeNProgress, configureNProgress, containerVariants, dateToIsoDate, formatDateWithPattern, getTimeRange, gridColVariants, gridVariants, incrementNProgress, indicatorVariants, isSameDay, isoDateToDate, listVariants, navLinkVariants, navigationMenuTriggerStyle, parseAnchorDate, parseDateWithPattern, parseLooseDateString, pillVariants, resetNProgress, setNProgress, setNProgressStep, simpleGridVariants, startNProgress, stripTime, tabsListVariants, textVariants, themeIconVariants, titleVariants, toggleVariants, useBreadcrumbs, useEntitySectionState, useFormField, useRichTextEditorContext, useSidebar };
|