@6thbridge/hexa 0.0.89 → 0.0.91

package/dist/index.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { DetailedHTMLProps, ButtonHTMLAttributes, ReactNode } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -38,7 +37,7 @@ type TooltipPropsType = {
     arrowClassName?: string;
 };
 declare const Tooltip: {
-    ({ trigger, children, contentClassName, triggerClassName, asChild, side, sideOffset, align, alignOffset, delayDuration, hasArrow, arrowClassName, ...props }: TooltipPropsType & React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+    ({ trigger, children, contentClassName, triggerClassName, asChild, side, sideOffset, align, alignOffset, delayDuration, hasArrow, arrowClassName, ...props }: TooltipPropsType & React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -52,7 +51,7 @@ type Colours = "primary" | "secondary";
 declare const Loader: ({ size, colour, }: {
     size?: number;
     colour?: Colours;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "danger" | "neutral" | "outlined" | "danger-outlined" | "light-outlined" | "dark-text" | "light" | null | undefined;
@@ -69,12 +68,12 @@ interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonE
 declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const inputVariants: (props?: ({
-    status?: "loading" | "default" | "error" | "neutral" | "prefilled" | null | undefined;
+    status?: "default" | "error" | "neutral" | "loading" | "prefilled" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface BaseInnerInputProps extends React$1.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
 }
 declare const inputContainerVariants: (props?: ({
-    status?: "loading" | "default" | "error" | "neutral" | "prefilled" | null | undefined;
+    status?: "default" | "error" | "neutral" | "loading" | "prefilled" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface InputProps extends BaseInnerInputProps, VariantProps<typeof inputContainerVariants> {
     isLoading?: boolean;
@@ -99,7 +98,7 @@ type PasswordInputProps = InputProps & {
     disableValidation?: boolean;
 };
 declare const PasswordInput: {
-    ({ onValidate, onChange, disableValidation, ...props }: PasswordInputProps): react_jsx_runtime.JSX.Element;
+    ({ onValidate, onChange, disableValidation, ...props }: PasswordInputProps): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -111,7 +110,7 @@ interface TextareaProps extends DetailedHTMLProps<React$1.TextareaHTMLAttributes
     description?: React$1.ReactNode;
 }
 declare const Textarea: {
-    ({ className, status, disabled, error, isLoading, showAsterisk, label, description, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+    ({ className, status, disabled, error, isLoading, showAsterisk, label, description, ...props }: TextareaProps): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -142,7 +141,7 @@ interface CountryProps {
     description?: React.ReactNode;
     error?: string;
 }
-declare const Country: ({ hideSearch, showAsterisk, label, description, error, ...props }: CountryProps) => react_jsx_runtime.JSX.Element;
+declare const Country: ({ hideSearch, showAsterisk, label, description, error, ...props }: CountryProps) => React$1.JSX.Element;
 
 type SelectPropsStatus = VariantProps<typeof inputContainerVariants>["status"];
 interface SelectProps {
@@ -166,7 +165,7 @@ interface SelectProps {
     error?: string;
     id?: string;
 }
-declare const Select: ({ showAsterisk, label, description, error, hideSearch, status, ...props }: SelectProps) => react_jsx_runtime.JSX.Element;
+declare const Select: ({ showAsterisk, label, description, error, hideSearch, status, ...props }: SelectProps) => React$1.JSX.Element;
 
 type PhoneInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
     onChange?: (value: RPNInput.Value) => void;
@@ -190,7 +189,7 @@ type FlagComponentProps = RPNInput.FlagProps & {
     className?: string;
 };
 declare const FlagComponent: {
-    ({ country, countryName, className, }: FlagComponentProps): react_jsx_runtime.JSX.Element;
+    ({ country, countryName, className, }: FlagComponentProps): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -212,20 +211,21 @@ type DialogPropsType = {
     onInteractOutside?: (e: Event) => void;
     onPointerDownOutside?: (e: Event) => void;
     onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    closeOnOutsideClick?: boolean;
 };
 declare const Dialog: {
-    ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, onCloseAutoFocus, onEscapeKeyDown, onInteractOutside, onPointerDownOutside, ...props }: React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Root> & DialogPropsType): react_jsx_runtime.JSX.Element;
+    ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, onCloseAutoFocus, onEscapeKeyDown, onInteractOutside, onPointerDownOutside, closeOnOutsideClick, ...props }: React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Root> & DialogPropsType): React$1.JSX.Element;
     displayName: string | undefined;
 };
 
 declare const otpInputVariants: (props?: ({
-    status?: "loading" | "default" | "error" | null | undefined;
+    status?: "default" | "error" | "loading" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 type DefailtInputProps = Omit<OTPInputProps$1, "renderInput">;
 type OTPInputProps = DefailtInputProps & VariantProps<typeof otpInputVariants> & {
     inputMode?: React.HTMLAttributes<HTMLInputElement>["inputMode"];
 };
-declare const OTPInput: ({ numInputs, inputStyle, containerStyle, placeholder, status, inputMode, inputType, ...props }: OTPInputProps) => react_jsx_runtime.JSX.Element;
+declare const OTPInput: ({ numInputs, inputStyle, containerStyle, placeholder, status, inputMode, inputType, ...props }: OTPInputProps) => React$1.JSX.Element;
 
 declare const PopoverRoot: React$1.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
@@ -248,7 +248,7 @@ type PopoverPropsType = {
     id?: string;
 };
 declare const Popover: {
-    ({ trigger, children, open, onOpenChange, contentClassName, asChild, align, side, alignOffset, triggerClassName, sideOffset, onOpenAutoFocus, onCloseAutoFocus, portal, id, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> & PopoverPropsType): react_jsx_runtime.JSX.Element;
+    ({ trigger, children, open, onOpenChange, contentClassName, asChild, align, side, alignOffset, triggerClassName, sideOffset, onOpenAutoFocus, onCloseAutoFocus, portal, id, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> & PopoverPropsType): React$1.JSX.Element;
     displayName: string | undefined;
 };
 
@@ -265,7 +265,7 @@ interface BannerProps extends BannerTypes {
     open: boolean;
     onClose?: () => void;
 }
-declare const Banner: ({ type, title, description, open, showCloseButton, bottomNode, sideNode, onClose, showIcon, }: BannerProps) => react_jsx_runtime.JSX.Element | null;
+declare const Banner: ({ type, title, description, open, showCloseButton, bottomNode, sideNode, onClose, showIcon, }: BannerProps) => React$1.JSX.Element | null;
 
 interface CopyableLabelProps {
     text: string;
@@ -285,7 +285,7 @@ type DebouncedInputProps = {
     debounce?: number;
     addon?: React__default.ReactNode;
 } & Omit<BaseInnerInputProps, "onChange" | "size">;
-declare const DebouncedInput: ({ value: initialValue, onChange, debounce, addon, ...props }: DebouncedInputProps) => react_jsx_runtime.JSX.Element;
+declare const DebouncedInput: ({ value: initialValue, onChange, debounce, addon, ...props }: DebouncedInputProps) => React__default.JSX.Element;
 
 type Props = {
     environment: "staging" | "sandbox" | "production";
@@ -298,13 +298,13 @@ type Props = {
     removeFromStorage: () => void;
     syncLocalStorageToState: () => void;
 };
-declare const DevBanner: (props: Props) => react_jsx_runtime.JSX.Element | null;
+declare const DevBanner: (props: Props) => React$1.JSX.Element | null;
 
 type DrawerRootType = React$1.ComponentProps<typeof Drawer$1.Root> & {
     id?: string;
 };
 declare const DrawerRoot: {
-    ({ shouldScaleBackground, ...props }: DrawerRootType): react_jsx_runtime.JSX.Element;
+    ({ shouldScaleBackground, ...props }: DrawerRootType): React$1.JSX.Element;
     displayName: string;
 };
 declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -326,7 +326,7 @@ type DrawerPropsType = {
     onCloseAutoFocus?: (e: Event) => void;
     modal?: boolean;
 };
-declare const Drawer: ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, drawerContentClassName, onCloseAutoFocus, id, modal, }: Omit<DrawerRootType, "value"> & DrawerPropsType) => react_jsx_runtime.JSX.Element;
+declare const Drawer: ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, drawerContentClassName, onCloseAutoFocus, id, modal, }: Omit<DrawerRootType, "value"> & DrawerPropsType) => React$1.JSX.Element;
 
 type LocaleOption = {
     key: string;
@@ -336,7 +336,7 @@ declare const LocaleSelector: ({ locale, onChange, locales, }: {
     locale?: string;
     onChange?: (locale: string) => void;
     locales?: LocaleOption[];
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 
 type BusinessType = {
     clientId?: string;
@@ -399,14 +399,14 @@ interface IAppConfig {
 }
 type CollapseType = "icons" | "hidden";
 
-declare const Sidebar: ({ isSidebarCollapsed, onToggleSideBar, isMobile, links, businessProps, currentPath, onNavigate, appConfig, collapseType: propCollapseType, onLogoutClick, openSidebarIcon, closedSidebarIcon, nodeAfterSideBarLogo, }: SidebarProps) => react_jsx_runtime.JSX.Element;
+declare const Sidebar: ({ isSidebarCollapsed, onToggleSideBar, isMobile, links, businessProps, currentPath, onNavigate, appConfig, collapseType: propCollapseType, onLogoutClick, openSidebarIcon, closedSidebarIcon, nodeAfterSideBarLogo, }: SidebarProps) => React$1.JSX.Element;
 
 type Variant = "success" | "failed" | "pending" | "abandoned";
 declare const Status: ({ status, variant, className, }: {
     status: string;
     variant: Variant;
     className?: string;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 
 type RowAction = {
     icon: React__default.ReactNode;
@@ -471,7 +471,7 @@ type PaginationProps = {
  * @param {function} onPageChange - Callback function to handle page change.
  * @param {number | undefined} itemsPerPage - The number of items per page.
  */
-declare const Pagination: ({ currentPage, totalPages, onPageChange, itemsPerPage, totalItems, id, }: PaginationProps) => react_jsx_runtime.JSX.Element;
+declare const Pagination: ({ currentPage, totalPages, onPageChange, itemsPerPage, totalItems, id, }: PaginationProps) => React$1.JSX.Element;
 
 type TableSearchProps = {
     enabled: boolean;
@@ -521,7 +521,7 @@ type TableProps<T extends RowData> = {
     };
     emptyDataMessage?: ReactNode;
 };
-declare const Table: <T extends RowData>({ table, isMobile, onRowClick, id, onRefetch, isRefetching, FilterMenu, ExtraNode, onExport, search, download, isLoading, pagination, filterListOptions, setAppliedFilters, onFilterChange, tableBulkActions, emptyDataMessage, }: TableProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Table: <T extends RowData>({ table, isMobile, onRowClick, id, onRefetch, isRefetching, FilterMenu, ExtraNode, onExport, search, download, isLoading, pagination, filterListOptions, setAppliedFilters, onFilterChange, tableBulkActions, emptyDataMessage, }: TableProps<T>) => React$1.JSX.Element;
 
 type PageDataToolbarProps = {
     onRefetch?: () => void;
@@ -536,7 +536,7 @@ type PageDataToolbarProps = {
     filterListOptions?: FilterListItem[];
     id?: string;
 };
-declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, onFilterChange, id, }: PageDataToolbarProps) => react_jsx_runtime.JSX.Element;
+declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, onFilterChange, id, }: PageDataToolbarProps) => React$1.JSX.Element;
 
 type ResourcePermission = {
     resource: string;
@@ -555,7 +555,7 @@ declare const PermissionsContext: React$1.Context<ResourcePermissions | undefine
 declare const PermissionsProvider: ({ permissions, children, }: {
     permissions: ResourcePermissions;
     children: ReactNode;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 
 declare const usePermissions: () => ResourcePermissions | undefined;
 declare const useHasPermission: (permission: {
@@ -569,7 +569,7 @@ declare const useHasPermission: (permission: {
     }) => boolean;
 };
 
-declare const HasResourcePermission: ({ permission, children, }: ResourcePermissionProps) => react_jsx_runtime.JSX.Element;
+declare const HasResourcePermission: ({ permission, children, }: ResourcePermissionProps) => React$1.JSX.Element;
 
 type CalendarInputProps = {
     label?: string;
@@ -585,7 +585,7 @@ type CalendarInputProps = {
     showTime?: boolean;
     id?: string;
 };
-declare const CalendarInput: ({ label, optional, onChange, error, helpText, value, maxDate, closeOnSelect, modal, minDate, showTime, id, }: CalendarInputProps) => react_jsx_runtime.JSX.Element;
+declare const CalendarInput: ({ label, optional, onChange, error, helpText, value, maxDate, closeOnSelect, modal, minDate, showTime, id, }: CalendarInputProps) => React$1.JSX.Element;
 
 declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     className?: string;
@@ -600,7 +600,7 @@ type FilterPopoverProps = FilterContentProps & {
     id?: string;
     onChange?: (values: Record<string, any>) => void;
 };
-declare const FilterPopover: ({ filters, setAppliedFilters, isOpen, onChange, id, }: FilterPopoverProps) => react_jsx_runtime.JSX.Element | null;
+declare const FilterPopover: ({ filters, setAppliedFilters, isOpen, onChange, id, }: FilterPopoverProps) => React$1.JSX.Element | null;
 
 interface FilterSliceType {
     filters: Record<string, any> | null;
@@ -629,7 +629,7 @@ interface TextOverflowProps extends React__default.HTMLAttributes<HTMLElement> {
  * - className: string (optional) - Additional CSS classes for the container.
  * - ...rest: Other HTML attributes passed to the container.
  */
-declare const TextOverflow: ({ children, mode, className, as: Component, ...rest }: TextOverflowProps) => react_jsx_runtime.JSX.Element;
+declare const TextOverflow: ({ children, mode, className, as: Component, ...rest }: TextOverflowProps) => React__default.JSX.Element;
 
 declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     viewPortClassName?: string;
@@ -666,21 +666,21 @@ interface MultiSelectTriggerProps extends VariantProps<typeof inputContainerVari
     className?: string;
     onDelete?: (el: MultiSelectDataType) => void;
 }
-declare const MultiSelectTrigger: React$1.MemoExoticComponent<({ disabled, className, values, placeholder, status, onDelete, }: MultiSelectTriggerProps) => react_jsx_runtime.JSX.Element>;
-declare const MultiSelect: ({ options, children, onChange, optionComponent, values: dataValues, hideSearch, modal, placeholder, isLoading, showSelectedValues, error, label, showAsterisk, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
+declare const MultiSelectTrigger: React$1.MemoExoticComponent<({ disabled, className, values, placeholder, status, onDelete, }: MultiSelectTriggerProps) => React$1.JSX.Element>;
+declare const MultiSelect: ({ options, children, onChange, optionComponent, values: dataValues, hideSearch, modal, placeholder, isLoading, showSelectedValues, error, label, showAsterisk, }: MultiSelectProps) => React$1.JSX.Element;
 
 type Tab = {
     key: string;
     title: React.ReactNode;
     count?: number | boolean;
-    content: JSX.Element | React.ReactNode;
+    content: React.ReactNode;
 };
 type TabsProps = {
     tabs: Tab[];
     defaultValue?: string;
     onChange?: (value?: string) => void;
 };
-declare function Tabs({ tabs, defaultValue, onChange }: TabsProps): react_jsx_runtime.JSX.Element;
+declare function Tabs({ tabs, defaultValue, onChange }: TabsProps): React$1.JSX.Element;
 
 declare const featureBannerVariants: (props?: ({
     variant?: "success" | "pending" | "default" | "danger" | null | undefined;
@@ -711,7 +711,7 @@ type FeatureBannerProps = {
     classNames?: FeatureBannerClassNames;
 } & VariantProps<typeof featureBannerVariants>;
 
-declare const FeatureBanner: ({ title, message, variant, icon, action, dismissible, onDismiss, isOpen, align, classNames, }: FeatureBannerProps) => react_jsx_runtime.JSX.Element | null;
+declare const FeatureBanner: ({ title, message, variant, icon, action, dismissible, onDismiss, isOpen, align, classNames, }: FeatureBannerProps) => React$1.JSX.Element | null;
 
 type EditorControl = "bold" | "italic" | "underline" | "strike" | "heading1" | "bulletList" | "orderedList" | "blockquote" | "textStyle" | "link";
 
@@ -796,7 +796,7 @@ type RichTextEditorProps = {
  * <a href="https://example.com">A link</a>
  * ```
  */
-declare const RichTextEditor: ({ label, helpText, error, value, onChange, optional, isRequired, extensions, editorClassName, wrapperClassName, controls, extraMenuNodes, placeholder, }: RichTextEditorProps) => react_jsx_runtime.JSX.Element | null;
+declare const RichTextEditor: ({ label, helpText, error, value, onChange, optional, isRequired, extensions, editorClassName, wrapperClassName, controls, extraMenuNodes, placeholder, }: RichTextEditorProps) => React$1.JSX.Element | null;
 
 declare const CurrencySymbolMap: Record<string, string>;
 interface FormatCurrencyOptions {

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { DetailedHTMLProps, ButtonHTMLAttributes, ReactNode } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -38,7 +37,7 @@ type TooltipPropsType = {
     arrowClassName?: string;
 };
 declare const Tooltip: {
-    ({ trigger, children, contentClassName, triggerClassName, asChild, side, sideOffset, align, alignOffset, delayDuration, hasArrow, arrowClassName, ...props }: TooltipPropsType & React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+    ({ trigger, children, contentClassName, triggerClassName, asChild, side, sideOffset, align, alignOffset, delayDuration, hasArrow, arrowClassName, ...props }: TooltipPropsType & React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -52,7 +51,7 @@ type Colours = "primary" | "secondary";
 declare const Loader: ({ size, colour, }: {
     size?: number;
     colour?: Colours;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "danger" | "neutral" | "outlined" | "danger-outlined" | "light-outlined" | "dark-text" | "light" | null | undefined;
@@ -69,12 +68,12 @@ interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonE
 declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const inputVariants: (props?: ({
-    status?: "loading" | "default" | "error" | "neutral" | "prefilled" | null | undefined;
+    status?: "default" | "error" | "neutral" | "loading" | "prefilled" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface BaseInnerInputProps extends React$1.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
 }
 declare const inputContainerVariants: (props?: ({
-    status?: "loading" | "default" | "error" | "neutral" | "prefilled" | null | undefined;
+    status?: "default" | "error" | "neutral" | "loading" | "prefilled" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface InputProps extends BaseInnerInputProps, VariantProps<typeof inputContainerVariants> {
     isLoading?: boolean;
@@ -99,7 +98,7 @@ type PasswordInputProps = InputProps & {
     disableValidation?: boolean;
 };
 declare const PasswordInput: {
-    ({ onValidate, onChange, disableValidation, ...props }: PasswordInputProps): react_jsx_runtime.JSX.Element;
+    ({ onValidate, onChange, disableValidation, ...props }: PasswordInputProps): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -111,7 +110,7 @@ interface TextareaProps extends DetailedHTMLProps<React$1.TextareaHTMLAttributes
     description?: React$1.ReactNode;
 }
 declare const Textarea: {
-    ({ className, status, disabled, error, isLoading, showAsterisk, label, description, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+    ({ className, status, disabled, error, isLoading, showAsterisk, label, description, ...props }: TextareaProps): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -142,7 +141,7 @@ interface CountryProps {
     description?: React.ReactNode;
     error?: string;
 }
-declare const Country: ({ hideSearch, showAsterisk, label, description, error, ...props }: CountryProps) => react_jsx_runtime.JSX.Element;
+declare const Country: ({ hideSearch, showAsterisk, label, description, error, ...props }: CountryProps) => React$1.JSX.Element;
 
 type SelectPropsStatus = VariantProps<typeof inputContainerVariants>["status"];
 interface SelectProps {
@@ -166,7 +165,7 @@ interface SelectProps {
     error?: string;
     id?: string;
 }
-declare const Select: ({ showAsterisk, label, description, error, hideSearch, status, ...props }: SelectProps) => react_jsx_runtime.JSX.Element;
+declare const Select: ({ showAsterisk, label, description, error, hideSearch, status, ...props }: SelectProps) => React$1.JSX.Element;
 
 type PhoneInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
     onChange?: (value: RPNInput.Value) => void;
@@ -190,7 +189,7 @@ type FlagComponentProps = RPNInput.FlagProps & {
     className?: string;
 };
 declare const FlagComponent: {
-    ({ country, countryName, className, }: FlagComponentProps): react_jsx_runtime.JSX.Element;
+    ({ country, countryName, className, }: FlagComponentProps): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -212,20 +211,21 @@ type DialogPropsType = {
     onInteractOutside?: (e: Event) => void;
     onPointerDownOutside?: (e: Event) => void;
     onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    closeOnOutsideClick?: boolean;
 };
 declare const Dialog: {
-    ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, onCloseAutoFocus, onEscapeKeyDown, onInteractOutside, onPointerDownOutside, ...props }: React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Root> & DialogPropsType): react_jsx_runtime.JSX.Element;
+    ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, onCloseAutoFocus, onEscapeKeyDown, onInteractOutside, onPointerDownOutside, closeOnOutsideClick, ...props }: React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Root> & DialogPropsType): React$1.JSX.Element;
     displayName: string | undefined;
 };
 
 declare const otpInputVariants: (props?: ({
-    status?: "loading" | "default" | "error" | null | undefined;
+    status?: "default" | "error" | "loading" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 type DefailtInputProps = Omit<OTPInputProps$1, "renderInput">;
 type OTPInputProps = DefailtInputProps & VariantProps<typeof otpInputVariants> & {
     inputMode?: React.HTMLAttributes<HTMLInputElement>["inputMode"];
 };
-declare const OTPInput: ({ numInputs, inputStyle, containerStyle, placeholder, status, inputMode, inputType, ...props }: OTPInputProps) => react_jsx_runtime.JSX.Element;
+declare const OTPInput: ({ numInputs, inputStyle, containerStyle, placeholder, status, inputMode, inputType, ...props }: OTPInputProps) => React$1.JSX.Element;
 
 declare const PopoverRoot: React$1.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
@@ -248,7 +248,7 @@ type PopoverPropsType = {
     id?: string;
 };
 declare const Popover: {
-    ({ trigger, children, open, onOpenChange, contentClassName, asChild, align, side, alignOffset, triggerClassName, sideOffset, onOpenAutoFocus, onCloseAutoFocus, portal, id, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> & PopoverPropsType): react_jsx_runtime.JSX.Element;
+    ({ trigger, children, open, onOpenChange, contentClassName, asChild, align, side, alignOffset, triggerClassName, sideOffset, onOpenAutoFocus, onCloseAutoFocus, portal, id, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> & PopoverPropsType): React$1.JSX.Element;
     displayName: string | undefined;
 };
 
@@ -265,7 +265,7 @@ interface BannerProps extends BannerTypes {
     open: boolean;
     onClose?: () => void;
 }
-declare const Banner: ({ type, title, description, open, showCloseButton, bottomNode, sideNode, onClose, showIcon, }: BannerProps) => react_jsx_runtime.JSX.Element | null;
+declare const Banner: ({ type, title, description, open, showCloseButton, bottomNode, sideNode, onClose, showIcon, }: BannerProps) => React$1.JSX.Element | null;
 
 interface CopyableLabelProps {
     text: string;
@@ -285,7 +285,7 @@ type DebouncedInputProps = {
     debounce?: number;
     addon?: React__default.ReactNode;
 } & Omit<BaseInnerInputProps, "onChange" | "size">;
-declare const DebouncedInput: ({ value: initialValue, onChange, debounce, addon, ...props }: DebouncedInputProps) => react_jsx_runtime.JSX.Element;
+declare const DebouncedInput: ({ value: initialValue, onChange, debounce, addon, ...props }: DebouncedInputProps) => React__default.JSX.Element;
 
 type Props = {
     environment: "staging" | "sandbox" | "production";
@@ -298,13 +298,13 @@ type Props = {
     removeFromStorage: () => void;
     syncLocalStorageToState: () => void;
 };
-declare const DevBanner: (props: Props) => react_jsx_runtime.JSX.Element | null;
+declare const DevBanner: (props: Props) => React$1.JSX.Element | null;
 
 type DrawerRootType = React$1.ComponentProps<typeof Drawer$1.Root> & {
     id?: string;
 };
 declare const DrawerRoot: {
-    ({ shouldScaleBackground, ...props }: DrawerRootType): react_jsx_runtime.JSX.Element;
+    ({ shouldScaleBackground, ...props }: DrawerRootType): React$1.JSX.Element;
     displayName: string;
 };
 declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -326,7 +326,7 @@ type DrawerPropsType = {
     onCloseAutoFocus?: (e: Event) => void;
     modal?: boolean;
 };
-declare const Drawer: ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, drawerContentClassName, onCloseAutoFocus, id, modal, }: Omit<DrawerRootType, "value"> & DrawerPropsType) => react_jsx_runtime.JSX.Element;
+declare const Drawer: ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, drawerContentClassName, onCloseAutoFocus, id, modal, }: Omit<DrawerRootType, "value"> & DrawerPropsType) => React$1.JSX.Element;
 
 type LocaleOption = {
     key: string;
@@ -336,7 +336,7 @@ declare const LocaleSelector: ({ locale, onChange, locales, }: {
     locale?: string;
     onChange?: (locale: string) => void;
     locales?: LocaleOption[];
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 
 type BusinessType = {
     clientId?: string;
@@ -399,14 +399,14 @@ interface IAppConfig {
 }
 type CollapseType = "icons" | "hidden";
 
-declare const Sidebar: ({ isSidebarCollapsed, onToggleSideBar, isMobile, links, businessProps, currentPath, onNavigate, appConfig, collapseType: propCollapseType, onLogoutClick, openSidebarIcon, closedSidebarIcon, nodeAfterSideBarLogo, }: SidebarProps) => react_jsx_runtime.JSX.Element;
+declare const Sidebar: ({ isSidebarCollapsed, onToggleSideBar, isMobile, links, businessProps, currentPath, onNavigate, appConfig, collapseType: propCollapseType, onLogoutClick, openSidebarIcon, closedSidebarIcon, nodeAfterSideBarLogo, }: SidebarProps) => React$1.JSX.Element;
 
 type Variant = "success" | "failed" | "pending" | "abandoned";
 declare const Status: ({ status, variant, className, }: {
     status: string;
     variant: Variant;
     className?: string;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 
 type RowAction = {
     icon: React__default.ReactNode;
@@ -471,7 +471,7 @@ type PaginationProps = {
  * @param {function} onPageChange - Callback function to handle page change.
  * @param {number | undefined} itemsPerPage - The number of items per page.
  */
-declare const Pagination: ({ currentPage, totalPages, onPageChange, itemsPerPage, totalItems, id, }: PaginationProps) => react_jsx_runtime.JSX.Element;
+declare const Pagination: ({ currentPage, totalPages, onPageChange, itemsPerPage, totalItems, id, }: PaginationProps) => React$1.JSX.Element;
 
 type TableSearchProps = {
     enabled: boolean;
@@ -521,7 +521,7 @@ type TableProps<T extends RowData> = {
     };
     emptyDataMessage?: ReactNode;
 };
-declare const Table: <T extends RowData>({ table, isMobile, onRowClick, id, onRefetch, isRefetching, FilterMenu, ExtraNode, onExport, search, download, isLoading, pagination, filterListOptions, setAppliedFilters, onFilterChange, tableBulkActions, emptyDataMessage, }: TableProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Table: <T extends RowData>({ table, isMobile, onRowClick, id, onRefetch, isRefetching, FilterMenu, ExtraNode, onExport, search, download, isLoading, pagination, filterListOptions, setAppliedFilters, onFilterChange, tableBulkActions, emptyDataMessage, }: TableProps<T>) => React$1.JSX.Element;
 
 type PageDataToolbarProps = {
     onRefetch?: () => void;
@@ -536,7 +536,7 @@ type PageDataToolbarProps = {
     filterListOptions?: FilterListItem[];
     id?: string;
 };
-declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, onFilterChange, id, }: PageDataToolbarProps) => react_jsx_runtime.JSX.Element;
+declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, onFilterChange, id, }: PageDataToolbarProps) => React$1.JSX.Element;
 
 type ResourcePermission = {
     resource: string;
@@ -555,7 +555,7 @@ declare const PermissionsContext: React$1.Context<ResourcePermissions | undefine
 declare const PermissionsProvider: ({ permissions, children, }: {
     permissions: ResourcePermissions;
     children: ReactNode;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 
 declare const usePermissions: () => ResourcePermissions | undefined;
 declare const useHasPermission: (permission: {
@@ -569,7 +569,7 @@ declare const useHasPermission: (permission: {
     }) => boolean;
 };
 
-declare const HasResourcePermission: ({ permission, children, }: ResourcePermissionProps) => react_jsx_runtime.JSX.Element;
+declare const HasResourcePermission: ({ permission, children, }: ResourcePermissionProps) => React$1.JSX.Element;
 
 type CalendarInputProps = {
     label?: string;
@@ -585,7 +585,7 @@ type CalendarInputProps = {
     showTime?: boolean;
     id?: string;
 };
-declare const CalendarInput: ({ label, optional, onChange, error, helpText, value, maxDate, closeOnSelect, modal, minDate, showTime, id, }: CalendarInputProps) => react_jsx_runtime.JSX.Element;
+declare const CalendarInput: ({ label, optional, onChange, error, helpText, value, maxDate, closeOnSelect, modal, minDate, showTime, id, }: CalendarInputProps) => React$1.JSX.Element;
 
 declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     className?: string;
@@ -600,7 +600,7 @@ type FilterPopoverProps = FilterContentProps & {
     id?: string;
     onChange?: (values: Record<string, any>) => void;
 };
-declare const FilterPopover: ({ filters, setAppliedFilters, isOpen, onChange, id, }: FilterPopoverProps) => react_jsx_runtime.JSX.Element | null;
+declare const FilterPopover: ({ filters, setAppliedFilters, isOpen, onChange, id, }: FilterPopoverProps) => React$1.JSX.Element | null;
 
 interface FilterSliceType {
     filters: Record<string, any> | null;
@@ -629,7 +629,7 @@ interface TextOverflowProps extends React__default.HTMLAttributes<HTMLElement> {
  * - className: string (optional) - Additional CSS classes for the container.
  * - ...rest: Other HTML attributes passed to the container.
  */
-declare const TextOverflow: ({ children, mode, className, as: Component, ...rest }: TextOverflowProps) => react_jsx_runtime.JSX.Element;
+declare const TextOverflow: ({ children, mode, className, as: Component, ...rest }: TextOverflowProps) => React__default.JSX.Element;
 
 declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     viewPortClassName?: string;
@@ -666,21 +666,21 @@ interface MultiSelectTriggerProps extends VariantProps<typeof inputContainerVari
     className?: string;
     onDelete?: (el: MultiSelectDataType) => void;
 }
-declare const MultiSelectTrigger: React$1.MemoExoticComponent<({ disabled, className, values, placeholder, status, onDelete, }: MultiSelectTriggerProps) => react_jsx_runtime.JSX.Element>;
-declare const MultiSelect: ({ options, children, onChange, optionComponent, values: dataValues, hideSearch, modal, placeholder, isLoading, showSelectedValues, error, label, showAsterisk, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
+declare const MultiSelectTrigger: React$1.MemoExoticComponent<({ disabled, className, values, placeholder, status, onDelete, }: MultiSelectTriggerProps) => React$1.JSX.Element>;
+declare const MultiSelect: ({ options, children, onChange, optionComponent, values: dataValues, hideSearch, modal, placeholder, isLoading, showSelectedValues, error, label, showAsterisk, }: MultiSelectProps) => React$1.JSX.Element;
 
 type Tab = {
     key: string;
     title: React.ReactNode;
     count?: number | boolean;
-    content: JSX.Element | React.ReactNode;
+    content: React.ReactNode;
 };
 type TabsProps = {
     tabs: Tab[];
     defaultValue?: string;
     onChange?: (value?: string) => void;
 };
-declare function Tabs({ tabs, defaultValue, onChange }: TabsProps): react_jsx_runtime.JSX.Element;
+declare function Tabs({ tabs, defaultValue, onChange }: TabsProps): React$1.JSX.Element;
 
 declare const featureBannerVariants: (props?: ({
     variant?: "success" | "pending" | "default" | "danger" | null | undefined;
@@ -711,7 +711,7 @@ type FeatureBannerProps = {
     classNames?: FeatureBannerClassNames;
 } & VariantProps<typeof featureBannerVariants>;
 
-declare const FeatureBanner: ({ title, message, variant, icon, action, dismissible, onDismiss, isOpen, align, classNames, }: FeatureBannerProps) => react_jsx_runtime.JSX.Element | null;
+declare const FeatureBanner: ({ title, message, variant, icon, action, dismissible, onDismiss, isOpen, align, classNames, }: FeatureBannerProps) => React$1.JSX.Element | null;
 
 type EditorControl = "bold" | "italic" | "underline" | "strike" | "heading1" | "bulletList" | "orderedList" | "blockquote" | "textStyle" | "link";
 
@@ -796,7 +796,7 @@ type RichTextEditorProps = {
  * <a href="https://example.com">A link</a>
  * ```
  */
-declare const RichTextEditor: ({ label, helpText, error, value, onChange, optional, isRequired, extensions, editorClassName, wrapperClassName, controls, extraMenuNodes, placeholder, }: RichTextEditorProps) => react_jsx_runtime.JSX.Element | null;
+declare const RichTextEditor: ({ label, helpText, error, value, onChange, optional, isRequired, extensions, editorClassName, wrapperClassName, controls, extraMenuNodes, placeholder, }: RichTextEditorProps) => React$1.JSX.Element | null;
 
 declare const CurrencySymbolMap: Record<string, string>;
 interface FormatCurrencyOptions {