@ikatec/nebula-react 1.0.24 → 1.0.25

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React$1 from 'react';
-import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes, ReactNode } from 'react';
+import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes, ReactNode, DragEvent, ChangeEvent, InputHTMLAttributes, MutableRefObject } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -593,6 +593,7 @@ interface InputDatePickerSingleProps extends Omit<InputTextProps, 'onChange' | '
     className?: string;
     disabledDates?: CalendarProps['disabled'];
     onClean?: VoidFunction;
+    popoverContainer?: HTMLElement | null;
 }
 declare const dateIsAvailable: (inputDate?: Date | null, disabledDates?: InputDatePickerSingleProps["disabledDates"]) => boolean;
 declare const InputDatePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDatePickerSingleProps) => react_jsx_runtime.JSX.Element;
@@ -639,6 +640,30 @@ declare enum FileUploadError {
     MAXIMUM_FILE_SIZE_EXCEEDED = "MAXIMUM_FILE_SIZE_EXCEEDED",
     INVALID_FORMAT = "INVALID_FORMAT"
 }
+type FileUploadState = {
+    files: FileWithPreview[];
+    isDragging: boolean;
+    errors: {
+        file?: File | FileMetadata;
+        error: FileUploadError;
+    }[];
+};
+type FileUploadActions = {
+    addFiles: (files: FileList | File[]) => void;
+    removeFile: (id: string) => void;
+    clearFiles: () => void;
+    clearErrors: () => void;
+    handleDragEnter: (e: DragEvent<HTMLElement>) => void;
+    handleDragLeave: (e: DragEvent<HTMLElement>) => void;
+    handleDragOver: (e: DragEvent<HTMLElement>) => void;
+    handleDrop: (e: DragEvent<HTMLElement>) => void;
+    handleFileChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    openFileDialog: () => void;
+    getInputProps: (props?: InputHTMLAttributes<HTMLInputElement>) => InputHTMLAttributes<HTMLInputElement> & {
+        ref: React__default.Ref<HTMLInputElement>;
+    };
+};
+declare const useFileUpload: (options?: FileUploadOptions) => [FileUploadState, FileUploadActions];
 declare const formatBytes: (bytes: number, decimals?: number) => string;
 
 interface FileUploadProps extends Omit<FileUploadOptions, 'maxSize'> {
@@ -742,4 +767,9 @@ declare const NebulaI18nProvider: ({ children, customI18nStorageKey, }: NebulaI1
  */
 declare const useNebulaI18n: () => NebulaI18nContextType;
 
-export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, FileUploadError, type FileUploadOptions, type FileWithPreview, Heading, type HeadingProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };
+type PossibleRefs<T extends HTMLElement> = MutableRefObject<T | undefined | null> | MutableRefObject<T | undefined | null>[];
+declare function useClickOutside<T extends HTMLElement>(refs: PossibleRefs<T>, onClickOutside: VoidFunction): void;
+
+declare function useKeyPress(key: string, callback: VoidFunction): void;
+
+export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, type FileUploadActions, FileUploadError, type FileUploadOptions, type FileUploadState, type FileWithPreview, Heading, type HeadingProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React$1 from 'react';
-import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes, ReactNode } from 'react';
+import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes, ReactNode, DragEvent, ChangeEvent, InputHTMLAttributes, MutableRefObject } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -593,6 +593,7 @@ interface InputDatePickerSingleProps extends Omit<InputTextProps, 'onChange' | '
     className?: string;
     disabledDates?: CalendarProps['disabled'];
     onClean?: VoidFunction;
+    popoverContainer?: HTMLElement | null;
 }
 declare const dateIsAvailable: (inputDate?: Date | null, disabledDates?: InputDatePickerSingleProps["disabledDates"]) => boolean;
 declare const InputDatePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDatePickerSingleProps) => react_jsx_runtime.JSX.Element;
@@ -639,6 +640,30 @@ declare enum FileUploadError {
     MAXIMUM_FILE_SIZE_EXCEEDED = "MAXIMUM_FILE_SIZE_EXCEEDED",
     INVALID_FORMAT = "INVALID_FORMAT"
 }
+type FileUploadState = {
+    files: FileWithPreview[];
+    isDragging: boolean;
+    errors: {
+        file?: File | FileMetadata;
+        error: FileUploadError;
+    }[];
+};
+type FileUploadActions = {
+    addFiles: (files: FileList | File[]) => void;
+    removeFile: (id: string) => void;
+    clearFiles: () => void;
+    clearErrors: () => void;
+    handleDragEnter: (e: DragEvent<HTMLElement>) => void;
+    handleDragLeave: (e: DragEvent<HTMLElement>) => void;
+    handleDragOver: (e: DragEvent<HTMLElement>) => void;
+    handleDrop: (e: DragEvent<HTMLElement>) => void;
+    handleFileChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    openFileDialog: () => void;
+    getInputProps: (props?: InputHTMLAttributes<HTMLInputElement>) => InputHTMLAttributes<HTMLInputElement> & {
+        ref: React__default.Ref<HTMLInputElement>;
+    };
+};
+declare const useFileUpload: (options?: FileUploadOptions) => [FileUploadState, FileUploadActions];
 declare const formatBytes: (bytes: number, decimals?: number) => string;
 
 interface FileUploadProps extends Omit<FileUploadOptions, 'maxSize'> {
@@ -742,4 +767,9 @@ declare const NebulaI18nProvider: ({ children, customI18nStorageKey, }: NebulaI1
  */
 declare const useNebulaI18n: () => NebulaI18nContextType;
 
-export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, FileUploadError, type FileUploadOptions, type FileWithPreview, Heading, type HeadingProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };
+type PossibleRefs<T extends HTMLElement> = MutableRefObject<T | undefined | null> | MutableRefObject<T | undefined | null>[];
+declare function useClickOutside<T extends HTMLElement>(refs: PossibleRefs<T>, onClickOutside: VoidFunction): void;
+
+declare function useKeyPress(key: string, callback: VoidFunction): void;
+
+export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, type FileUploadActions, FileUploadError, type FileUploadOptions, type FileUploadState, type FileWithPreview, Heading, type HeadingProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n };

package/dist/index.js

@@ -3906,13 +3906,44 @@ var Calendar = ({
     }
   );
 };
-
-// src/utils/valid-date-format.ts
-function dateFormatIsValid(dateStr, locale) {
-  const regexBR = /^(?:(?:31\/(0[13578]|1[02]))\/(?:\d{4})|(?:29|30)\/(0[13-9]|1[0-2])\/(?:\d{4})|29\/02\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:0[1-9]|1\d|2[0-8])\/(0[1-9]|1[0-2])\/(?:\d{4}))$/;
-  const regexUS = /^(?:(?:(0[13578]|1[02])\/31)\/(?:\d{4})|(?:(0[13-9]|1[0-2])\/(29|30))\/(?:\d{4})|(?:02\/29)\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:(0[1-9]|1[0-2])\/(0[1-9]|1\d|2[0-8]))\/(?:\d{4}))$/;
-  const regex = locale === "en-US" ? regexUS : regexBR;
-  return regex.test(dateStr);
+function useClickOutside(refs, onClickOutside) {
+  React8.useEffect(() => {
+    const refArray = Array.isArray(refs) ? refs : [refs];
+    function handleClick(event) {
+      const isInside = refArray.some(
+        (ref) => ref?.current && ref?.current.contains(event.target)
+      );
+      if (!isInside) {
+        onClickOutside();
+      }
+    }
+    function handlePressEsc(event) {
+      if (event.key === "Esc") {
+        onClickOutside();
+      }
+    }
+    document.addEventListener("mousedown", handleClick);
+    document.addEventListener("touchstart", handleClick);
+    document.addEventListener("keypress", handlePressEsc);
+    return () => {
+      document.removeEventListener("mousedown", handleClick);
+      document.removeEventListener("touchstart", handleClick);
+      document.removeEventListener("keypress", handlePressEsc);
+    };
+  }, [refs, onClickOutside]);
+}
+function useKeyPress(key, callback) {
+  React8.useEffect(() => {
+    function handleKeyDown(event) {
+      if (event.key === key) {
+        callback();
+      }
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [key, callback]);
 }
 var formatDateToSubmit = (dateStr, timeFallback = "23:59") => {
   try {
@@ -3933,6 +3964,14 @@ var formatDateToSubmit = (dateStr, timeFallback = "23:59") => {
     return void 0;
   }
 };
+
+// src/utils/valid-date-format.ts
+function dateFormatIsValid(dateStr, locale) {
+  const regexBR = /^(?:(?:31\/(0[13578]|1[02]))\/(?:\d{4})|(?:29|30)\/(0[13-9]|1[0-2])\/(?:\d{4})|29\/02\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:0[1-9]|1\d|2[0-8])\/(0[1-9]|1[0-2])\/(?:\d{4}))$/;
+  const regexUS = /^(?:(?:(0[13578]|1[02])\/31)\/(?:\d{4})|(?:(0[13-9]|1[0-2])\/(29|30))\/(?:\d{4})|(?:02\/29)\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:(0[1-9]|1[0-2])\/(0[1-9]|1\d|2[0-8]))\/(?:\d{4}))$/;
+  const regex = locale === "en-US" ? regexUS : regexBR;
+  return regex.test(dateStr);
+}
 var dateIsAvailable = (inputDate, disabledDates) => {
   if (!disabledDates || !inputDate) return true;
   const dateIsDisabled = (d, matcher) => {
@@ -4057,61 +4096,57 @@ var InputDatePickerSingle = ({
     replacement: { _: /\d/ }
   };
   const inputRef = mask.useMask(maskOptions);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
+  const conteinerRef = React8.useRef(null);
+  const calendarRef = React8.useRef(null);
+  useClickOutside([conteinerRef, calendarRef], () => {
+    setPopoverIsOpen(false);
+  });
+  useKeyPress("Escape", () => {
+    setPopoverIsOpen(false);
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds w-full", ref: conteinerRef, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      InputText,
       {
-        onClick: (e) => e.preventDefault(),
-        onFocus: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          InputText,
+        ref: inputRef,
+        placeholder,
+        value,
+        className,
+        onChange: (e) => handleInnerInputChange(e.target.value),
+        onKeyDown: handleKeyDown,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.CalendarIcon,
           {
-            ref: inputRef,
-            placeholder,
-            value,
-            className,
-            onChange: (e) => handleInnerInputChange(e.target.value),
-            onKeyDown: handleKeyDown,
-            icon: /* @__PURE__ */ jsxRuntime.jsx(
-              lucideReact.CalendarIcon,
-              {
-                tabIndex: 0,
-                role: "button",
-                onClick: () => setPopoverIsOpen((s) => !s),
-                onKeyUp: (e) => {
-                  if (e.key === "Enter") {
-                    setPopoverIsOpen((s) => !s);
-                  }
-                },
-                className: "nebula-ds cursor-pointer"
-              }
-            ),
-            iconPlacement: "end",
+            tabIndex: 0,
+            role: "button",
+            onClick: () => setPopoverIsOpen((s) => !s),
             onKeyUp: (e) => {
-              if (e.key === "ArrowDown") {
-                setPopoverIsOpen(true);
+              if (e.key === "Enter") {
+                setPopoverIsOpen((s) => !s);
               }
             },
-            maxLength: 10,
-            onClean: onClean ? () => {
-              onClean();
-              handleClearValue();
-            } : void 0,
-            ...rest
+            className: "nebula-ds cursor-pointer"
           }
-        )
+        ),
+        iconPlacement: "end",
+        onKeyUp: (e) => {
+          if (e.key === "ArrowDown") {
+            setPopoverIsOpen(true);
+          }
+        },
+        maxLength: 10,
+        onClean: onClean ? () => {
+          onClean();
+          handleClearValue();
+        } : void 0,
+        ...rest
       }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      PopoverContent,
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds  relative", children: popoverIsOpen && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
       {
-        side: "bottom",
-        className: "nebula-ds p-0 border-none bg-transparent shadow-none absolute",
-        align: "start",
-        collisionPadding: 8,
-        avoidCollisions: true,
-        asChild: false,
-        style: { position: "absolute" },
+        className: "nebula-ds absolute top-full left-0-0 z-40 pb-2 pt-1",
+        ref: calendarRef,
         children: /* @__PURE__ */ jsxRuntime.jsx(
           Calendar,
           {
@@ -4127,8 +4162,8 @@ var InputDatePickerSingle = ({
           }
         )
       }
-    )
-  ] }) });
+    ) })
+  ] });
 };
 var InputTime = React8.forwardRef(
   ({ value = "", onChange, placeholder = "--:--", ...rest }, ref) => {
@@ -4324,60 +4359,56 @@ var InputDateTimePickerSingle = ({
     replacement: { _: /\d/ }
   };
   const inputRef = mask.useMask(maskOptions);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
+  const conteinerRef = React8.useRef(null);
+  const calendarRef = React8.useRef(null);
+  useClickOutside([conteinerRef, calendarRef], () => {
+    setPopoverIsOpen(false);
+  });
+  useKeyPress("Escape", () => {
+    setPopoverIsOpen(false);
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds w-full", ref: conteinerRef, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      InputText,
       {
-        onClick: (e) => e.preventDefault(),
-        onFocus: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          InputText,
+        ref: inputRef,
+        placeholder,
+        value,
+        className,
+        onChange: (e) => handleInnerInputChange(e.target.value),
+        onKeyDown: handleKeyDown,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.CalendarIcon,
           {
-            ref: inputRef,
-            placeholder,
-            value,
-            className,
-            onChange: (e) => handleInnerInputChange(e.target.value),
-            onKeyDown: handleKeyDown,
-            icon: /* @__PURE__ */ jsxRuntime.jsx(
-              lucideReact.CalendarIcon,
-              {
-                tabIndex: 0,
-                role: "button",
-                onClick: () => setPopoverIsOpen((s) => !s),
-                onKeyUp: (e) => {
-                  if (e.key === "Enter") {
-                    setPopoverIsOpen((s) => !s);
-                  }
-                },
-                className: "nebula-ds cursor-pointer"
-              }
-            ),
-            iconPlacement: "end",
+            tabIndex: 0,
+            role: "button",
+            onClick: () => setPopoverIsOpen((s) => !s),
             onKeyUp: (e) => {
-              if (e.key === "ArrowDown") {
-                setPopoverIsOpen(true);
+              if (e.key === "Enter") {
+                setPopoverIsOpen((s) => !s);
               }
             },
-            onClean: onClean ? () => {
-              onClean();
-              handleClearValue();
-            } : void 0,
-            ...rest
+            className: "nebula-ds cursor-pointer"
           }
-        )
+        ),
+        iconPlacement: "end",
+        onKeyUp: (e) => {
+          if (e.key === "ArrowDown") {
+            setPopoverIsOpen(true);
+          }
+        },
+        onClean: onClean ? () => {
+          onClean();
+          handleClearValue();
+        } : void 0,
+        ...rest
       }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      PopoverContent,
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds  relative", children: popoverIsOpen && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
       {
-        side: "bottom",
-        className: "nebula-ds p-0 border-none bg-transparent shadow-none",
-        align: "start",
-        collisionPadding: 8,
-        avoidCollisions: true,
-        asChild: false,
-        style: { position: "absolute" },
+        className: "nebula-ds absolute top-full left-0-0 z-40 pb-2 pt-1",
+        ref: calendarRef,
         children: /* @__PURE__ */ jsxRuntime.jsx(
           Calendar,
           {
@@ -4409,8 +4440,8 @@ var InputDateTimePickerSingle = ({
           }
         )
       }
-    )
-  ] }) });
+    ) })
+  ] });
 };
 var FileUploadError = /* @__PURE__ */ ((FileUploadError2) => {
   FileUploadError2["MAX_FILES_EXCEEDED"] = "MAX_FILES_EXCEEDED";
@@ -5069,4 +5100,7 @@ exports.setNebulaLanguage = setNebulaLanguage;
 exports.tagVariantsEnum = tagVariantsEnum;
 exports.tailwind = tailwind;
 exports.toast = toast;
+exports.useClickOutside = useClickOutside;
+exports.useFileUpload = useFileUpload;
+exports.useKeyPress = useKeyPress;
 exports.useNebulaI18n = useNebulaI18n;

package/dist/index.mjs

@@ -3866,13 +3866,44 @@ var Calendar = ({
     }
   );
 };
-
-// src/utils/valid-date-format.ts
-function dateFormatIsValid(dateStr, locale) {
-  const regexBR = /^(?:(?:31\/(0[13578]|1[02]))\/(?:\d{4})|(?:29|30)\/(0[13-9]|1[0-2])\/(?:\d{4})|29\/02\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:0[1-9]|1\d|2[0-8])\/(0[1-9]|1[0-2])\/(?:\d{4}))$/;
-  const regexUS = /^(?:(?:(0[13578]|1[02])\/31)\/(?:\d{4})|(?:(0[13-9]|1[0-2])\/(29|30))\/(?:\d{4})|(?:02\/29)\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:(0[1-9]|1[0-2])\/(0[1-9]|1\d|2[0-8]))\/(?:\d{4}))$/;
-  const regex = locale === "en-US" ? regexUS : regexBR;
-  return regex.test(dateStr);
+function useClickOutside(refs, onClickOutside) {
+  useEffect(() => {
+    const refArray = Array.isArray(refs) ? refs : [refs];
+    function handleClick(event) {
+      const isInside = refArray.some(
+        (ref) => ref?.current && ref?.current.contains(event.target)
+      );
+      if (!isInside) {
+        onClickOutside();
+      }
+    }
+    function handlePressEsc(event) {
+      if (event.key === "Esc") {
+        onClickOutside();
+      }
+    }
+    document.addEventListener("mousedown", handleClick);
+    document.addEventListener("touchstart", handleClick);
+    document.addEventListener("keypress", handlePressEsc);
+    return () => {
+      document.removeEventListener("mousedown", handleClick);
+      document.removeEventListener("touchstart", handleClick);
+      document.removeEventListener("keypress", handlePressEsc);
+    };
+  }, [refs, onClickOutside]);
+}
+function useKeyPress(key, callback) {
+  useEffect(() => {
+    function handleKeyDown(event) {
+      if (event.key === key) {
+        callback();
+      }
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [key, callback]);
 }
 var formatDateToSubmit = (dateStr, timeFallback = "23:59") => {
   try {
@@ -3893,6 +3924,14 @@ var formatDateToSubmit = (dateStr, timeFallback = "23:59") => {
     return void 0;
   }
 };
+
+// src/utils/valid-date-format.ts
+function dateFormatIsValid(dateStr, locale) {
+  const regexBR = /^(?:(?:31\/(0[13578]|1[02]))\/(?:\d{4})|(?:29|30)\/(0[13-9]|1[0-2])\/(?:\d{4})|29\/02\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:0[1-9]|1\d|2[0-8])\/(0[1-9]|1[0-2])\/(?:\d{4}))$/;
+  const regexUS = /^(?:(?:(0[13578]|1[02])\/31)\/(?:\d{4})|(?:(0[13-9]|1[0-2])\/(29|30))\/(?:\d{4})|(?:02\/29)\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:(0[1-9]|1[0-2])\/(0[1-9]|1\d|2[0-8]))\/(?:\d{4}))$/;
+  const regex = locale === "en-US" ? regexUS : regexBR;
+  return regex.test(dateStr);
+}
 var dateIsAvailable = (inputDate, disabledDates) => {
   if (!disabledDates || !inputDate) return true;
   const dateIsDisabled = (d, matcher) => {
@@ -4017,61 +4056,57 @@ var InputDatePickerSingle = ({
     replacement: { _: /\d/ }
   };
   const inputRef = useMask(maskOptions);
-  return /* @__PURE__ */ jsx("div", { className: "nebula-ds w-full", children: /* @__PURE__ */ jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsx(
-      "div",
+  const conteinerRef = useRef(null);
+  const calendarRef = useRef(null);
+  useClickOutside([conteinerRef, calendarRef], () => {
+    setPopoverIsOpen(false);
+  });
+  useKeyPress("Escape", () => {
+    setPopoverIsOpen(false);
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "nebula-ds w-full", ref: conteinerRef, children: [
+    /* @__PURE__ */ jsx(
+      InputText,
       {
-        onClick: (e) => e.preventDefault(),
-        onFocus: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx(
-          InputText,
+        ref: inputRef,
+        placeholder,
+        value,
+        className,
+        onChange: (e) => handleInnerInputChange(e.target.value),
+        onKeyDown: handleKeyDown,
+        icon: /* @__PURE__ */ jsx(
+          CalendarIcon,
           {
-            ref: inputRef,
-            placeholder,
-            value,
-            className,
-            onChange: (e) => handleInnerInputChange(e.target.value),
-            onKeyDown: handleKeyDown,
-            icon: /* @__PURE__ */ jsx(
-              CalendarIcon,
-              {
-                tabIndex: 0,
-                role: "button",
-                onClick: () => setPopoverIsOpen((s) => !s),
-                onKeyUp: (e) => {
-                  if (e.key === "Enter") {
-                    setPopoverIsOpen((s) => !s);
-                  }
-                },
-                className: "nebula-ds cursor-pointer"
-              }
-            ),
-            iconPlacement: "end",
+            tabIndex: 0,
+            role: "button",
+            onClick: () => setPopoverIsOpen((s) => !s),
             onKeyUp: (e) => {
-              if (e.key === "ArrowDown") {
-                setPopoverIsOpen(true);
+              if (e.key === "Enter") {
+                setPopoverIsOpen((s) => !s);
               }
             },
-            maxLength: 10,
-            onClean: onClean ? () => {
-              onClean();
-              handleClearValue();
-            } : void 0,
-            ...rest
+            className: "nebula-ds cursor-pointer"
           }
-        )
+        ),
+        iconPlacement: "end",
+        onKeyUp: (e) => {
+          if (e.key === "ArrowDown") {
+            setPopoverIsOpen(true);
+          }
+        },
+        maxLength: 10,
+        onClean: onClean ? () => {
+          onClean();
+          handleClearValue();
+        } : void 0,
+        ...rest
       }
-    ) }),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
+    ),
+    /* @__PURE__ */ jsx("div", { className: "nebula-ds  relative", children: popoverIsOpen && /* @__PURE__ */ jsx(
+      "div",
       {
-        side: "bottom",
-        className: "nebula-ds p-0 border-none bg-transparent shadow-none absolute",
-        align: "start",
-        collisionPadding: 8,
-        avoidCollisions: true,
-        asChild: false,
-        style: { position: "absolute" },
+        className: "nebula-ds absolute top-full left-0-0 z-40 pb-2 pt-1",
+        ref: calendarRef,
         children: /* @__PURE__ */ jsx(
           Calendar,
           {
@@ -4087,8 +4122,8 @@ var InputDatePickerSingle = ({
           }
         )
       }
-    )
-  ] }) });
+    ) })
+  ] });
 };
 var InputTime = forwardRef(
   ({ value = "", onChange, placeholder = "--:--", ...rest }, ref) => {
@@ -4284,60 +4319,56 @@ var InputDateTimePickerSingle = ({
     replacement: { _: /\d/ }
   };
   const inputRef = useMask(maskOptions);
-  return /* @__PURE__ */ jsx("div", { className: "nebula-ds w-full", children: /* @__PURE__ */ jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsx(
-      "div",
+  const conteinerRef = useRef(null);
+  const calendarRef = useRef(null);
+  useClickOutside([conteinerRef, calendarRef], () => {
+    setPopoverIsOpen(false);
+  });
+  useKeyPress("Escape", () => {
+    setPopoverIsOpen(false);
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "nebula-ds w-full", ref: conteinerRef, children: [
+    /* @__PURE__ */ jsx(
+      InputText,
       {
-        onClick: (e) => e.preventDefault(),
-        onFocus: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx(
-          InputText,
+        ref: inputRef,
+        placeholder,
+        value,
+        className,
+        onChange: (e) => handleInnerInputChange(e.target.value),
+        onKeyDown: handleKeyDown,
+        icon: /* @__PURE__ */ jsx(
+          CalendarIcon,
           {
-            ref: inputRef,
-            placeholder,
-            value,
-            className,
-            onChange: (e) => handleInnerInputChange(e.target.value),
-            onKeyDown: handleKeyDown,
-            icon: /* @__PURE__ */ jsx(
-              CalendarIcon,
-              {
-                tabIndex: 0,
-                role: "button",
-                onClick: () => setPopoverIsOpen((s) => !s),
-                onKeyUp: (e) => {
-                  if (e.key === "Enter") {
-                    setPopoverIsOpen((s) => !s);
-                  }
-                },
-                className: "nebula-ds cursor-pointer"
-              }
-            ),
-            iconPlacement: "end",
+            tabIndex: 0,
+            role: "button",
+            onClick: () => setPopoverIsOpen((s) => !s),
             onKeyUp: (e) => {
-              if (e.key === "ArrowDown") {
-                setPopoverIsOpen(true);
+              if (e.key === "Enter") {
+                setPopoverIsOpen((s) => !s);
               }
             },
-            onClean: onClean ? () => {
-              onClean();
-              handleClearValue();
-            } : void 0,
-            ...rest
+            className: "nebula-ds cursor-pointer"
           }
-        )
+        ),
+        iconPlacement: "end",
+        onKeyUp: (e) => {
+          if (e.key === "ArrowDown") {
+            setPopoverIsOpen(true);
+          }
+        },
+        onClean: onClean ? () => {
+          onClean();
+          handleClearValue();
+        } : void 0,
+        ...rest
       }
-    ) }),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
+    ),
+    /* @__PURE__ */ jsx("div", { className: "nebula-ds  relative", children: popoverIsOpen && /* @__PURE__ */ jsx(
+      "div",
       {
-        side: "bottom",
-        className: "nebula-ds p-0 border-none bg-transparent shadow-none",
-        align: "start",
-        collisionPadding: 8,
-        avoidCollisions: true,
-        asChild: false,
-        style: { position: "absolute" },
+        className: "nebula-ds absolute top-full left-0-0 z-40 pb-2 pt-1",
+        ref: calendarRef,
         children: /* @__PURE__ */ jsx(
           Calendar,
           {
@@ -4369,8 +4400,8 @@ var InputDateTimePickerSingle = ({
           }
         )
       }
-    )
-  ] }) });
+    ) })
+  ] });
 };
 var FileUploadError = /* @__PURE__ */ ((FileUploadError2) => {
   FileUploadError2["MAX_FILES_EXCEEDED"] = "MAX_FILES_EXCEEDED";
@@ -4898,4 +4929,4 @@ var tailwind = {
   // plugin: () => require("tailwindcss")("node_modules/@nebulareact/dist/tailwind.config.js"),
 };
 
-export { Accordion, AccordionContent, AccordionDescription, AccordionItem, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Caption, Checkbox, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FileUploadError, Heading, InputDatePickerSingle, InputDateTimePickerSingle, InputPhone, InputText, InputTime, Label, Link, NebulaI18nProvider, Pagination, Paragraph, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, Separator2 as Separator, Skeleton, Space, SpaceDirectionEnum, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TextArea, Toaster, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages16 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };
+export { Accordion, AccordionContent, AccordionDescription, AccordionItem, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Caption, Checkbox, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FileUploadError, Heading, InputDatePickerSingle, InputDateTimePickerSingle, InputPhone, InputText, InputTime, Label, Link, NebulaI18nProvider, Pagination, Paragraph, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, Separator2 as Separator, Skeleton, Space, SpaceDirectionEnum, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TextArea, Toaster, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages16 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "description": "React components",
   "publishConfig": {
     "access": "public"