@majoo-ui/react 1.61.11-rc.3 → 1.61.11-rc.4

package/package.json

@@ -1,77 +1,56 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.61.11-rc.3",
+  "version": "1.61.11-rc.4",
+  "peerDependencies": {
+    "react": "17.0.2",
+    "react-dom": "17.0.2"
+  },
   "dependencies": {
-    "@majoo-ui/core": "^1.31.4",
-    "@majoo-ui/helpers": "^1.30.5",
-    "@majoo-ui/icons": "1.38.27",
-    "@stitches/react": "^1.2.8",
-    "@radix-ui/react-alert-dialog": "1.0.3",
-    "@radix-ui/react-avatar": "1.0.0",
-    "@radix-ui/react-aspect-ratio": "1.0.0",
-    "@radix-ui/react-dropdown-menu": "1.0.0",
-    "@radix-ui/react-popover": "1.0.0",
-    "@radix-ui/react-tooltip": "1.0.0",
-    "@radix-ui/react-progress": "1.0.0",
-    "@radix-ui/react-label": "1.0.0",
-    "@radix-ui/react-separator": "1.0.0",
-    "@radix-ui/react-slider": "1.0.0",
-    "@radix-ui/react-tabs": "1.0.0",
-    "@radix-ui/react-checkbox": "1.0.0",
-    "@radix-ui/react-radio-group": "1.0.0",
-    "@radix-ui/react-switch": "1.0.0",
-    "@radix-ui/react-toggle-group": "1.0.0",
-    "@radix-ui/react-accordion": "1.0.0",
-    "downshift": "^6.1.7",
-    "prop-types": "^15.8.1",
-    "react-transition-group": "^4.4.2",
-    "dayzed": "^3.2.3",
-    "react-table": "^7.7.0",
-    "react-step-wizard": "^5.3.11",
-    "recharts": "^2.1.9",
-    "lodash.debounce": "^4.0.8",
     "@floating-ui/react": "^0.19.2",
     "@floating-ui/react-dom": "^1.3.0",
-    "react-color": "^2.19.3",
-    "react-infinite-scroller": "^1.2.6",
-    "react-ui-scrollspy": "^2.1.0",
-    "react-image-crop": "^10.0.4",
-    "react-table-sticky": "^1.1.3",
-    "moment": "^2.29.2",
-    "superagent": "^8.0.0",
+    "@hookform/resolvers": "^2.8.10",
+    "@majoo-ui/core": "1.31.3",
+    "@majoo-ui/helpers": "1.30.6",
+    "@majoo-ui/icons": "1.38.38",
+    "@monsonjeremy/react-leaflet": "^3.2.2",
+    "radix-ui": "1.0.1",
     "@react-google-maps/api": "^2.12.1",
-    "otp-input-react": "^0.3.0",
+    "@stitches/react": "^1.2.8",
+    "browser-image-compression": "^2.0.0",
+    "dayzed": "^3.2.3",
+    "downshift": "^6.1.7",
     "draft-js": "^0.11.7",
     "draftjs-to-html": "^0.9.1",
     "html-to-draftjs": "^1.5.0",
-    "react-draft-wysiwyg": "^1.15.0",
-    "browser-image-compression": "^2.0.0",
-    "react-contextmenu": "^2.14.0",
-    "react-loading-skeleton": "^3.1.0",
-    "i18next": "^22.0.6",
+    "i18next": "23.2.3",
     "i18next-browser-languagedetector": "^7.0.1",
-    "react-i18next": "^12.0.0",
-    "react-virtual": "^2.10.4",
-    "@monsonjeremy/react-leaflet": "^3.2.2",
     "leaflet": "1.9.3",
     "leaflet-defaulticon-compatibility": "^0.1.2",
+    "lodash.debounce": "^4.0.8",
+    "moment": "^2.29.2",
+    "otp-input-react": "^0.3.0",
+    "prismjs": "^1.28.0",
+    "react-color": "^2.19.3",
+    "react-contextmenu": "2.14.0",
+    "react-draft-wysiwyg": "^1.15.0",
+    "react-hook-form": "^7.31.3",
+    "react-i18next": "^13.5.0",
+    "react-image-crop": "^10.0.4",
+    "react-infinite-scroller": "^1.2.6",
+    "react-loading-skeleton": "^3.1.0",
     "react-signature-pad-wrapper": "4.0.4",
     "react-sortable-hoc": "^2.0.0",
-    "react-hook-form": "^7.31.3"
+    "react-step-wizard": "^5.3.11",
+    "react-table": "^7.7.0",
+    "react-table-sticky": "^1.1.3",
+    "react-transition-group": "^4.4.2",
+    "react-ui-scrollspy": "2.1.0",
+    "react-virtual": "^2.10.4",
+    "recharts": "^2.1.9",
+    "superagent": "^10.2.1",
+    "yup": "^0.32.11"
   },
-  "main": "./index.umd.js",
   "module": "./index.esm.js",
-  "typings": "./index.d.ts",
-  "peerDependencies": {
-    "react": "17.0.2",
-    "focus-trap-react": "^8.9.2",
-    "@radix-ui/react-visually-hidden": "1.0.0",
-    "@radix-ui/react-portal": "1.0.0",
-    "react-dom": "17.0.2",
-    "@hookform/resolvers": "^2.8.10",
-    "yup": "^0.32.11",
-    "@radix-ui/react-dialog": "1.0.0",
-    "@radix-ui/react-dismissable-layer": "1.0.3",
-    "prismjs": "^1.28.0"
-  }
+  "type": "module",
+  "main": "./index.esm.js"
 }

package/src/components/accordion/Accordion.d.ts

@@ -0,0 +1,36 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { BaseRadixNoCss, BaseRadixProps } from '../../type/base.types';
+declare type AccordionPrimitiveProps = AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps;
+declare type AccordionProps = {
+    /**
+     * Determines whether one or multiple items can be opened at the same time.
+     */
+    type: string;
+    children: React.ReactNode;
+} & AccordionPrimitiveProps & BaseRadixProps;
+export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+declare type AccordionTriggerPrimitiveProps = Omit<AccordionPrimitive.AccordionTriggerProps, keyof ComponentPropsWithoutRef<'button'>>;
+interface AccordionTriggerProps extends AccordionTriggerPrimitiveProps, BaseRadixProps {
+    /**
+     * If the value is 'false' then it will hide the arrow icon.
+     */
+    hasContent?: boolean;
+    /**
+     * Specify the arrow position.
+     */
+    arrowPosition?: 'right' | 'left';
+    /**
+     * Specify the arrow icon color.
+     */
+    arrowColor?: string;
+    /**
+     * Custom the arrow component.
+     */
+    customArrow?: React.ReactNode;
+    children: React.ReactNode;
+}
+export declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const AccordionItem: React.FC<AccordionPrimitive.AccordionItemProps & BaseRadixNoCss>;
+export declare const AccordionContent: React.FC<AccordionPrimitive.AccordionContentProps & BaseRadixNoCss>;
+export {};

package/{components → src/components}/barChart/BarChart.d.ts

@@ -66,7 +66,7 @@ interface BarChartProps {
      */
     yAxis?: YAxisProps;
 }
-declare function BarChartComponent({ css, data, legend, title, subtitle, tooltip, direction, tickFormatter, label, yAxis, }: BarChartProps): JSX.Element;
+declare function BarChartComponent({ css, data, legend, title, subtitle, tooltip, direction, tickFormatter, label, yAxis, }: BarChartProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BarChartComponent {
     var defaultProps: {
         data: never[];

package/{components → src/components}/card/Card.d.ts

@@ -320,7 +320,7 @@ export declare const StyledTitle: import("@stitches/react/types/styled-component
     };
 }>>;
 export declare const Card: {
-    ({ className, children, color, shadow, radius, padding, title, width, textColor, icon, showBottomLine, label, description, mobileOnly, desktopOnly, ...props }: CardProps): JSX.Element;
+    ({ className, children, color, shadow, radius, padding, title, width, textColor, icon, showBottomLine, label, description, mobileOnly, desktopOnly, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         className: string;
         color: string;

package/{components → src/components}/chart/lineChart/LineChart.d.ts

@@ -66,7 +66,7 @@ interface LineChartProps {
     onComparatorChange?: (e: ComparatorChangeType) => void;
 }
 export declare const COMPARISON_LIMIT = 5;
-declare function LineChart(props: LineChartProps): JSX.Element;
+declare function LineChart(props: LineChartProps): import("react/jsx-runtime").JSX.Element;
 declare namespace LineChart {
     var defaultProps: {
         customXAxisFormat: undefined;

package/{components → src/components}/chart/lineChart/components/Comparator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ComparatorProps {
     option: any;
     onCloseClick: (any: any) => void;
@@ -8,7 +7,7 @@ interface ComparatorProps {
     onComparatorSearch: (string: any) => void;
 }
 declare const Comparator: {
-    (props: ComparatorProps): JSX.Element;
+    (props: ComparatorProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         option: {}[];
     };

package/{components → src/components}/chart/lineChart/components/ComparatorController.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 declare const ComparatorController: ({ option, onComparatorAdd, onComparatorSearch, placeholder }: {
     option: any;
     onComparatorAdd: any;
     onComparatorSearch: any;
     placeholder: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ComparatorController;

package/{components → src/components}/chart/lineChart/components/ComparatorItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ComparatorItemProps {
     dataKey: string;
     color: string;
@@ -6,5 +5,5 @@ interface ComparatorItemProps {
     onCloseClick: () => void;
     disableClose: boolean;
 }
-declare const ComparatorItem: (props: ComparatorItemProps) => JSX.Element;
+declare const ComparatorItem: (props: ComparatorItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ComparatorItem;

package/{components → src/components}/chart/lineChart/components/ProductList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CSS } from '../../../../config/stitches.config';
 interface ProductListProps {
     variants: [];
@@ -6,5 +5,5 @@ interface ProductListProps {
     direction: string;
     css: CSS;
 }
-declare const ProductList: (props: ProductListProps) => JSX.Element;
+declare const ProductList: (props: ProductListProps) => import("react/jsx-runtime").JSX.Element;
 export default ProductList;

package/{components → src/components}/chart/lineChart/components/TitleLegend.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface TitleLegendProps {
     title: string | undefined;
     legendData: any[];
@@ -10,7 +9,7 @@ interface TitleLegendProps {
     description: string | undefined;
 }
 declare const TitleLegend: {
-    (props: TitleLegendProps): JSX.Element;
+    (props: TitleLegendProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         isComparator: undefined;
         titleOnly: boolean;

package/{components → src/components}/chart/lineChart/components/Tooltip.d.ts

@@ -10,7 +10,7 @@ interface TooltipProps {
     customTooltipDate?: (value: any) => ReactNode;
 }
 declare const Tooltip: {
-    (props: TooltipProps): JSX.Element | null;
+    (props: TooltipProps): import("react/jsx-runtime").JSX.Element | null;
     defaultProps: {
         hover: null;
         payload: undefined;

package/{components → src/components}/checkboxTable/CheckboxTable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Column } from 'react-table';
 import { CSS } from '../../config/stitches.config';
 interface CheckboxTableProps<Data extends object> {
@@ -25,5 +24,5 @@ interface CheckboxTableProps<Data extends object> {
     css?: CSS;
     onChange?: (e: any) => void;
 }
-export default function CheckboxTable(props: CheckboxTableProps<object>): JSX.Element;
+export default function CheckboxTable(props: CheckboxTableProps<object>): import("react/jsx-runtime").JSX.Element;
 export {};

package/{components → src/components}/checkboxTable/transition.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 declare function Collapalse({ children, isOpen }: {
     children: any;
     isOpen: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace Collapalse {
     var defaultProps: {
         isOpen: boolean;

package/{components → src/components}/contentEditor/ContentEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EditorState } from 'draft-js';
 import { CSS } from '../../config/stitches.config';
 import './styles.css';
@@ -40,5 +39,5 @@ interface ContentEditorProps {
      */
     maxLength?: number;
 }
-export default function ContentEditor(props: ContentEditorProps): JSX.Element;
+export default function ContentEditor(props: ContentEditorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/{components → src/components}/contextMenu/ContextMenu.d.ts

@@ -13,7 +13,7 @@ interface ItemProps {
     data?: object;
     onClick?: (e: any, data: any) => void;
 }
-export declare const ContextMenuTrigger: import("@stitches/react/types/styled-component").StyledComponent<(props: TriggerProps) => JSX.Element, {}, {
+export declare const ContextMenuTrigger: import("@stitches/react/types/styled-component").StyledComponent<(props: TriggerProps) => import("react/jsx-runtime").JSX.Element, {}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
     lg: "(min-width: 1023px)";
@@ -109,7 +109,7 @@ export declare const ContextMenuTrigger: import("@stitches/react/types/styled-co
         backgroundColor: string;
     };
 }>>;
-export declare const ContextMenu: import("@stitches/react/types/styled-component").StyledComponent<(props: MenuProps) => JSX.Element, {}, {
+export declare const ContextMenu: import("@stitches/react/types/styled-component").StyledComponent<(props: MenuProps) => import("react/jsx-runtime").JSX.Element, {}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
     lg: "(min-width: 1023px)";
@@ -205,7 +205,7 @@ export declare const ContextMenu: import("@stitches/react/types/styled-component
         backgroundColor: string;
     };
 }>>;
-export declare const ContextMenuItem: import("@stitches/react/types/styled-component").StyledComponent<(props: ItemProps) => JSX.Element, {}, {
+export declare const ContextMenuItem: import("@stitches/react/types/styled-component").StyledComponent<(props: ItemProps) => import("react/jsx-runtime").JSX.Element, {}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
     lg: "(min-width: 1023px)";

package/{components → src/components}/datePicker/AdvancedOption.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Option = {
     value: string;
     label: string;
@@ -8,5 +7,5 @@ interface AdvancedOptionProps {
     disabled?: boolean;
     optionHandler: (value: string) => void;
 }
-export declare const AdvancedOption: ({ options, disabled, optionHandler }: AdvancedOptionProps) => JSX.Element;
+export declare const AdvancedOption: ({ options, disabled, optionHandler }: AdvancedOptionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/{components → src/components}/datePicker/CustomDatePicker.d.ts

@@ -60,4 +60,4 @@ export interface CustomDatePickerProps {
      */
     sideOffset?: number;
 }
-export declare function CustomDatePicker({ children, type, disabled, onChange, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, showTimePicker, minDate, maxDate, allowReset, sideOffset, }: CustomDatePickerProps): JSX.Element;
+export declare function CustomDatePicker({ children, type, disabled, onChange, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, showTimePicker, minDate, maxDate, allowReset, sideOffset, }: CustomDatePickerProps): import("react/jsx-runtime").JSX.Element;

package/{components → src/components}/datePicker/DatePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const DEFAULT: "default";
 export declare const SINGLE_PICKER: "single";
 export declare const RANGE_PICKER: "range";
@@ -7,4 +6,4 @@ export declare const ADVANCE_PICKER: "advance";
 export declare const RANGE_CONTROL: "range_control";
 export declare const WEEKLY: "weekly";
 export declare const MONTHLY: "monthly";
-export declare const DatePicker: (props: any) => JSX.Element;
+export declare const DatePicker: (props: any) => import("react/jsx-runtime").JSX.Element;

package/{components → src/components}/datePicker/InputDatePicker.d.ts

@@ -166,5 +166,5 @@ export interface InputDatePickerProps {
      */
     maxRange?: number;
 }
-export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, onDateSelected, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, timePickerProps, minDate, maxDate, readOnly, isInvalid, allowReset, portalled, portalledMobile, onClose, mobileOnly, desktopOnly, drawerCss, drawerContentCss, isMobile, maxRange, }: InputDatePickerProps): JSX.Element;
+export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, onDateSelected, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, timePickerProps, minDate, maxDate, readOnly, isInvalid, allowReset, portalled, portalledMobile, onClose, mobileOnly, desktopOnly, drawerCss, drawerContentCss, isMobile, maxRange, }: InputDatePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/{components → src/components}/datePicker/InputDateRangePicker.d.ts

@@ -21,6 +21,6 @@ interface InputRangePickerProps {
     mobileOnly?: boolean;
     desktopOnly?: boolean;
 }
-export declare function ContainerDateRangePicker(props: ContainertRangePickerProps): JSX.Element;
-export declare function InputDateRangePicker(props: InputRangePickerProps): JSX.Element;
+export declare function ContainerDateRangePicker(props: ContainertRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function InputDateRangePicker(props: InputRangePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/{components → src/components}/datePicker/components/Calendar.d.ts

@@ -28,5 +28,5 @@ export interface CalendarProps extends RenderProps {
         minDate?: Date;
     };
 }
-declare const CalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, onReset, selected, containerStyle, disabled, showTimePicker, renderTimePicker, minDate, maxDate, allowReset, onSetDateValue, maxRange, overMaxRange, timePickerProps, }: CalendarProps) => JSX.Element | null;
+declare const CalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, onReset, selected, containerStyle, disabled, showTimePicker, renderTimePicker, minDate, maxDate, allowReset, onSetDateValue, maxRange, overMaxRange, timePickerProps, }: CalendarProps) => import("react/jsx-runtime").JSX.Element | null;
 export default CalendarBox;

package/{components → src/components}/datePicker/components/CalendarTimePicker.d.ts

@@ -7,5 +7,5 @@ interface CalendarProps {
     isSingle?: boolean;
     timePickerProps?: object;
 }
-declare const CalendarTimePicker: ({ selected, disabled, language, onSetDateValue, isSingle, timePickerProps }: CalendarProps) => JSX.Element;
+declare const CalendarTimePicker: ({ selected, disabled, language, onSetDateValue, isSingle, timePickerProps }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
 export default CalendarTimePicker;

package/{components → src/components}/datePicker/components/MobileCalendar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarProps } from './Calendar';
-declare const MobileCalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, onReset, selected, containerStyle, disabled, minDate, maxDate, allowReset, maxRange, overMaxRange, }: CalendarProps) => JSX.Element | null;
+declare const MobileCalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, onReset, selected, containerStyle, disabled, minDate, maxDate, allowReset, maxRange, overMaxRange, }: CalendarProps) => import("react/jsx-runtime").JSX.Element | null;
 export default MobileCalendarBox;

package/{components → src/components}/devicePreview/DevicePreview.d.ts

@@ -131,6 +131,9 @@ export declare const ImageDevicePreview: import("@stitches/react/types/styled-co
     my: (value: {
         readonly [Stitches.$$ScaleValue]: "space";
     }) => {
+        /**
+         * alt prop when url image not found or invalid
+         */
         marginTop: {
             readonly [Stitches.$$ScaleValue]: "space";
         };
@@ -154,7 +157,7 @@ export declare const ImageDevicePreview: import("@stitches/react/types/styled-co
     };
 }>>;
 declare const Device: {
-    (props: Props): JSX.Element;
+    (props: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Device;

package/{components → src/components}/dialog/Dialog.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-declare const StyledContent: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>>, {
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare const StyledContent: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>>, {
     size?: "sm" | "md" | "lg" | "xl" | "auto" | "xs" | "full" | undefined;
 }, {
     sm: "(min-width: 359px)";
@@ -101,11 +102,11 @@ export declare type DialogContentProps = React.ComponentProps<typeof StyledConte
 interface IContentProps extends DialogContentProps {
     children: React.ReactNode[] | React.ReactNode;
 }
-declare const Dialog: React.FC<import("@radix-ui/react-dialog").DialogProps>;
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 export default Dialog;
-export declare const DialogTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const DialogContent: React.ForwardRefExoticComponent<Pick<IContentProps, "color" | "translate" | "hidden" | "size" | "style" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "asChild" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onOpenAutoFocus" | "onCloseAutoFocus" | "forceMount" | "css"> & React.RefAttributes<HTMLDivElement>>;
-export declare const DialogTitle: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>, {}, {
+export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<Omit<IContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>, {}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
     lg: "(min-width: 1023px)";
@@ -201,7 +202,7 @@ export declare const DialogTitle: import("@stitches/react/types/styled-component
         backgroundColor: string;
     };
 }>>;
-export declare const DialogDescription: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>, {}, {
+export declare const DialogDescription: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>, {}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
     lg: "(min-width: 1023px)";
@@ -297,8 +298,8 @@ export declare const DialogDescription: import("@stitches/react/types/styled-com
         backgroundColor: string;
     };
 }>>;
-export declare const DialogClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const DialogOverlay: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>>, {}, {
+export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogOverlay: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>>, {}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
     lg: "(min-width: 1023px)";
@@ -394,4 +395,4 @@ export declare const DialogOverlay: import("@stitches/react/types/styled-compone
         backgroundColor: string;
     };
 }>>;
-export declare const DialogPortal: React.FC<import("@radix-ui/react-dialog").DialogPortalProps>;
+export declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;

package/{components → src/components}/editableTable/Columns.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ColumnsInterface {
     /**
      * Title header of a column.
@@ -45,7 +44,7 @@ interface ColumnsInterface {
      */
     Cell: any;
 }
-declare function Columns(props: ColumnsInterface): JSX.Element;
+declare function Columns(props: ColumnsInterface): import("react/jsx-runtime").JSX.Element;
 declare namespace Columns {
     var defaultProps: {
         isMobileHeader: boolean;

package/{components → src/components}/editableTable/EditableMobile.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Column, UseTableHooks, Row } from 'react-table';
 import { CSS } from '../../config/stitches.config';
 import { EmptyDataProps } from '../table/Table';
@@ -19,5 +18,5 @@ interface EditableMobileProps<Data extends object> {
     customEmptyDataProps?: EmptyDataProps;
     virtualized?: boolean;
 }
-export default function EditableTableMobile(props: EditableMobileProps<any>): JSX.Element;
+export default function EditableTableMobile(props: EditableMobileProps<any>): import("react/jsx-runtime").JSX.Element;
 export {};

package/{components → src/components}/editableTable/EditableTable.d.ts

@@ -93,13 +93,13 @@ interface RemoveProps {
     position?: 'leftBottom' | 'rightBottom' | 'leftTop' | 'rightTop';
     onRemove?: React.ChangeEventHandler;
 }
-declare function EditableTable(props: EditableTableProps<any>): JSX.Element;
+declare function EditableTable(props: EditableTableProps<any>): import("react/jsx-runtime").JSX.Element;
 declare namespace EditableTable {
     var Product: ({ name, label, variants }: {
         name: any;
         label: any;
         variants: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     var Input: import("@stitches/react/types/styled-component").StyledComponent<any, {}, {
         sm: "(min-width: 359px)";
         md: "(min-width: 767px)";
@@ -196,8 +196,8 @@ declare namespace EditableTable {
             backgroundColor: string;
         };
     }>>;
-    var Switch: (props: any) => JSX.Element;
-    var Remove: (props: RemoveProps) => JSX.Element;
+    var Switch: (props: any) => import("react/jsx-runtime").JSX.Element;
+    var Remove: (props: RemoveProps) => import("react/jsx-runtime").JSX.Element;
     var TableRow: import("@stitches/react/types/styled-component").StyledComponent<"tr", {
         subRow?: boolean | "true" | undefined;
     }, {

package/{components → src/components}/form/components/InputOTP/InputOTP.d.ts

@@ -53,7 +53,7 @@ interface InputOTPProps {
      */
     isError?: boolean;
 }
-declare function InputOTP(props: InputOTPProps): JSX.Element;
+declare function InputOTP(props: InputOTPProps): import("react/jsx-runtime").JSX.Element;
 declare namespace InputOTP {
     var defaultProps: {
         OTPLength: number;
@@ -99,7 +99,7 @@ interface ResendOTPProps {
      */
     className?: string;
 }
-export declare function ResendOTP(props: ResendOTPProps): JSX.Element;
+export declare function ResendOTP(props: ResendOTPProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ResendOTP {
     var defaultProps: {
         maxTime: number;

package/{components → src/components}/form/components/InputResourceList/InputResourceList.d.ts

@@ -36,5 +36,5 @@ export interface IInputResourceListProps {
     expandable?: boolean;
     checkDisableItems?: boolean;
 }
-declare function InputResourceList({ data: dataProp, disabled, onItemCheck, onItemUncheck, searchPlaceholder, counterFooter, counterFooterText, isLoading, enabledItems, emptyDataMessage, value, fetchData, onQueryChange, css, wrapperCss, defaultSort, title, hideSelectAll, customHeader, checkDisableItems, }: IInputResourceListProps): JSX.Element;
+declare function InputResourceList({ data: dataProp, disabled, onItemCheck, onItemUncheck, searchPlaceholder, counterFooter, counterFooterText, isLoading, enabledItems, emptyDataMessage, value, fetchData, onQueryChange, css, wrapperCss, defaultSort, title, hideSelectAll, customHeader, checkDisableItems, }: IInputResourceListProps): import("react/jsx-runtime").JSX.Element;
 export default InputResourceList;

package/{components → src/components}/form/components/InputResourceList/ResourceList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IInputResourceListProps } from './InputResourceList';
-declare const ResourceList: ({ expandable, ...props }: IInputResourceListProps) => JSX.Element;
+declare const ResourceList: ({ expandable, ...props }: IInputResourceListProps) => import("react/jsx-runtime").JSX.Element;
 export default ResourceList;

package/{components → src/components}/form/components/InputSelect/InputSelect.backup.d.ts

@@ -297,7 +297,7 @@ export declare const IconContainer: import("@stitches/react/types/styled-compone
     };
 }>>;
 export declare const OptionWrapper: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    placement?: "bottom" | "top" | undefined;
+    placement?: "top" | "bottom" | undefined;
     withFooter?: boolean | "true" | undefined;
 }, {
     sm: "(min-width: 359px)";
@@ -587,7 +587,7 @@ export declare const SelectItem: import("@stitches/react/types/styled-component"
         backgroundColor: string;
     };
 }>>;
-export declare const SelectInputSearch: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLInputElement>>;
+export declare const SelectInputSearch: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export declare type Option = {
     value: string;
     name: string;
@@ -709,5 +709,5 @@ interface InputSelectProps extends Omit<DownshiftProps<Option>, 'initialSelected
      */
     renderFooter?: () => React.ReactNode;
 }
-export declare function InputSelect({ option, onChange, value, placeholder, searchPlaceholder, embedSearch, size, disabled, search, iconColor, hideArrowicon, showLeadingIcon, placement, disabledOptions, textSelector, valueSelector, readOnly, isInvalid, noOptionIcon, fetchData, onSearch, isLoading, showTooltip, css, renderFooter, ...props }: InputSelectProps): JSX.Element;
+export declare function InputSelect({ option, onChange, value, placeholder, searchPlaceholder, embedSearch, size, disabled, search, iconColor, hideArrowicon, showLeadingIcon, placement, disabledOptions, textSelector, valueSelector, readOnly, isInvalid, noOptionIcon, fetchData, onSearch, isLoading, showTooltip, css, renderFooter, ...props }: InputSelectProps): import("react/jsx-runtime").JSX.Element;
 export default InputSelect;

package/{components → src/components}/form/components/InputSelectCheck/OptionGroupItem.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export default function OptionGroupItem({ item, children }: {
     item: any;
     children: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/{components → src/components}/form/components/InputSignature/InputSignature.d.ts

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