@tecsinapse/cortex-react 2.2.0-beta.6 → 2.3.0-beta.0

package/dist/esm/components/PhoneInput/Trigger.js

@@ -0,0 +1,110 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { IoChevronDown } from 'react-icons/io5';
+import 'clsx';
+import { useRef, useEffect } from 'react';
+import '../Accordion/context.js';
+import 'react-icons/lia';
+import '@internationalized/date';
+import '../Badge.js';
+import 'react-icons/md';
+import '@tecsinapse/cortex-core';
+import 'react-aria';
+import 'react-stately';
+import '../../provider/MenubarContext.js';
+import '../../provider/SnackbarProvider.js';
+import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
+import '../Popover/Context.js';
+import 'react-dropzone';
+import 'uuid';
+import '@floating-ui/react';
+import 'currency.js';
+import '../Calendar/CalendarCell.js';
+import 'react-icons/fa';
+import 'react-icons/io';
+import 'embla-carousel-react';
+import 'embla-carousel-autoplay';
+import '../ColorPicker.js';
+import '../DatePicker/DateSegment.js';
+import { Popover } from '../Popover/index.js';
+import '../DatePicker/DatePickerInputBase.js';
+import '../GroupButton.js';
+import { Input } from '../Input/index.js';
+import '../Menubar/Left.js';
+import '../../styles/menubar.js';
+import '../Menubar/Right.js';
+import '../Menubar/Dropdown.js';
+import '../Menubar/MostUsed.js';
+import '../Menubar/MostUsedItem.js';
+import '../Menubar/Header.js';
+import '../Menubar/Item.js';
+import '../../provider/CategoriesContext.js';
+import '../Menubar/SubItem.js';
+import '../ProgressBar/Progress.js';
+import '../RadioButton.js';
+import '../Select/GroupedOptions.js';
+import '../Select/context.js';
+import '../Select/MultiGroupedOptions.js';
+import '../Select/MultiOptions.js';
+import '../Select/Options.js';
+import '../Select/Trigger.js';
+import '../../styles/stepNodeVariants.js';
+import '../TextArea/Box.js';
+import '../TextArea/Face.js';
+import '../TextArea/Left.js';
+import '../TextArea/Right.js';
+import '../TextArea/Root.js';
+import '../TimePicker/TimeFieldInput.js';
+import '../Tooltip.js';
+import 'react-icons/hi2';
+import 'react-icons/fa6';
+import 'react-dom';
+import './Options.js';
+import { usePhoneContext } from './context.js';
+import 'react-international-phone';
+import { FlagIcon } from './FlagIcon.js';
+
+const PhoneInputTrigger = ({
+  disabled = false,
+  label,
+  ...rest
+}) => {
+  const {
+    setIsOpen,
+    setTriggerWidth,
+    country,
+    handlePhoneValueChange,
+    inputValue
+  } = usePhoneContext();
+  const triggerRef = useRef(null);
+  useEffect(() => {
+    if (triggerRef.current && setTriggerWidth) {
+      const width = triggerRef.current.getBoundingClientRect().width;
+      setTriggerWidth(width);
+    }
+  }, [triggerRef.current, setTriggerWidth]);
+  return /* @__PURE__ */ jsx(Popover.Trigger, { disabled, children: /* @__PURE__ */ jsxs(Input.Face, { ref: triggerRef, children: [
+    /* @__PURE__ */ jsx(
+      Input.Box,
+      {
+        value: inputValue,
+        onChange: handlePhoneValueChange,
+        label: label ?? "Insert a phone number",
+        ...rest
+      }
+    ),
+    /* @__PURE__ */ jsx(Input.Right, { children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center gap-1 cursor-pointer w-full",
+        onClick: () => setIsOpen?.(true),
+        children: [
+          country ? /* @__PURE__ */ jsx(FlagIcon, { countryCode: country.iso2, className: "w-[25px]" }) : null,
+          /* @__PURE__ */ jsx(IoChevronDown, { className: "h-full text-md" })
+        ]
+      }
+    ) })
+  ] }) });
+};
+
+export { PhoneInputTrigger };

package/dist/esm/components/PhoneInput/context.js

@@ -0,0 +1,16 @@
+import { createContext, useContext } from 'react';
+
+const PhoneInputContext = createContext(
+  null
+);
+const usePhoneContext = () => {
+  const context = useContext(PhoneInputContext);
+  if (!context) {
+    throw new Error(
+      "usePhoneInputContext must be used within a usePhoneInputProvider"
+    );
+  }
+  return context;
+};
+
+export { PhoneInputContext, usePhoneContext };

package/dist/esm/components/PhoneInput/index.js

@@ -0,0 +1,15 @@
+import { PhoneInputOption } from './Option.js';
+import { PhoneInputOptions } from './Options.js';
+import { PhoneInputPopover } from './Popover.js';
+import { PhoneInputRoot } from './Root.js';
+import { PhoneInputTrigger } from './Trigger.js';
+
+const PhoneInput = {
+  Root: PhoneInputRoot,
+  Popover: PhoneInputPopover,
+  Trigger: PhoneInputTrigger,
+  Option: PhoneInputOption,
+  Options: PhoneInputOptions
+};
+
+export { PhoneInput };

package/dist/esm/components/Popover/Content.js

@@ -26,7 +26,7 @@ const PopoverContent = ({
       ref: refs.setFloating,
       ...getFloatingProps(),
       className: clsx(
-        "border border-gray-200 bg-black p-[0px] rounded-md shadow-default z-popover",
+        "border border-gray-200 bg-surface-inverse p-0 rounded-md shadow-default z-popover",
         className
       ),
       style: {

package/dist/esm/components/Select/Popover.js

@@ -9,7 +9,7 @@ const SelectPopover = ({ children }) => {
   return /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(
     Popover.Content,
     {
-      className: "bg-white max-h-[30vh] overflow-y-auto gap-y-mili flex flex-col p-0",
+      className: "bg-surface-overlay max-h-[30vh] overflow-y-auto gap-y-mili flex flex-col p-0",
       style: {
         width: triggerWidth ? `${triggerWidth}px` : "auto",
         zIndex: 9999

package/dist/esm/components/Skeleton.js

@@ -7,7 +7,7 @@ const Skeleton = ({ className, children, ...rest }) => {
     {
       ...rest,
       "data-testid": "skeleton",
-      className: clsx("animate-pulse bg-secondary-light", className),
+      className: clsx("animate-pulse bg-content-minimal", className),
       children
     }
   );

package/dist/esm/components/Stepper/Root.js

@@ -60,7 +60,7 @@ const Root = ({
     "div",
     {
       className: clsx(
-        "flex w-full space-x-2 bg-white p-4 pb-2 rounded-mili",
+        "flex w-full space-x-2 bg-surface-overlay p-4 pb-2 rounded-mili",
         className
       ),
       children: React.Children.map(children, renderNode)

package/dist/esm/components/TimePicker/TimePickerInput.js

@@ -60,7 +60,7 @@ const TimePickerInputWithPopover = (props) => {
     /* @__PURE__ */ jsx(
       Popover.Content,
       {
-        className: "bg-white shadow-default border-none p-deca flex flex-col",
+        className: "bg-surface-overlay shadow-default border-none p-deca flex flex-col",
         initialFocus: -1,
         children: /* @__PURE__ */ jsx(
           TimePickerSelector,

package/dist/esm/components/Uploader/Dropzone.js

@@ -17,7 +17,7 @@ const Dropzone = ({
     {
       ...getRootProps(),
       className: clsx(
-        "bg-white w-full border-dashed border-2 p-deca flex flex-col justify-center rounded-mili overflow-auto h-[18rem]",
+        "bg-surface-overlay w-full border-dashed border-2 p-deca flex flex-col justify-center rounded-mili overflow-auto h-[18rem]",
         {
           "border-success-medium bg-gray-100": isDragActive
         }
@@ -25,7 +25,7 @@ const Dropzone = ({
       children: [
         /* @__PURE__ */ jsx("input", { ...getInputProps() }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center text-center items-center", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsx(
               HiOutlineCloudArrowUp,
               {
@@ -36,7 +36,7 @@ const Dropzone = ({
             /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", "data-testid": "select-dropzone", children: selectFileText })
           ] }),
           hasButton ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-centi", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-secondary-medium", children: dropText }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-content-low", children: dropText }),
             isFileLimitReached ? /* @__PURE__ */ jsx(Tooltip, { text: "Voc\xEA s\xF3 pode selecionar um \xFAnico arquivo.", children: /* @__PURE__ */ jsx(
               "button",
               {

package/dist/esm/components/Uploader/Files.js

@@ -6,7 +6,7 @@ const Files = ({
   onDelete,
   uploadProgressText = "Upload(s) in progress"
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "bg-white w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili h-[18rem]", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "bg-surface-overlay w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili h-[18rem]", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex gap-mili items-center mb-deca", children: [
       /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-white", children: `${files.length}` }),
       /* @__PURE__ */ jsx("h2", { className: "text-md font-semibold", "data-testid": "upload-progress", children: uploadProgressText })

package/dist/esm/components/Uploader/Manager.js

@@ -45,7 +45,7 @@ const Manager = ({
                 children: min ? /* @__PURE__ */ jsx(IoChevronUp, {}) : /* @__PURE__ */ jsx(IoChevronDown, {})
               }
             ),
-            /* @__PURE__ */ jsx("h3", { "data-testid": "upload-progress", children: isLoading ? uploadProgressText : uploadSuccessText }),
+            /* @__PURE__ */ jsx("h3", { "data-testid": "upload-progress", className: "font-bold text-h4", children: isLoading ? uploadProgressText : uploadSuccessText }),
             /* @__PURE__ */ jsx(
               Button,
               {

package/dist/esm/components/Uploader/Modal.js

@@ -16,7 +16,7 @@ const Modal = ({
       {
         open,
         onClose,
-        className: "flex flex-col bg-secondary-xlight rounded-mili min-w-[70vw] max-w-[95vh] max-h-[95vh] overflow-auto",
+        className: "flex flex-col bg-surface-base rounded-mili min-w-[70vw] max-w-[95vh] max-h-[95vh] overflow-auto text-default",
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between mb-deca", children: [
             /* @__PURE__ */ jsx("h2", { className: "text-deca font-semibold ml-tera flex-1 text-center", children: title }),

package/dist/esm/index.js

@@ -42,7 +42,7 @@ export { TimeFieldInput } from './components/TimePicker/TimeFieldInput.js';
 export { Toggle } from './components/Toggle.js';
 export { Tooltip } from './components/Tooltip.js';
 export { Uploader } from './components/Uploader/index.js';
-export { Autocomplete } from './components/Autocomplete/index.js';
+export { PhoneInput } from './components/PhoneInput/index.js';
 export { useCalendar } from './hooks/useCalendar.js';
 export { useCalendarCell } from './hooks/useCalendarCell.js';
 export { useCalendarGrid } from './hooks/useCalendarGrid.js';

package/dist/esm/provider/ManagerContext.js

@@ -64,9 +64,11 @@ import '../components/Tooltip.js';
 import 'react-icons/hi2';
 import 'react-icons/fa6';
 import 'react-dom';
-import '../components/Autocomplete/context.js';
-import '../components/Autocomplete/Options.js';
-import '../components/Autocomplete/GroupedOptions.js';
+import '../components/PhoneInput/Options.js';
+import '../components/PhoneInput/context.js';
+import 'react-international-phone';
+import 'react-icons/io5';
+import 'country-flag-icons/react/3x2';
 
 const ManagerContext = createContext(null);
 const ManagerProvider = ({ children }) => {

package/dist/esm/service/SnackbarSonner.js

@@ -33,6 +33,38 @@ class SnackbarSonner {
       { ...this._options, ...options }
     );
   }
+  async promise(promise, config) {
+    const { loading, success, error } = config;
+    const id = this.show(loading.type ?? "info", loading.message, {
+      ...loading.options,
+      duration: loading.options?.duration ?? Infinity
+    });
+    try {
+      await promise;
+      if (!success) {
+        toast.dismiss(id);
+      } else {
+        const msg = success?.message ?? "Opera\xE7\xE3o conclu\xEDda com sucesso.";
+        this.show(success?.type ?? "success", msg, {
+          ...success?.options,
+          id,
+          duration: success?.options?.duration ?? this._options?.duration ?? 5e3
+        });
+      }
+    } catch (err) {
+      if (!error) {
+        toast.dismiss(id);
+      } else {
+        const msg = error?.message ?? "Ocorreu um erro inesperado.";
+        this.show(error?.type ?? "error", msg, {
+          ...error?.options,
+          id,
+          duration: error?.options?.duration ?? this._options?.duration ?? 5e3
+        });
+      }
+    }
+    return promise;
+  }
 }
 
 export { SnackbarSonner };

package/dist/esm/styles/calendar-cell.js

@@ -2,7 +2,7 @@ import { tv } from 'tailwind-variants';
 
 const calendarCell = tv({
   slots: {
-    cell: "text-center rounded-mili text-black hover:bg-primary-light",
+    cell: "text-center rounded-mili hover:bg-primary-light",
     button: "flex aspect-square items-center justify-center"
   },
   variants: {
@@ -33,7 +33,7 @@ const calendarCell = tv({
     },
     isDisabled: {
       true: {
-        cell: "text-secondary-light cursor-default  hover:bg-white-500",
+        cell: "text-content-minimal cursor-default  hover:bg-surface-overlay",
         button: "cursor-default"
       }
     }

package/dist/esm/styles/date-picker-input-base.js

@@ -7,7 +7,7 @@ const datePickerInputBase = tv({
   variants: {
     disabled: {
       true: {
-        icon: "text-secondary-light cursor-default"
+        icon: "text-content-minimal cursor-default"
       }
     }
   }

package/dist/esm/styles/date-segment.js

@@ -2,12 +2,12 @@ import { tv } from 'tailwind-variants';
 
 const dateSegment = tv({
   slots: {
-    base: "focus:outline-none focus:bg-secondary-light"
+    base: "focus:outline-none focus:bg-content-minimal"
   },
   variants: {
     disabled: {
       true: {
-        base: "text-secondary-light"
+        base: "text-content-minimal"
       }
     }
   }

package/dist/esm/styles/groupButton.js

@@ -2,12 +2,12 @@ import { tv } from 'tailwind-variants';
 
 const groupButton = tv({
   slots: {
-    button: "border-[1px] border-secondary-medium px-centi py-mili items-center flex text-sub font-bold",
-    inactive: "bg-white text-secondary-medium disabled:bg-secondary-light",
+    button: "border-[1px] border-content-low px-centi py-mili items-center flex text-sub font-bold",
+    inactive: "bg-surface-overlay text-content-low disabled:bg-content-minimal",
     firstButton: "first:rounded-l-mili first:border-r-0",
     lastButton: "last:rounded-r-mili last:border-l-0",
     container: "flex flex-row h-[2rem]",
-    active: "text-white bg-secondary-medium"
+    active: "text-white bg-content-low"
   }
 });
 

package/dist/esm/styles/menubar.js

@@ -2,10 +2,10 @@ import { tv } from 'tailwind-variants';
 
 const menubar = tv({
   slots: {
-    header: "relative w-screen px-kilo py-deca flex flex-row md:justify-between bg-white z-header sm:justify-start",
+    header: "relative w-screen px-kilo py-deca flex flex-row md:justify-between bg-surface-overlay z-header sm:justify-start",
     left: "flex items-center w-fit",
     right: "flex items-center gap-x-deca hidden sm:flex",
-    dropdown: "w-full bg-white flex-1 shadow-default z-popover px-[8vw] absolute"
+    dropdown: "w-full bg-surface-overlay flex-1 shadow-default z-popover px-[8vw] absolute"
   },
   variants: {
     show: {
@@ -19,7 +19,7 @@ const menubar = tv({
 const mostUsed = tv({
   slots: {
     container: "mb-kilo",
-    label: "font-bold mb-centi",
+    label: "font-bold mb-centi text-default",
     containerList: "gap-x-kilo flex flex-row"
   }
 });
@@ -27,26 +27,26 @@ const mostUsedItem = tv({
   slots: {
     container: "flex-1 py-mili",
     title: "text-primary-medium font-bold text-base",
-    category: "text-secondary-medium text-label"
+    category: "text-content-low text-label"
   }
 });
 const item = tv({
   slots: {
-    container: "flex flex-row gap-x-deca items-center text-secondary-dark hover:cursor-pointer text-base",
+    container: "flex flex-row gap-x-deca items-center text-content-medium hover:cursor-pointer text-base",
     textBehavior: "hover:text-primary-medium",
     icon: "text-primary-medium hover:cursor-pointer"
   }
 });
 const category = tv({
   slots: {
-    text: "mb-mili font-bold",
-    hr: "mb-mili border-0 h-px bg-secondary-light",
+    text: "mb-mili font-bold text-default",
+    hr: "mb-mili border-0 h-px bg-content-high",
     container: "flex flex-col gap-y-mili"
   }
 });
 const subItem = tv({
   slots: {
-    container: "pl-deca text-sub border-l-[1px] border-primary-medium text-secondary-dark hover:text-primary-medium cursor-pointer"
+    container: "pl-deca text-sub border-l-[1px] border-primary-medium text-content-medium hover:text-primary-medium cursor-pointer"
   }
 });
 const animate = tv({

package/dist/esm/styles/progressBar.js

@@ -3,7 +3,7 @@ import { tv } from 'tailwind-variants';
 const ProgressVariants = tv({
   slots: {
     container: "relative",
-    bar: "h-1.5 w-full overflow-hidden bg-secondary-xlight",
+    bar: "h-1.5 w-full overflow-hidden bg-content-inverse",
     progress: "w-full h-full rounded-mili"
   },
   variants: {

package/dist/esm/styles/stepNodeVariants.js

@@ -28,8 +28,8 @@ const StepNodeVariants = tv({
         content: "font-bold"
       },
       false: {
-        content: "text-secondary-medium",
-        separator: "bg-secondary-light"
+        content: "text-content-low",
+        separator: "bg-content-minimal"
       }
     },
     selected: {

package/dist/esm/styles/time-field-input.js

@@ -7,7 +7,7 @@ const timePickerInputBase = tv({
   variants: {
     disabled: {
       true: {
-        icon: "text-secondary-light cursor-default"
+        icon: "text-content-minimal cursor-default"
       }
     }
   }

package/dist/types/components/PhoneInput/FlagIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface FlagIconProps {
+    countryCode: string;
+    className?: string;
+    title?: string;
+}
+export declare const FlagIcon: React.FC<FlagIconProps>;
+export {};

package/dist/types/components/PhoneInput/Option.d.ts

@@ -0,0 +1,6 @@
+import { ParsedCountry } from 'react-international-phone';
+export declare const PhoneInputOption: ({ country, handleSelectCountry, disableClick, }: {
+    country: ParsedCountry;
+    handleSelectCountry: (country: ParsedCountry) => void;
+    disableClick?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PhoneInput/Options.d.ts

@@ -0,0 +1,3 @@
+export declare const PhoneInputOptions: ({ hasSearch, }: {
+    hasSearch?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PhoneInput/Popover.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const PhoneInputPopover: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PhoneInput/Root.d.ts

@@ -0,0 +1,2 @@
+import { PhoneInputRootProps } from './types';
+export declare const PhoneInputRoot: ({ children, className, onChange, ...rest }: PhoneInputRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PhoneInput/Trigger.d.ts

@@ -0,0 +1,2 @@
+import { PhoneInputTriggerProps } from './types';
+export declare const PhoneInputTrigger: ({ disabled, label, ...rest }: PhoneInputTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PhoneInput/context.d.ts

@@ -0,0 +1,15 @@
+import { usePhoneInput } from 'react-international-phone';
+export interface Country {
+    country: string;
+    iso: string;
+    code: string;
+}
+interface PhoneInputContextProps extends ReturnType<typeof usePhoneInput> {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    triggerWidth?: number;
+    setTriggerWidth?: React.Dispatch<React.SetStateAction<number | undefined>>;
+}
+export declare const PhoneInputContext: import("react").Context<PhoneInputContextProps | null>;
+export declare const usePhoneContext: () => PhoneInputContextProps;
+export {};

package/dist/types/components/PhoneInput/index.d.ts

@@ -0,0 +1,16 @@
+export declare const PhoneInput: {
+    Root: ({ children, className, onChange, ...rest }: import("./types").PhoneInputRootProps) => import("react/jsx-runtime").JSX.Element;
+    Popover: ({ children }: {
+        children: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ disabled, label, ...rest }: import("./types").PhoneInputTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Option: ({ country, handleSelectCountry, disableClick, }: {
+        country: import("react-international-phone").ParsedCountry;
+        handleSelectCountry: (country: import("react-international-phone").ParsedCountry) => void;
+        disableClick?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Options: ({ hasSearch, }: {
+        hasSearch?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export * from './types';

package/dist/types/components/PhoneInput/types.d.ts

@@ -0,0 +1,13 @@
+import { ParsedCountry, UsePhoneInputConfig } from 'react-international-phone';
+import { InputPropsBase } from '../Input';
+import { ReactNode } from 'react';
+export interface PhoneInputTriggerProps extends React.InputHTMLAttributes<HTMLInputElement>, InputPropsBase {
+}
+export interface PhoneInputRootProps extends Omit<UsePhoneInputConfig, 'onChange'> {
+    children: ReactNode;
+    className?: string;
+    onChange?: (value: string, rest: {
+        inputValue: string;
+        country: ParsedCountry;
+    }) => void;
+}

package/dist/types/components/index.d.ts

@@ -32,4 +32,4 @@ export * from './TimePicker';
 export * from './Toggle';
 export * from './Tooltip';
 export * from './Uploader';
-export * from './Autocomplete';
+export * from './PhoneInput';

package/dist/types/hooks/useFileUpload.d.ts

@@ -1,6 +1,6 @@
 import { type DropEvent, type FileRejection } from 'react-dropzone';
 import { AcceptSpecificMap, UseDropzoneProps, type FileUpload } from '../components/Uploader/types';
-interface UseFileUploadOptions {
+interface UseFileUploadOptions<T> {
     accept?: {
         IMAGE?: (typeof AcceptSpecificMap.IMAGE)[number][];
         APPLICATION?: (typeof AcceptSpecificMap.APPLICATION)[number][];
@@ -8,7 +8,7 @@ interface UseFileUploadOptions {
         VIDEO?: (typeof AcceptSpecificMap.VIDEO)[number][];
         TEXT?: (typeof AcceptSpecificMap.TEXT)[number][];
     };
-    onAccept?: (files: FileUpload<unknown>[]) => Promise<FileUpload<unknown>[]>;
+    onAccept?: (files: FileUpload<T>[]) => Promise<FileUpload<T>[]>;
     onOpenManager?: () => void;
     onFileRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
     maxSize?: number;
@@ -22,7 +22,7 @@ interface UseFileUploadOptions {
     noClick?: boolean;
     ignoreRejections?: boolean;
 }
-export declare const useFileUpload: <T>({ accept, onAccept, onOpenManager, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, hasManager, isFolder, noClick, ignoreRejections, uploadProgressText, uploadSuccessText, }: UseFileUploadOptions) => {
+export declare const useFileUpload: <T>({ accept, onAccept, onOpenManager, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, hasManager, isFolder, noClick, ignoreRejections, uploadProgressText, uploadSuccessText, }: UseFileUploadOptions<T>) => {
     onOpen: () => void;
     onClose: () => void;
     onDelete: (index: number) => void;
@@ -31,7 +31,7 @@ export declare const useFileUpload: <T>({ accept, onAccept, onOpenManager, onFil
     openManager: () => void;
     closeManager: () => void;
     isManagerOpen: boolean;
-    files: FileUpload<unknown>[];
+    files: FileUpload<any>[];
     duplicates: File[];
     onClearFiles: () => void;
 };

package/dist/types/provider/ManagerContext.d.ts

@@ -16,5 +16,5 @@ interface ManagerContextProps<T> {
 export declare const ManagerProvider: ({ children }: {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const useManager: () => ManagerContextProps<unknown>;
+export declare const useManager: () => ManagerContextProps<any>;
 export {};

package/dist/types/service/SnackbarSonner.d.ts

@@ -2,9 +2,28 @@ import React from 'react';
 import { ExternalToast } from 'sonner';
 import { ISnackbar, TypeSnack } from './ISnackbar';
 import { IExternalToast } from './IExternalToast';
+interface PromiseSnackConfig<T = unknown> {
+    loading: {
+        message: string;
+        type?: TypeSnack;
+        options?: Omit<IExternalToast, 'className' | 'style'>;
+    };
+    success?: {
+        message?: string;
+        type?: TypeSnack;
+        options?: Omit<IExternalToast, 'className' | 'style'>;
+    };
+    error?: {
+        message?: string;
+        type?: TypeSnack;
+        options?: Omit<IExternalToast, 'className' | 'style'>;
+    };
+}
 export declare class SnackbarSonner implements ISnackbar<IExternalToast> {
     _options?: IExternalToast;
     constructor(options?: IExternalToast);
     custom(Component: React.ReactElement, options?: ExternalToast): string | number;
     show(type: TypeSnack, message: string, options?: Omit<IExternalToast, 'className' | 'style'>): string | number;
+    promise<T>(promise: Promise<T>, config: PromiseSnackConfig<T>): Promise<T>;
 }
+export {};