@majoo-ui/react 1.60.37 → 1.61.0-rc.2

package/components/datePicker/components/CalendarTimePicker.d.ts

@@ -4,6 +4,7 @@ interface CalendarProps {
     disabled?: boolean;
     language?: string;
     onSetDateValue?: Dispatch<SetStateAction<Date[]>>;
+    isSingle?: boolean;
 }
-declare const CalendarTimePicker: ({ selected, disabled, language, onSetDateValue }: CalendarProps) => JSX.Element;
+declare const CalendarTimePicker: ({ selected, disabled, language, onSetDateValue, isSingle }: CalendarProps) => JSX.Element;
 export default CalendarTimePicker;

package/components/form/components/InputSignature/InputSignature.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { CSS } from '@stitches/react';
+interface InputSignatureProps {
+    onChange?: (value: string) => void;
+    title?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    css?: CSS;
+    isMobile?: boolean;
+}
+export declare function InputSignature({ title, onChange, defaultValue, disabled, css, isMobile, }: InputSignatureProps): JSX.Element;
+export default InputSignature;

package/components/form/components/InputSignature/SignatureModal.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface SignatureModalProps {
+    t: any;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onSave?: (signature: string) => void;
+    title?: any;
+    isMobile?: boolean;
+}
+declare const SignatureModal: React.FC<SignatureModalProps>;
+export default SignatureModal;

package/components/form/components/InputSignature/index.d.ts

@@ -0,0 +1,2 @@
+export { default as InputSignature } from './InputSignature';
+export * from './InputSignature';

package/components/form/components/index.d.ts

@@ -23,3 +23,5 @@ export * from './InputCombobox';
 export * from './InputOTP';
 export * from './InputCounter';
 export * from './InputDateRange';
+export { default as InputSignature } from './InputSignature/InputSignature';
+export * from './InputSignature';

package/index.esm.js

@@ -30,7 +30,7 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { useTable, useSortBy, useExpanded, usePagination, useRowSelect, useColumnOrder, useMountedLayoutEffect } from 'react-table';
+import { useMountedLayoutEffect, useTable, useSortBy, useExpanded, usePagination, useRowSelect, useColumnOrder } from 'react-table';
 import ReactDOM, { createPortal } from 'react-dom';
 import * as ADialog from '@radix-ui/react-alert-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -53,6 +53,7 @@ import ScrollSpy from 'react-ui-scrollspy';
 import ReactCrop, { centerCrop, makeAspectCrop } from 'react-image-crop';
 import imageCompressionComponent from 'browser-image-compression';
 import { useSticky } from 'react-table-sticky';
+import SignaturePad from 'react-signature-pad-wrapper';
 
 var _jsxFileName$12 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
 function ThemeProvider({
@@ -8451,7 +8452,7 @@ const InputText = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   }));
 });
 InputText.propTypes = {
-  placeholdren: PropTypes.string,
+  placeholder: PropTypes.string,
   value: PropTypes.string,
   onChange: PropTypes.func,
   disabled: PropTypes.bool,
@@ -8525,7 +8526,7 @@ const InputTextArea = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   }));
 });
 InputTextArea.propTypes = {
-  placeholdren: PropTypes.string,
+  placeholder: PropTypes.string,
   value: PropTypes.string,
   onChange: PropTypes.func,
   disabled: PropTypes.bool,
@@ -18023,14 +18024,18 @@ const CalendarTimePicker = ({
   selected,
   disabled,
   language,
-  onSetDateValue
+  onSetDateValue,
+  isSingle
 }) => {
   const {
     t
   } = useTranslation('MajooUI/datePicker');
   let startTime = moment('00:00', 'HH:mm').toDate();
   let endTime = moment('00:00', 'HH:mm').toDate();
-  if (selected && selected.length > 1) {
+  if (isSingle && selected && selected.length) {
+    startTime = selected[0];
+  }
+  if (!isSingle && selected && selected.length > 1) {
     startTime = selected[0];
     endTime = selected[1];
   }
@@ -18051,7 +18056,7 @@ const CalendarTimePicker = ({
         variant: "label",
         color: "primary"
       }, {
-        children: t('dateFromLabel', 'Dari Tanggal')
+        children: isSingle ? t('label.date', 'Tanggal') : t('dateFromLabel', 'Dari Tanggal')
       }), void 0), jsx(Text$1, Object.assign({
         variant: "label",
         color: "disable"
@@ -18066,53 +18071,55 @@ const CalendarTimePicker = ({
         variant: "label",
         color: "primary"
       }, {
-        children: t('timeFromLabel', 'Dari Pukul')
+        children: isSingle ? t('time', 'Waktu') : t('timeFromLabel', 'Dari Pukul')
       }), void 0), jsx(InputTimePicker, {
         onChange: val => {
-          if (selected && selected.length > 1 && !!onSetDateValue) onSetDateValue([val.toDate(), selected[1]]);
+          if (isSingle && selected && selected.length && !!onSetDateValue) onSetDateValue(val.toDate());else if (selected && selected.length > 1 && !!onSetDateValue) onSetDateValue([val.toDate(), selected[1]]);
         },
         size: "sm",
         value: startTime,
-        disabled: !(selected && selected.length > 1)
+        disabled: isSingle ? !(selected && selected.length) : !(selected && selected.length > 1)
       }, void 0)]
-    }), void 0), jsx(Separator$2, {
-      orientation: "horizontal"
-    }, void 0), jsxs(Flex$1, Object.assign({
-      direction: "column",
-      gap: 3
-    }, {
-      children: [jsx(Text$1, Object.assign({
-        variant: "label",
-        color: "primary"
+    }), void 0), isSingle ? null : jsxs(React__default.Fragment, {
+      children: [jsx(Separator$2, {
+        orientation: "horizontal"
+      }, void 0), jsxs(Flex$1, Object.assign({
+        direction: "column",
+        gap: 3
       }, {
-        children: t('dateUntilLabel', 'Hingga Tanggal')
-      }), void 0), jsx(Text$1, Object.assign({
-        variant: "label",
-        color: "disable"
+        children: [jsx(Text$1, Object.assign({
+          variant: "label",
+          color: "primary"
+        }, {
+          children: t('dateUntilLabel', 'Hingga Tanggal')
+        }), void 0), jsx(Text$1, Object.assign({
+          variant: "label",
+          color: "disable"
+        }, {
+          children: formattedEndDate
+        }), void 0)]
+      }), void 0), jsxs(Flex$1, Object.assign({
+        direction: "column",
+        gap: 3
       }, {
-        children: formattedEndDate
+        children: [jsx(Text$1, Object.assign({
+          variant: "label",
+          color: "primary"
+        }, {
+          children: t('timeUntilLabel', 'Hingga Pukul')
+        }), void 0), jsx(InputTimePicker, {
+          onChange: val => {
+            const endDate = moment(endTime).format('YYYY-MM-DD');
+            const newTime = val.format('HH:mm');
+            const newValue = moment(`${endDate} ${newTime}`, 'YYYY-MM-DD HH:mm').toDate();
+            if (selected && selected.length > 1 && !!onSetDateValue) onSetDateValue([selected[0], newValue]);
+          },
+          size: "sm",
+          value: endTime,
+          disabled: !(selected && selected.length > 1)
+        }, void 0)]
       }), void 0)]
-    }), void 0), jsxs(Flex$1, Object.assign({
-      direction: "column",
-      gap: 3
-    }, {
-      children: [jsx(Text$1, Object.assign({
-        variant: "label",
-        color: "primary"
-      }, {
-        children: t('timeUntilLabel', 'Hingga Pukul')
-      }), void 0), jsx(InputTimePicker, {
-        onChange: val => {
-          const endDate = moment(endTime).format('YYYY-MM-DD');
-          const newTime = val.format('HH:mm');
-          const newValue = moment(`${endDate} ${newTime}`, 'YYYY-MM-DD HH:mm').toDate();
-          if (selected && selected.length > 1 && !!onSetDateValue) onSetDateValue([selected[0], newValue]);
-        },
-        size: "sm",
-        value: endTime,
-        disabled: !(selected && selected.length > 1)
-      }, void 0)]
-    }), void 0)]
+    }, void 0)]
   }), void 0);
 };
 
@@ -18175,17 +18182,22 @@ const WeekdayBox$1 = styled(Box, {
 });
 const CalendarsContainer$1 = styled(Box, {
   width: '100%',
-  padding: '$spacing-03',
   display: 'inline-flex',
   borderRadius: '$lg',
-  boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.12)',
-  backgroundColor: '$white',
   justifyContent: 'center',
   gap: '$spacing-03',
   '@md': {
     width: 'unset'
   }
 });
+const CalenderBoxContainer = styled(Box, {
+  display: 'flex',
+  flexDirection: 'column',
+  boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.12)',
+  borderRadius: '$lg',
+  backgroundColor: '$white',
+  padding: '$spacing-03'
+});
 const CalendarItemContainer$1 = styled(Flex$1, {});
 const DateContainer$1 = styled(Box, {
   width: '100%',
@@ -18258,7 +18270,7 @@ const MonthButton$1 = styled(Text$1, {
     }
   }
 });
-const ButtonTime = styled('button', {
+styled('button', {
   fontWeight: 600,
   fontStyle: 'normal',
   fontSize: 14,
@@ -18654,84 +18666,110 @@ const CalendarBox = ({
     }, void 0);
   };
   const renderTime = () => {
-    return jsxs(Box, Object.assign({
-      css: {
-        padding: 4
-      }
-    }, {
+    return jsxs(Fragment$1, {
       children: [jsx(Separator$2, {
-        css: {
-          my: '$spacing-02'
-        }
-      }, void 0), jsx(ButtonTime, Object.assign({
-        disabled: disabled,
-        onClick: () => setPickerState(current => Object.assign(Object.assign({}, current), {
-          type: TIME_PICKER
-        })),
-        type: "button"
+        orientation: "vertical"
+      }, void 0), jsx(CalendarTimePicker, Object.assign({}, {
+        selected,
+        disabled,
+        language,
+        onSetDateValue
       }, {
-        children: selected && selected[0] ? moment(selected[0]).format('HH:mm') : moment().format('HH:mm')
+        isSingle: !multiDatePicker
       }), void 0)]
-    }), void 0);
+    }, void 0);
   };
-  const renderButtonTime = () => {
+  const renderFooterSingleTimePicker = () => {
     return jsxs(Box, Object.assign({
       css: {
-        padding: 4
+        width: '$full'
       }
     }, {
       children: [jsx(Separator$2, {
         css: {
-          my: '$spacing-02'
+          my: '$spacing-03'
+        }
+      }, void 0), jsx(Flex$1, Object.assign({
+        justify: "end",
+        align: "center",
+        css: {
+          padding: 8
         }
-      }, void 0), jsx(ButtonTime, Object.assign({
-        disabled: disabled,
-        onClick: () => onCancel === null || onCancel === void 0 ? void 0 : onCancel(),
-        type: "button"
       }, {
-        children: "Done"
+        children: jsxs(Flex$1, Object.assign({
+          gap: 3
+        }, {
+          children: [jsx(Button$4, Object.assign({
+            buttonType: "ghost",
+            css: {
+              fontWeight: 600
+            },
+            onClick: onCancel,
+            disabled: disabled,
+            size: "sm",
+            type: "button"
+          }, {
+            children: t('label.cancel', 'Batal', {
+              ns: 'translation'
+            })
+          }), void 0), jsx(Button$4, Object.assign({
+            css: {
+              fontWeight: 600
+            },
+            onClick: onUpdate,
+            disabled: disabled || !(selected && selected.length),
+            size: "sm",
+            type: "button"
+          }, {
+            children: t('label.save', 'Simpan', {
+              ns: 'translation'
+            })
+          }), void 0)]
+        }), void 0)
       }), void 0)]
     }), void 0);
   };
   if (calendars.length) {
-    return jsxs(CalendarsContainer$1, Object.assign({
-      css: containerStyle
-    }, {
-      children: [advanceView, advanceView && jsx(Separator$2, {
-        orientation: "vertical"
-      }, void 0), jsxs(Box, {
-        children: [renderHeader(), jsx(CalendarItemContainer$1, Object.assign({
-          gap: 5
-        }, {
-          children: calendars.map((calendar, index) => jsxs(React__default.Fragment, {
-            children: [index > 0 && jsx(Separator$2, {
-              orientation: "vertical",
-              css: {
-                height: 'auto'
-              }
-            }, void 0), jsxs(DateContainer$1, {
-              children: [jsx(Separator$2, {
+    return jsxs(CalenderBoxContainer, {
+      children: [jsxs(CalendarsContainer$1, Object.assign({
+        css: containerStyle
+      }, {
+        children: [advanceView, advanceView && jsx(Separator$2, {
+          orientation: "vertical"
+        }, void 0), jsxs(Box, {
+          children: [renderHeader(), jsx(CalendarItemContainer$1, Object.assign({
+            gap: 5
+          }, {
+            children: calendars.map((calendar, index) => jsxs(React__default.Fragment, {
+              children: [index > 0 && jsx(Separator$2, {
+                orientation: "vertical",
                 css: {
-                  mb: '$spacing-04',
-                  mt: '$spacing-02'
+                  height: 'auto'
                 }
-              }, void 0), pickerState.type === DATE_PICKER && jsxs(Fragment, {
-                children: [renderWeekLabel(calendar), renderDateNumber(calendar)]
-              }, void 0), pickerState.type === MONTH_PICKER && renderMonthsList(), pickerState.type === YEAR_PICKER && renderYearsList(), pickerState.type === YEAR_RANGE_PICKER && renderYearRangesList(), pickerState.type === TIME_PICKER && renderTimePicker && renderTimePicker()]
-            }, void 0)]
-          }, `${calendar.month}${calendar.year}`))
-        }), void 0), multiDatePicker && renderFooter(), !advanceView && showTimePicker && (pickerState.type === TIME_PICKER ? renderButtonTime() : renderTime())]
-      }, void 0), showTimePicker && pickerState.type === DATE_PICKER && !!advanceView && jsxs(Fragment$1, {
-        children: [jsx(Separator$2, {
-          orientation: "vertical"
-        }, void 0), jsx(CalendarTimePicker, Object.assign({}, {
-          selected,
-          disabled,
-          language,
-          onSetDateValue
-        }), void 0)]
-      }, void 0)]
-    }), void 0);
+              }, void 0), jsxs(DateContainer$1, {
+                children: [jsx(Separator$2, {
+                  css: {
+                    mb: '$spacing-04',
+                    mt: '$spacing-02'
+                  }
+                }, void 0), pickerState.type === DATE_PICKER && jsxs(Fragment, {
+                  children: [renderWeekLabel(calendar), renderDateNumber(calendar)]
+                }, void 0), pickerState.type === MONTH_PICKER && renderMonthsList(), pickerState.type === YEAR_PICKER && renderYearsList(), pickerState.type === YEAR_RANGE_PICKER && renderYearRangesList()]
+              }, void 0)]
+            }, `${calendar.month}${calendar.year}`))
+          }), void 0)]
+        }, void 0), !advanceView && showTimePicker && renderTime(), showTimePicker && pickerState.type === DATE_PICKER && !!advanceView && jsxs(Fragment$1, {
+          children: [jsx(Separator$2, {
+            orientation: "vertical"
+          }, void 0), jsx(CalendarTimePicker, Object.assign({}, {
+            selected,
+            disabled,
+            language,
+            onSetDateValue
+          }), void 0)]
+        }, void 0)]
+      }), void 0), !multiDatePicker && showTimePicker && renderFooterSingleTimePicker(), multiDatePicker && renderFooter()]
+    }, void 0);
   }
   return null;
 };
@@ -19299,6 +19337,7 @@ const CalendarPicker = _a => {
     if (dateValue && onChange) {
       onChange(dateValue);
     }
+    onClose();
   };
   const dayzedData = useDayzed(Object.assign(Object.assign({}, props), {
     date: calendarDate,
@@ -19315,39 +19354,22 @@ const CalendarPicker = _a => {
     }
   }, [selected]);
   useEffect(() => {
-    if (dateValue && !isMultiDatePicker && onChange) {
+    if (dateValue && !(isMultiDatePicker || showTimePicker) && onChange) {
       onChange(dateValue);
     }
   }, [dateValue]);
-  const renderTimePicker = props => {
-    return jsx(Box, Object.assign({
-      css: {
-        padding: '40px 60px'
-      }
-    }, {
-      children: jsx(NativeTimePicker, Object.assign({
-        size: "lg",
-        value: dateValue ? moment(dateValue) : moment(),
-        minDate: minDate,
-        maxDate: maxDate,
-        disabled: disabled,
-        onChange: date => {
-          setDateValue(new Date(date));
-        }
-      }, props), void 0)
-    }), void 0);
-  };
   return jsx(CalendarBox, Object.assign({
-    onUpdate: isMultiDatePicker ? updateHandler : undefined,
+    onUpdate: isMultiDatePicker || showTimePicker ? updateHandler : undefined,
     onCancel: onClose,
     selected: dateValue ? [dateValue] : undefined,
     advanceView: advanceView,
     disabled: disabled,
     onCalendarDateChange: setCalendarDate,
     showTimePicker: showTimePicker,
-    renderTimePicker: () => renderTimePicker(timePickerProps),
     minDate: minDate,
     maxDate: maxDate
+  }, showTimePicker && {
+    onSetDateValue: setDateValue
   }, dayzedData), void 0);
 };
 const CalendarRangePicker = _a => {
@@ -20318,6 +20340,183 @@ const InputDateRange = /*#__PURE__*/React.forwardRef((_a, ref) => {
   }), void 0);
 });
 
+const SignatureModal = ({
+  t,
+  open,
+  onOpenChange,
+  onSave,
+  title,
+  isMobile
+}) => {
+  const signaturePadRef = useRef(null);
+  const handleSave = () => {
+    if (signaturePadRef.current) {
+      const signature = signaturePadRef.current.toDataURL();
+      onSave === null || onSave === void 0 ? void 0 : onSave(signature);
+    }
+    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
+  };
+  return jsxs(ModalDialog, Object.assign({
+    open: open,
+    onOpenChange: onOpenChange,
+    isMobile: isMobile
+  }, {
+    children: [jsx(ModalDialogTitle, {
+      children: title
+    }, void 0), jsx(ModalDialogContent, {
+      children: jsx(SignaturePad, {
+        ref: signaturePadRef,
+        height: 256,
+        canvasProps: {
+          style: {
+            border: '2px dashed #C0C4C4',
+            borderRadius: '8px'
+          }
+        },
+        options: {
+          penColor: 'black',
+          backgroundColor: foundations.colors.bgGray
+        }
+      }, void 0)
+    }, void 0), jsxs(ModalDialogFooter, Object.assign({
+      css: {
+        display: 'flex',
+        gap: '$compact'
+      }
+    }, {
+      children: [jsx(DialogClose, Object.assign({
+        asChild: true
+      }, {
+        children: jsx(Button$4, Object.assign({
+          buttonType: "ghost",
+          size: "sm"
+        }, {
+          children: t('label.cancel', 'Batal')
+        }), void 0)
+      }), void 0), jsx(Button$4, Object.assign({
+        size: "sm",
+        onClick: handleSave
+      }, {
+        children: t('label.save', 'Simpan')
+      }), void 0)]
+    }), void 0)]
+  }), void 0);
+};
+
+const SignatureContainer = styled$1(Flex$1, {
+  position: 'relative',
+  border: '2px dashed $gray300',
+  borderRadius: 8,
+  height: '88px',
+  width: '100%',
+  cursor: 'pointer',
+  transition: '0.2s',
+  transitionDuration: '0.5s',
+  justifyContent: 'center',
+  alignItems: 'center',
+  background: '$bgGray',
+  '&:hover': {
+    border: '2px dashed $primary400',
+    background: '$bgSuccess'
+  },
+  variants: {
+    hasContent: {
+      true: {
+        '&:hover': {
+          background: '$bgGray'
+        }
+      }
+    },
+    showError: {
+      true: {
+        border: '2px dashed $red400',
+        '&:hover': {
+          border: '2px dashed  $red300',
+          background: '$bgFailed'
+        }
+      }
+    },
+    disabled: {
+      true: {
+        border: 'none',
+        cursor: 'not-allowed',
+        '&:hover': {
+          border: 'none',
+          background: '$bgGray'
+        }
+      }
+    }
+  }
+});
+function InputSignature({
+  title,
+  onChange,
+  defaultValue = '',
+  disabled = false,
+  css,
+  isMobile
+}) {
+  const {
+    t
+  } = useTranslation(['MajooUI/inputSignature', 'translation']);
+  const [signatureImage, setSignatureImage] = useState(defaultValue);
+  const [open, setOpen] = useState(false);
+  const handleSave = signature => {
+    setSignatureImage(signature);
+  };
+  useMountedLayoutEffect(() => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(signatureImage);
+  }, [signatureImage]);
+  return jsxs(React__default.Fragment, {
+    children: [jsx(SignatureContainer, Object.assign({
+      hasContent: !!signatureImage,
+      onClick: () => {
+        if (!disabled) {
+          setOpen(true);
+        }
+      },
+      disabled: disabled,
+      css: css
+    }, {
+      children: signatureImage ? jsxs(React__default.Fragment, {
+        children: [!disabled ? jsx(Box, Object.assign({
+          css: {
+            position: 'absolute',
+            top: '8px',
+            right: '8px'
+          },
+          onClick: e => {
+            e.stopPropagation();
+            setSignatureImage('');
+          }
+        }, {
+          children: jsx(CloseFilled, {
+            color: foundations.colors.iconRed
+          }, void 0)
+        }), void 0) : null, jsx("img", {
+          src: signatureImage,
+          alt: "signature",
+          style: {
+            height: '100%'
+          }
+        }, void 0)]
+      }, void 0) : jsx(Text$1, Object.assign({
+        variant: "label",
+        color: "disable"
+      }, {
+        children: t('placeholder', 'Tanda tangan disini')
+      }), void 0)
+    }), void 0), jsx(SignatureModal, {
+      t: t,
+      open: open,
+      onOpenChange: setOpen,
+      onSave: handleSave,
+      isMobile: isMobile,
+      title: title || t('modalTitle', 'Tambah Tanda Tangan')
+    }, void 0)]
+  }, void 0);
+}
+
 const _excluded$9 = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
 var _jsxFileName$p = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/slider/Slider.js";
 const StyledSlider = styled$1(SliderPrimitive.Root, {
@@ -56815,4 +57014,4 @@ const useToggle = initialValue => {
   return useReducer(toggleReducer, initialValue);
 };
 
-export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, BarChartComponent as BarChart, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$4 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, CheckboxGroup, CheckboxTable, ColorPicker$1 as ColorPicker, Colors, ContentEditor, ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, CustomDatePicker, DATE_RANGE_PICKER, DEFAULT, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, Input$7 as Input, InputCheckbox, InputColorPicker, InputCombobox, InputCounter, InputCreatable, InputDatePicker, InputDateRange, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup, ResourceList as InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, InputSelect, InputSelectCheck, InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, LineChart, Link, LoadingBar, MONTHLY, MajooProvider, MapPicker, MemoizedEditableTable, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NEXT_MONTH, NEXT_WEEK, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PREV_MONTH, PREV_WEEK, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, PieChartComponent as PieChart, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_CONTROL, RANGE_MONTH, RANGE_PICKER, RANGE_WEEK, ResendOTP, RightSlot, rowExpanderColumn as RowExpanderColumn, rowExpanderMultipleColumn as RowExpanderMultipleColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, rowSelectionWithCallbackColumn as RowSelectionWithCallbackColumn, SINGLE_PICKER, ScrollSync, ScrollSyncNode, SelectBox, SelectContainer, SelectItem, SelectOption, Separator$2 as Separator, Skeleton, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput$1 as StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$3 as TableBody, TableCell$3 as TableCell, TableColumn, TableContent$3 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$3 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, TableRow$3 as TableRow, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagList, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, ToastProvider, Tooltip$1 as Tooltip, UPDATE_PICKER, Upload, WEEKLY, YESTERDAY, addOnCellStyle, advancePickerDate, advancePickerOptionsEn, advancePickerOptionsId, defaultEmptyDataProps, defaultFetchDataParams, pickerReducer, useListOption, useToggle };
+export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, BarChartComponent as BarChart, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$4 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, CheckboxGroup, CheckboxTable, ColorPicker$1 as ColorPicker, Colors, ContentEditor, ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, CustomDatePicker, DATE_RANGE_PICKER, DEFAULT, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, Input$7 as Input, InputCheckbox, InputColorPicker, InputCombobox, InputCounter, InputCreatable, InputDatePicker, InputDateRange, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup, ResourceList as InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, InputSelect, InputSelectCheck, InputSelectTag, InputSignature, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, LineChart, Link, LoadingBar, MONTHLY, MajooProvider, MapPicker, MemoizedEditableTable, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NEXT_MONTH, NEXT_WEEK, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PREV_MONTH, PREV_WEEK, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, PieChartComponent as PieChart, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_CONTROL, RANGE_MONTH, RANGE_PICKER, RANGE_WEEK, ResendOTP, RightSlot, rowExpanderColumn as RowExpanderColumn, rowExpanderMultipleColumn as RowExpanderMultipleColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, rowSelectionWithCallbackColumn as RowSelectionWithCallbackColumn, SINGLE_PICKER, ScrollSync, ScrollSyncNode, SelectBox, SelectContainer, SelectItem, SelectOption, Separator$2 as Separator, Skeleton, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput$1 as StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$3 as TableBody, TableCell$3 as TableCell, TableColumn, TableContent$3 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$3 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, TableRow$3 as TableRow, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagList, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, ToastProvider, Tooltip$1 as Tooltip, UPDATE_PICKER, Upload, WEEKLY, YESTERDAY, addOnCellStyle, advancePickerDate, advancePickerOptionsEn, advancePickerOptionsId, defaultEmptyDataProps, defaultFetchDataParams, pickerReducer, useListOption, useToggle };