@mlw-packages/react-components 1.7.1 → 1.7.3

package/dist/index.d.mts

@@ -5,7 +5,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import { VariantProps } from 'class-variance-authority';
-import { DayPicker } from 'react-day-picker';
+import { DayPicker, DateRange } from 'react-day-picker';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
@@ -26,6 +26,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { Drawer } from 'vaul';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 
 type ErrorMessageProps = {
     error?: string;
@@ -150,51 +151,6 @@ interface SelectPropsWithGroupItems<T extends string> extends DefaultSelectProps
 type SelectProps<T extends string> = SelectPropsWithItems<T> | SelectPropsWithGroupItems<T>;
 declare function Select<T extends string>({ items, groupItems, placeholder, onChange, error, testIds, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
-interface ChartData {
-    [key: string]: string | number | boolean | null | undefined;
-}
-interface XAxisConfig$1 {
-    dataKey: string;
-    label?: string;
-    formatter?: (value: string | number) => string;
-    autoLabel?: boolean;
-}
-type SeriesProp = {
-    bar?: string[];
-    line?: string[];
-    area?: string[];
-};
-interface ChartProps {
-    data: ChartData[];
-    series?: SeriesProp;
-    className?: string;
-    chartMargin?: Partial<{
-        top: number;
-        right: number;
-        left: number;
-        bottom: number;
-    }>;
-    height?: number;
-    width?: number | string;
-    colors?: string[];
-    gridColor?: string;
-    showGrid?: boolean;
-    showTooltip?: boolean;
-    showLegend?: boolean;
-    title?: string;
-    titlePosition?: "left" | "center" | "right";
-    showLabels?: boolean;
-    labelMap?: Record<string, string>;
-    xAxis?: XAxisConfig$1 | string;
-    enableHighlights?: boolean;
-    enableShowOnly?: boolean;
-    enablePeriodsDropdown?: boolean;
-    enableDraggableTooltips?: boolean;
-    showTooltipTotal?: boolean;
-    maxTooltips?: number;
-}
-declare const Chart: React__default.FC<ChartProps>;
-
 declare const formatFieldName: (fieldName: string) => string;
 declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
 declare const detectXAxis: (data: Record<string, unknown>[]) => string;
@@ -239,7 +195,58 @@ type LabelRendererProps = {
     cx?: number | string;
     cy?: number | string;
 };
-declare const renderPillLabel: (color: string, variant: Variant) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+type valueFormatter = (props: {
+    value: number | string | undefined;
+    formattedValue: string;
+    [key: string]: unknown;
+}) => string;
+declare const renderPillLabel: (color: string, variant: Variant, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+
+interface ChartData {
+    [key: string]: string | number | boolean | null | undefined;
+}
+interface XAxisConfig$1 {
+    dataKey: string;
+    label?: string;
+    valueFormatter?: (value: string | number) => string;
+    autoLabel?: boolean;
+}
+type SeriesProp = {
+    bar?: string[];
+    line?: string[];
+    area?: string[];
+};
+interface ChartProps {
+    data: ChartData[];
+    series?: SeriesProp;
+    className?: string;
+    chartMargin?: Partial<{
+        top: number;
+        right: number;
+        left: number;
+        bottom: number;
+    }>;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    gridColor?: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    title?: string;
+    titlePosition?: "left" | "center" | "right";
+    showLabels?: boolean;
+    labelMap?: Record<string, string>;
+    valueFormatter?: valueFormatter;
+    xAxis?: XAxisConfig$1 | string;
+    enableHighlights?: boolean;
+    enableShowOnly?: boolean;
+    enablePeriodsDropdown?: boolean;
+    enableDraggableTooltips?: boolean;
+    showTooltipTotal?: boolean;
+    maxTooltips?: number;
+}
+declare const Chart: React__default.FC<ChartProps>;
 
 interface BarChartData {
     [key: string]: string | number | boolean | null | undefined;
@@ -247,13 +254,13 @@ interface BarChartData {
 interface XAxisConfig {
     dataKey: string;
     label?: string;
-    formatter?: (value: string | number) => string;
+    valueFormatter?: (value: string | number) => string;
     autoLabel?: boolean;
 }
 interface DataMapper {
     [dataKey: string]: {
         label?: string;
-        formatter?: (value: string | number) => string | number;
+        valueFormatter?: (value: string | number) => string | number;
         color?: string;
         type?: "number" | "string" | "auto";
         visible?: boolean;
@@ -359,7 +366,7 @@ declare const ShowOnly: React__default.FC<Props$3>;
 
 interface MapperEntry {
     label?: string;
-    formatter?: (value: string | number) => string | number;
+    valueFormatter?: (value: string | number) => string | number;
     color?: string;
     type?: string;
     visible?: boolean;
@@ -411,6 +418,7 @@ interface DraggableTooltipProps {
     highlightedSeries?: Set<string>;
     toggleHighlight?: (key: string) => void;
     showOnlyHighlighted?: boolean;
+    valueFormatter?: valueFormatter;
 }
 declare const DraggableTooltip: React__default.NamedExoticComponent<DraggableTooltipProps>;
 
@@ -427,6 +435,7 @@ interface Props$1 {
     finalColors?: Record<string, string>;
     periodLabel?: string;
     totalLabel?: string;
+    valueFormatter?: valueFormatter;
 }
 declare const RechartTooltipWithTotal: React__default.FC<Props$1>;
 
@@ -442,6 +451,7 @@ interface Props {
     label?: string;
     finalColors?: Record<string, string>;
     periodLabel?: string;
+    valueFormatter?: valueFormatter;
 }
 declare const TooltipSimple: React__default.FC<Props>;
 
@@ -1085,6 +1095,135 @@ interface UniversalTooltipRendererProps {
 }
 declare const UniversalTooltipRenderer: React__default.FC<UniversalTooltipRendererProps>;
 
+interface DateTimePickerProps extends ErrorMessageProps {
+    label?: string;
+    date: Date | undefined;
+    onChange: (date: Date | undefined) => void;
+    display?: boolean;
+    hideSeconds?: boolean;
+    hideHour?: boolean;
+    hideMinute?: boolean;
+    fromDate?: Date;
+    toDate?: Date;
+    disabled?: boolean;
+    className?: string;
+    error?: string;
+}
+declare function DateTimePicker({ label, date, onChange, display, hideSeconds, hideHour, hideMinute, fromDate, toDate, disabled, className, error, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
+
+interface RangePickerProps extends ErrorMessageProps {
+    value?: DateRange;
+    onChange?: (range: DateRange | undefined) => void;
+    label?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    error?: string | undefined;
+}
+declare function RangePicker({ value, onChange, label, minDate, maxDate, error, }: RangePickerProps): react_jsx_runtime.JSX.Element;
+declare namespace RangePicker {
+    var displayName: string;
+}
+
+interface TimePickerProps {
+    date: Date | undefined;
+    setDate: (date: Date | undefined) => void;
+    hideSeconds?: boolean;
+    enableButton?: boolean;
+}
+declare function TimePicker({ date, setDate, hideSeconds, enableButton, }: TimePickerProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * regular expression to check for valid hour format (01-23)
+ */
+declare function isValidHour(value: string): boolean;
+/**
+ * regular expression to check for valid 12 hour format (01-12)
+ */
+declare function isValid12Hour(value: string): boolean;
+/**
+ * regular expression to check for valid minute format (00-59)
+ */
+declare function isValidMinuteOrSecond(value: string): boolean;
+type GetValidNumberConfig = {
+    max: number;
+    min?: number;
+    loop?: boolean;
+};
+declare function getValidNumber(value: string, { max, min, loop }: GetValidNumberConfig): string;
+declare function getValidHour(value: string): string;
+declare function getValid12Hour(value: string): string;
+declare function getValidMinuteOrSecond(value: string): string;
+type GetValidArrowNumberConfig = {
+    min: number;
+    max: number;
+    step: number;
+};
+declare function getValidArrowNumber(value: string, { min, max, step }: GetValidArrowNumberConfig): string;
+declare function getValidArrowHour(value: string, step: number): string;
+declare function getValidArrow12Hour(value: string, step: number): string;
+declare function getValidArrowMinuteOrSecond(value: string, step: number): string;
+declare function setMinutes(date: Date, value: string): Date;
+declare function setSeconds(date: Date, value: string): Date;
+declare function setHours(date: Date, value: string): Date;
+declare function set12Hours(date: Date, value: string, period: Period): Date;
+type TimePickerType = "minutes" | "seconds" | "hours" | "12hours";
+type Period = "AM" | "PM";
+declare function setDateByType(date: Date, value: string, type: TimePickerType, period?: Period): Date;
+declare function getDateByType(date: Date, type: TimePickerType): string;
+declare function getArrowByType(value: string, step: number, type: TimePickerType): string;
+/**
+ * handles value change of 12-hour input
+ * 12:00 PM is 12:00
+ * 12:00 AM is 00:00
+ */
+declare function convert12HourTo24Hour(hour: number, period: Period): number;
+/**
+ * time is stored in the 24-hour form,
+ * but needs to be displayed to the user
+ * in its 12-hour representation
+ */
+declare function display12HourValue(hours: number): string;
+
+interface TimePickerInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    picker: TimePickerType;
+    date: Date | undefined;
+    setDate: (date: Date | undefined) => void;
+    period?: Period;
+    onRightFocus?: () => void;
+    onLeftFocus?: () => void;
+    showArrows?: boolean;
+    label?: string;
+    error?: boolean;
+    inputSize?: "sm" | "md" | "lg";
+    enableButton?: boolean;
+    buttonText?: string;
+    buttonIcon?: React__default.ReactNode;
+}
+declare const TimePickerInput: React__default.ForwardRefExoticComponent<TimePickerInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare function ContextMenuBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuTriggerBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuGroupBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuPortalBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSubBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuRadioGroupBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSubTriggerBase({ className, inset, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSubContentBase({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuContentBase({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuItemBase({ className, inset, variant, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuCheckboxItemBase({ className, children, checked, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuRadioItemBase({ className, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuLabelBase({ className, inset, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSeparatorBase({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuShortcutBase({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
 declare function useIsMobile(): boolean;
 
 interface Position {
@@ -1104,4 +1243,4 @@ declare const useDrag: (options?: UseDragOptions) => {
     isDragging: boolean;
 };
 
-export { AddButton, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BackButton, BadgeBase, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPrevious, ChangeButton, Chart, CheckButton, CheckboxBase, CloseAllButton, CloseButton, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, CopyButton, type DebouncedInputProps, DeleteButton, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, EditButton, ErrorMessage, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MoreButton, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NotificationButton, type Padding, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, ViewButton, VisibilityButton, badgeVariants, buttonVariantsBase, compactTick, detectDataFields, detectXAxis, formatFieldName, generateAdditionalColors, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, toast, useChartHighlights, useDrag, useIsMobile, useTheme };
+export { AddButton, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BackButton, BadgeBase, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPrevious, ChangeButton, Chart, CheckButton, CheckboxBase, CloseAllButton, CloseButton, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, type DebouncedInputProps, DeleteButton, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, EditButton, ErrorMessage, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MoreButton, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NotificationButton, type Padding, type Period, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, ViewButton, VisibilityButton, badgeVariants, buttonVariantsBase, compactTick, convert12HourTo24Hour, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, getArrowByType, getDateByType, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, toast, useChartHighlights, useDrag, useIsMobile, useTheme, type valueFormatter };

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import { VariantProps } from 'class-variance-authority';
-import { DayPicker } from 'react-day-picker';
+import { DayPicker, DateRange } from 'react-day-picker';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
@@ -26,6 +26,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { Drawer } from 'vaul';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 
 type ErrorMessageProps = {
     error?: string;
@@ -150,51 +151,6 @@ interface SelectPropsWithGroupItems<T extends string> extends DefaultSelectProps
 type SelectProps<T extends string> = SelectPropsWithItems<T> | SelectPropsWithGroupItems<T>;
 declare function Select<T extends string>({ items, groupItems, placeholder, onChange, error, testIds, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
-interface ChartData {
-    [key: string]: string | number | boolean | null | undefined;
-}
-interface XAxisConfig$1 {
-    dataKey: string;
-    label?: string;
-    formatter?: (value: string | number) => string;
-    autoLabel?: boolean;
-}
-type SeriesProp = {
-    bar?: string[];
-    line?: string[];
-    area?: string[];
-};
-interface ChartProps {
-    data: ChartData[];
-    series?: SeriesProp;
-    className?: string;
-    chartMargin?: Partial<{
-        top: number;
-        right: number;
-        left: number;
-        bottom: number;
-    }>;
-    height?: number;
-    width?: number | string;
-    colors?: string[];
-    gridColor?: string;
-    showGrid?: boolean;
-    showTooltip?: boolean;
-    showLegend?: boolean;
-    title?: string;
-    titlePosition?: "left" | "center" | "right";
-    showLabels?: boolean;
-    labelMap?: Record<string, string>;
-    xAxis?: XAxisConfig$1 | string;
-    enableHighlights?: boolean;
-    enableShowOnly?: boolean;
-    enablePeriodsDropdown?: boolean;
-    enableDraggableTooltips?: boolean;
-    showTooltipTotal?: boolean;
-    maxTooltips?: number;
-}
-declare const Chart: React__default.FC<ChartProps>;
-
 declare const formatFieldName: (fieldName: string) => string;
 declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
 declare const detectXAxis: (data: Record<string, unknown>[]) => string;
@@ -239,7 +195,58 @@ type LabelRendererProps = {
     cx?: number | string;
     cy?: number | string;
 };
-declare const renderPillLabel: (color: string, variant: Variant) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+type valueFormatter = (props: {
+    value: number | string | undefined;
+    formattedValue: string;
+    [key: string]: unknown;
+}) => string;
+declare const renderPillLabel: (color: string, variant: Variant, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+
+interface ChartData {
+    [key: string]: string | number | boolean | null | undefined;
+}
+interface XAxisConfig$1 {
+    dataKey: string;
+    label?: string;
+    valueFormatter?: (value: string | number) => string;
+    autoLabel?: boolean;
+}
+type SeriesProp = {
+    bar?: string[];
+    line?: string[];
+    area?: string[];
+};
+interface ChartProps {
+    data: ChartData[];
+    series?: SeriesProp;
+    className?: string;
+    chartMargin?: Partial<{
+        top: number;
+        right: number;
+        left: number;
+        bottom: number;
+    }>;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    gridColor?: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    title?: string;
+    titlePosition?: "left" | "center" | "right";
+    showLabels?: boolean;
+    labelMap?: Record<string, string>;
+    valueFormatter?: valueFormatter;
+    xAxis?: XAxisConfig$1 | string;
+    enableHighlights?: boolean;
+    enableShowOnly?: boolean;
+    enablePeriodsDropdown?: boolean;
+    enableDraggableTooltips?: boolean;
+    showTooltipTotal?: boolean;
+    maxTooltips?: number;
+}
+declare const Chart: React__default.FC<ChartProps>;
 
 interface BarChartData {
     [key: string]: string | number | boolean | null | undefined;
@@ -247,13 +254,13 @@ interface BarChartData {
 interface XAxisConfig {
     dataKey: string;
     label?: string;
-    formatter?: (value: string | number) => string;
+    valueFormatter?: (value: string | number) => string;
     autoLabel?: boolean;
 }
 interface DataMapper {
     [dataKey: string]: {
         label?: string;
-        formatter?: (value: string | number) => string | number;
+        valueFormatter?: (value: string | number) => string | number;
         color?: string;
         type?: "number" | "string" | "auto";
         visible?: boolean;
@@ -359,7 +366,7 @@ declare const ShowOnly: React__default.FC<Props$3>;
 
 interface MapperEntry {
     label?: string;
-    formatter?: (value: string | number) => string | number;
+    valueFormatter?: (value: string | number) => string | number;
     color?: string;
     type?: string;
     visible?: boolean;
@@ -411,6 +418,7 @@ interface DraggableTooltipProps {
     highlightedSeries?: Set<string>;
     toggleHighlight?: (key: string) => void;
     showOnlyHighlighted?: boolean;
+    valueFormatter?: valueFormatter;
 }
 declare const DraggableTooltip: React__default.NamedExoticComponent<DraggableTooltipProps>;
 
@@ -427,6 +435,7 @@ interface Props$1 {
     finalColors?: Record<string, string>;
     periodLabel?: string;
     totalLabel?: string;
+    valueFormatter?: valueFormatter;
 }
 declare const RechartTooltipWithTotal: React__default.FC<Props$1>;
 
@@ -442,6 +451,7 @@ interface Props {
     label?: string;
     finalColors?: Record<string, string>;
     periodLabel?: string;
+    valueFormatter?: valueFormatter;
 }
 declare const TooltipSimple: React__default.FC<Props>;
 
@@ -1085,6 +1095,135 @@ interface UniversalTooltipRendererProps {
 }
 declare const UniversalTooltipRenderer: React__default.FC<UniversalTooltipRendererProps>;
 
+interface DateTimePickerProps extends ErrorMessageProps {
+    label?: string;
+    date: Date | undefined;
+    onChange: (date: Date | undefined) => void;
+    display?: boolean;
+    hideSeconds?: boolean;
+    hideHour?: boolean;
+    hideMinute?: boolean;
+    fromDate?: Date;
+    toDate?: Date;
+    disabled?: boolean;
+    className?: string;
+    error?: string;
+}
+declare function DateTimePicker({ label, date, onChange, display, hideSeconds, hideHour, hideMinute, fromDate, toDate, disabled, className, error, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
+
+interface RangePickerProps extends ErrorMessageProps {
+    value?: DateRange;
+    onChange?: (range: DateRange | undefined) => void;
+    label?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    error?: string | undefined;
+}
+declare function RangePicker({ value, onChange, label, minDate, maxDate, error, }: RangePickerProps): react_jsx_runtime.JSX.Element;
+declare namespace RangePicker {
+    var displayName: string;
+}
+
+interface TimePickerProps {
+    date: Date | undefined;
+    setDate: (date: Date | undefined) => void;
+    hideSeconds?: boolean;
+    enableButton?: boolean;
+}
+declare function TimePicker({ date, setDate, hideSeconds, enableButton, }: TimePickerProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * regular expression to check for valid hour format (01-23)
+ */
+declare function isValidHour(value: string): boolean;
+/**
+ * regular expression to check for valid 12 hour format (01-12)
+ */
+declare function isValid12Hour(value: string): boolean;
+/**
+ * regular expression to check for valid minute format (00-59)
+ */
+declare function isValidMinuteOrSecond(value: string): boolean;
+type GetValidNumberConfig = {
+    max: number;
+    min?: number;
+    loop?: boolean;
+};
+declare function getValidNumber(value: string, { max, min, loop }: GetValidNumberConfig): string;
+declare function getValidHour(value: string): string;
+declare function getValid12Hour(value: string): string;
+declare function getValidMinuteOrSecond(value: string): string;
+type GetValidArrowNumberConfig = {
+    min: number;
+    max: number;
+    step: number;
+};
+declare function getValidArrowNumber(value: string, { min, max, step }: GetValidArrowNumberConfig): string;
+declare function getValidArrowHour(value: string, step: number): string;
+declare function getValidArrow12Hour(value: string, step: number): string;
+declare function getValidArrowMinuteOrSecond(value: string, step: number): string;
+declare function setMinutes(date: Date, value: string): Date;
+declare function setSeconds(date: Date, value: string): Date;
+declare function setHours(date: Date, value: string): Date;
+declare function set12Hours(date: Date, value: string, period: Period): Date;
+type TimePickerType = "minutes" | "seconds" | "hours" | "12hours";
+type Period = "AM" | "PM";
+declare function setDateByType(date: Date, value: string, type: TimePickerType, period?: Period): Date;
+declare function getDateByType(date: Date, type: TimePickerType): string;
+declare function getArrowByType(value: string, step: number, type: TimePickerType): string;
+/**
+ * handles value change of 12-hour input
+ * 12:00 PM is 12:00
+ * 12:00 AM is 00:00
+ */
+declare function convert12HourTo24Hour(hour: number, period: Period): number;
+/**
+ * time is stored in the 24-hour form,
+ * but needs to be displayed to the user
+ * in its 12-hour representation
+ */
+declare function display12HourValue(hours: number): string;
+
+interface TimePickerInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    picker: TimePickerType;
+    date: Date | undefined;
+    setDate: (date: Date | undefined) => void;
+    period?: Period;
+    onRightFocus?: () => void;
+    onLeftFocus?: () => void;
+    showArrows?: boolean;
+    label?: string;
+    error?: boolean;
+    inputSize?: "sm" | "md" | "lg";
+    enableButton?: boolean;
+    buttonText?: string;
+    buttonIcon?: React__default.ReactNode;
+}
+declare const TimePickerInput: React__default.ForwardRefExoticComponent<TimePickerInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare function ContextMenuBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuTriggerBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuGroupBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuPortalBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSubBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuRadioGroupBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSubTriggerBase({ className, inset, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSubContentBase({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuContentBase({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuItemBase({ className, inset, variant, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuCheckboxItemBase({ className, children, checked, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuRadioItemBase({ className, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuLabelBase({ className, inset, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSeparatorBase({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuShortcutBase({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
 declare function useIsMobile(): boolean;
 
 interface Position {
@@ -1104,4 +1243,4 @@ declare const useDrag: (options?: UseDragOptions) => {
     isDragging: boolean;
 };
 
-export { AddButton, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BackButton, BadgeBase, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPrevious, ChangeButton, Chart, CheckButton, CheckboxBase, CloseAllButton, CloseButton, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, CopyButton, type DebouncedInputProps, DeleteButton, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, EditButton, ErrorMessage, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MoreButton, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NotificationButton, type Padding, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, ViewButton, VisibilityButton, badgeVariants, buttonVariantsBase, compactTick, detectDataFields, detectXAxis, formatFieldName, generateAdditionalColors, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, toast, useChartHighlights, useDrag, useIsMobile, useTheme };
+export { AddButton, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BackButton, BadgeBase, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPrevious, ChangeButton, Chart, CheckButton, CheckboxBase, CloseAllButton, CloseButton, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, type DebouncedInputProps, DeleteButton, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, EditButton, ErrorMessage, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MoreButton, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NotificationButton, type Padding, type Period, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, ViewButton, VisibilityButton, badgeVariants, buttonVariantsBase, compactTick, convert12HourTo24Hour, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, getArrowByType, getDateByType, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, toast, useChartHighlights, useDrag, useIsMobile, useTheme, type valueFormatter };