@sikka/hawa 0.35.5-next → 0.36.0-next

package/dist/elements/index.mjs

@@ -1,10 +1,7 @@
 "use client";
 import {
   Alert,
-  CheckMark,
   Checkbox,
-  EyeIcon,
-  HiddenEyeIcon,
   Input,
   PhoneInput,
   PinInput,
@@ -24,9 +21,8 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger,
-  Textarea,
-  UncheckMark
-} from "../chunk-TERP5K6R.mjs";
+  Textarea
+} from "../chunk-T33FXOHA.mjs";
 import {
   useClipboard
 } from "../chunk-OPYDG34F.mjs";
@@ -41,7 +37,7 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "../chunk-HSRW7X3Z.mjs";
+} from "../chunk-6QIOEUE2.mjs";
 import {
   Button,
   Card,
@@ -50,6 +46,7 @@ import {
   CardFooter,
   CardHeader,
   CardTitle,
+  CheckMark,
   Chip,
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -68,18 +65,21 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  EyeIcon,
+  HiddenEyeIcon,
   Label,
   Loading,
   Logos,
   Skeleton,
   Tooltip,
+  UncheckMark,
   buttonVariants,
   calculateLuminance,
   cn
-} from "../chunk-G7JHUC5N.mjs";
+} from "../chunk-NNPNQK6F.mjs";
 import {
   __require
-} from "../chunk-545D35G6.mjs";
+} from "../chunk-SYGWSBJL.mjs";
 
 // elements/accordion/Accordion.tsx
 import * as React3 from "react";
@@ -906,6 +906,7 @@ TableHeader.displayName = "TableHeader";
 TableCaption.displayName = "TableCaption";
 
 // elements/dataTable/DataTable.tsx
+var LOCAL_STORAGE_KEY = "datatable-column-visibility";
 var DataTable = ({
   columns,
   data,
@@ -925,7 +926,10 @@ var DataTable = ({
   );
   const [globalFilter, setGlobalFilter] = React10.useState("");
   const [expanded, setExpanded] = React10.useState({});
-  const [columnVisibility, setColumnVisibility] = React10.useState({});
+  const [columnVisibility, setColumnVisibility] = React10.useState(() => {
+    const savedVisibility = localStorage.getItem(LOCAL_STORAGE_KEY);
+    return savedVisibility ? JSON.parse(savedVisibility) : {};
+  });
   const [rowSelection, setRowSelection] = React10.useState({});
   const table = useReactTable({
     data,
@@ -955,12 +959,20 @@ var DataTable = ({
     label: `${item} / ${pageText}`,
     value: item
   }));
+  React10.useEffect(() => {
+    localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(columnVisibility));
+  }, [columnVisibility]);
   React10.useEffect(() => {
     setColumnVisibility((prev) => {
       let newColumnVisibility = {};
       columns.forEach((column) => {
         var _a2;
-        newColumnVisibility[column.accessorKey] = !((_a2 = column.meta) == null ? void 0 : _a2.hidden);
+        const savedVisibility = prev[column.accessorKey];
+        if (savedVisibility !== void 0) {
+          newColumnVisibility[column.accessorKey] = savedVisibility;
+        } else {
+          newColumnVisibility[column.accessorKey] = !((_a2 = column.meta) == null ? void 0 : _a2.hidden);
+        }
       });
       return newColumnVisibility;
     });
@@ -1129,7 +1141,7 @@ var DataTable = ({
           }
           table.setPageIndex(page);
         },
-        className: "hawa-w-16 hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-text-sm"
+        className: "hawa-w-16 hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-text-sm placeholder:hawa-text-muted-foreground"
       }
     )), /* @__PURE__ */ React10.createElement(
       DropdownMenu,
@@ -2219,7 +2231,7 @@ var ColorPicker = ({
       value: selectedColor,
       className: cn(
         "hawa-block hawa-h-[40px] hawa-w-24 hawa-rounded hawa-rounded-l-none hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all",
-        "hawa-border hawa-border-l-0 hawa-border-l-transparent"
+        "hawa-border hawa-border-l-0 hawa-border-l-transparent placeholder:hawa-text-muted-foreground"
         // "hawa-border hawa-border-x-0 hawa-border-x-transparent hawa-border-b-0 hawa-rounded-tr-none"
       ),
       style: {

package/dist/hooks/index.d.mts

@@ -1,3 +1,4 @@
+import * as React$1 from 'react';
 import React__default, { useLayoutEffect, RefObject } from 'react';
 import { T as ToasterToastProps } from '../Toast-BcFD9aeQ.mjs';
 import 'class-variance-authority/types';
@@ -106,4 +107,6 @@ interface ContentRect {
 }
 declare const useMeasureDirty: (ref: RefObject<HTMLElement>) => ContentRect;
 
-export { type ContentRect, type UseFocusWithinOptions, type UseMediaQueryOptions, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
+declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: (HTMLElement | null)[]): React$1.MutableRefObject<T | undefined>;
+
+export { type ContentRect, type UseFocusWithinOptions, type UseMediaQueryOptions, reducer, toast, useBreakpoint, useClickOutside, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
+import * as React$1 from 'react';
 import React__default, { useLayoutEffect, RefObject } from 'react';
 import { T as ToasterToastProps } from '../Toast-fy9tBz19.js';
 import 'class-variance-authority/types';
@@ -106,4 +107,6 @@ interface ContentRect {
 }
 declare const useMeasureDirty: (ref: RefObject<HTMLElement>) => ContentRect;
 
-export { type ContentRect, type UseFocusWithinOptions, type UseMediaQueryOptions, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
+declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: (HTMLElement | null)[]): React$1.MutableRefObject<T | undefined>;
+
+export { type ContentRect, type UseFocusWithinOptions, type UseMediaQueryOptions, reducer, toast, useBreakpoint, useClickOutside, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };

package/dist/hooks/index.js

@@ -34,6 +34,7 @@ __export(hooks_exports, {
   reducer: () => reducer,
   toast: () => toast,
   useBreakpoint: () => useBreakpoint,
+  useClickOutside: () => useClickOutside,
   useClipboard: () => useClipboard,
   useDialogCarousel: () => useDialogCarousel,
   useFocusWithin: () => useFocusWithin,
@@ -461,13 +462,41 @@ var useMeasureDirty = (ref) => {
   return rect;
 };
 
-// hooks/useOutsideClick.ts
-var import_react16 = __toESM(require("react"));
+// hooks/useClickOutside.ts
+var import_react16 = require("react");
+var DEFAULT_EVENTS = ["mousedown", "touchstart"];
+function useClickOutside(handler, events, nodes) {
+  const ref = (0, import_react16.useRef)();
+  (0, import_react16.useEffect)(() => {
+    const listener = (event) => {
+      const { target } = event != null ? event : {};
+      if (Array.isArray(nodes)) {
+        const shouldIgnore = (target == null ? void 0 : target.hasAttribute("data-ignore-outside-clicks")) || !document.body.contains(target) && target.tagName !== "HTML";
+        const shouldTrigger = nodes.every(
+          (node) => !!node && !event.composedPath().includes(node)
+        );
+        shouldTrigger && !shouldIgnore && handler();
+      } else if (ref.current && !ref.current.contains(target)) {
+        handler();
+      }
+    };
+    (events || DEFAULT_EVENTS).forEach(
+      (fn) => document.addEventListener(fn, listener)
+    );
+    return () => {
+      (events || DEFAULT_EVENTS).forEach(
+        (fn) => document.removeEventListener(fn, listener)
+      );
+    };
+  }, [ref, handler, nodes]);
+  return ref;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   reducer,
   toast,
   useBreakpoint,
+  useClickOutside,
   useClipboard,
   useDialogCarousel,
   useFocusWithin,

package/dist/hooks/index.mjs

@@ -14,12 +14,14 @@ import {
   useWindowSize
 } from "../chunk-OPYDG34F.mjs";
 import {
-  useBreakpoint
-} from "../chunk-545D35G6.mjs";
+  useBreakpoint,
+  useClickOutside
+} from "../chunk-SYGWSBJL.mjs";
 export {
   reducer,
   toast,
   useBreakpoint,
+  useClickOutside,
   useClipboard,
   useDialogCarousel,
   useFocusWithin,

package/dist/index.css

@@ -1296,6 +1296,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-ms-2 {
   margin-inline-start: 0.5rem;
 }
+.hawa-ms-auto {
+  margin-inline-start: auto;
+}
 .hawa-mt-0 {
   margin-top: 0px;
 }
@@ -2275,6 +2278,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-border-t-transparent {
   border-top-color: transparent;
 }
+.\!hawa-bg-destructive\/\[0\.3\] {
+  background-color: hsl(var(--destructive) / 0.3) !important;
+}
 .\!hawa-bg-transparent {
   background-color: transparent !important;
 }
@@ -2896,6 +2902,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-text-opacity: 1;
   color: rgb(14 116 144 / var(--tw-text-opacity));
 }
+.hawa-text-destructive {
+  --tw-text-opacity: 1;
+  color: hsl(var(--destructive) / var(--tw-text-opacity));
+}
 .hawa-text-destructive-foreground {
   --tw-text-opacity: 1;
   color: hsl(var(--destructive-foreground) / var(--tw-text-opacity));

package/dist/index.d.mts

@@ -206,7 +206,7 @@ type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
     /** Enable/Disable the dot before the label of the chip */
     dot?: boolean;
     /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
-    dotType?: "available" | "unavailable";
+    dotStatus?: "available" | "unavailable" | "none";
     radius?: RadiusType;
 };
 declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & {
@@ -221,7 +221,7 @@ declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTML
     /** Enable/Disable the dot before the label of the chip */
     dot?: boolean | undefined;
     /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
-    dotType?: "available" | "unavailable" | undefined;
+    dotStatus?: "none" | "available" | "unavailable" | undefined;
     radius?: RadiusType | undefined;
 } & React__default.RefAttributes<HTMLSpanElement>>;
 
@@ -683,6 +683,7 @@ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
 
 type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
     isLoading?: boolean;
+    isLoadingError?: boolean;
     containerClassName?: string;
     margin?: "none" | "normal" | "large";
     width?: "small" | "normal" | "full" | "auto";
@@ -692,6 +693,7 @@ type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
     hideSeparator?: boolean;
     /** The small red text under the input field to show validation.   */
     helperText?: any;
+    prefixText?: any;
     forceHideHelperText?: boolean;
     inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
     /** The icon inside the input field */
@@ -711,10 +713,11 @@ type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
     popup?: boolean;
     popupContent?: React__default.ReactNode;
     outsidePrefix?: any;
-    prefixText?: any;
+    loadingErrorMesssage?: string;
 };
 declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
     isLoading?: boolean | undefined;
+    isLoadingError?: boolean | undefined;
     containerClassName?: string | undefined;
     margin?: "none" | "normal" | "large" | undefined;
     width?: "small" | "normal" | "full" | "auto" | undefined;
@@ -724,6 +727,7 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
     hideSeparator?: boolean | undefined;
     /** The small red text under the input field to show validation.   */
     helperText?: any;
+    prefixText?: any;
     forceHideHelperText?: boolean | undefined;
     inputProps?: React__default.InputHTMLAttributes<HTMLInputElement> | undefined;
     /** The icon inside the input field */
@@ -743,7 +747,7 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
     popup?: boolean | undefined;
     popupContent?: React__default.ReactNode;
     outsidePrefix?: any;
-    prefixText?: any;
+    loadingErrorMesssage?: string | undefined;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
@@ -2157,4 +2161,6 @@ interface ContentRect {
 }
 declare const useMeasureDirty: (ref: RefObject<HTMLElement>) => ContentRect;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, type ContentRect, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, type PhoneInputProps, PhoneMockup, PinInput, Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
+declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: (HTMLElement | null)[]): React$1.MutableRefObject<T | undefined>;
+
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, type ContentRect, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, type PhoneInputProps, PhoneMockup, PinInput, Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClickOutside, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };

package/dist/index.d.ts

@@ -206,7 +206,7 @@ type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
     /** Enable/Disable the dot before the label of the chip */
     dot?: boolean;
     /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
-    dotType?: "available" | "unavailable";
+    dotStatus?: "available" | "unavailable" | "none";
     radius?: RadiusType;
 };
 declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & {
@@ -221,7 +221,7 @@ declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTML
     /** Enable/Disable the dot before the label of the chip */
     dot?: boolean | undefined;
     /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
-    dotType?: "available" | "unavailable" | undefined;
+    dotStatus?: "none" | "available" | "unavailable" | undefined;
     radius?: RadiusType | undefined;
 } & React__default.RefAttributes<HTMLSpanElement>>;
 
@@ -683,6 +683,7 @@ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
 
 type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
     isLoading?: boolean;
+    isLoadingError?: boolean;
     containerClassName?: string;
     margin?: "none" | "normal" | "large";
     width?: "small" | "normal" | "full" | "auto";
@@ -692,6 +693,7 @@ type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
     hideSeparator?: boolean;
     /** The small red text under the input field to show validation.   */
     helperText?: any;
+    prefixText?: any;
     forceHideHelperText?: boolean;
     inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
     /** The icon inside the input field */
@@ -711,10 +713,11 @@ type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
     popup?: boolean;
     popupContent?: React__default.ReactNode;
     outsidePrefix?: any;
-    prefixText?: any;
+    loadingErrorMesssage?: string;
 };
 declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
     isLoading?: boolean | undefined;
+    isLoadingError?: boolean | undefined;
     containerClassName?: string | undefined;
     margin?: "none" | "normal" | "large" | undefined;
     width?: "small" | "normal" | "full" | "auto" | undefined;
@@ -724,6 +727,7 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
     hideSeparator?: boolean | undefined;
     /** The small red text under the input field to show validation.   */
     helperText?: any;
+    prefixText?: any;
     forceHideHelperText?: boolean | undefined;
     inputProps?: React__default.InputHTMLAttributes<HTMLInputElement> | undefined;
     /** The icon inside the input field */
@@ -743,7 +747,7 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
     popup?: boolean | undefined;
     popupContent?: React__default.ReactNode;
     outsidePrefix?: any;
-    prefixText?: any;
+    loadingErrorMesssage?: string | undefined;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
@@ -2157,4 +2161,6 @@ interface ContentRect {
 }
 declare const useMeasureDirty: (ref: RefObject<HTMLElement>) => ContentRect;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, type ContentRect, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, type PhoneInputProps, PhoneMockup, PinInput, Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
+declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: (HTMLElement | null)[]): React$1.MutableRefObject<T | undefined>;
+
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, type ContentRect, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, type PhoneInputProps, PhoneMockup, PinInput, Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClickOutside, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };