@tecsinapse/cortex-react 2.2.1-beta.0 → 2.2.1-beta.2

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

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { FloatingPortal } from '@floating-ui/react';
+import { Popover } from '../Popover/index.js';
+import { usePhoneContext } from './context.js';
+
+const PhoneInputPopover = ({ children }) => {
+  const { triggerWidth } = usePhoneContext();
+  return /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(
+    Popover.Content,
+    {
+      className: "bg-white shadow-md rounded-md overflow-hidden h-full max-h-[30vh] outline-none z-9999",
+      style: {
+        width: triggerWidth ? `${triggerWidth}px` : "auto"
+      },
+      children
+    }
+  ) });
+};
+
+export { PhoneInputPopover };

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

@@ -0,0 +1,59 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Popover } from '../Popover/index.js';
+import clsx from 'clsx';
+import { usePhoneInput, defaultCountries } from 'react-international-phone';
+import { PhoneInputContext } from './context.js';
+
+const PhoneInputRoot = ({
+  children,
+  className,
+  onChange,
+  ...rest
+}) => {
+  const [triggerWidth, setTriggerWidth] = useState();
+  const [isOpen, setIsOpen] = useState(false);
+  const {
+    country,
+    handlePhoneValueChange,
+    inputRef,
+    inputValue,
+    phone,
+    setCountry
+  } = usePhoneInput({
+    countries: defaultCountries,
+    onChange: ({ phone: phone2, ...rest2 }) => {
+      onChange?.(phone2, { ...rest2 });
+    },
+    ...rest
+  });
+  return /* @__PURE__ */ jsx(
+    Popover.Root,
+    {
+      placement: "bottom-start",
+      controlled: true,
+      isOpen,
+      setIsOpen,
+      children: /* @__PURE__ */ jsx(
+        PhoneInputContext.Provider,
+        {
+          value: {
+            triggerWidth,
+            setTriggerWidth,
+            isOpen,
+            setIsOpen,
+            country,
+            setCountry,
+            handlePhoneValueChange,
+            inputValue,
+            phone,
+            inputRef
+          },
+          children: /* @__PURE__ */ jsx("div", { className: clsx("relative w-full h-full", className), children })
+        }
+      )
+    }
+  );
+};
+
+export { PhoneInputRoot };

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

@@ -0,0 +1,113 @@
+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 '../Autocomplete/context.js';
+import '../Autocomplete/Options.js';
+import '../Autocomplete/GroupedOptions.js';
+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/ScrollableDigitSelector.js

@@ -44,7 +44,7 @@ const ScrollableDigitSelector = ({
         {
           className: clsx(
             "p-micro rounded-micro border-1 border-transparent hover:bg-primary-light hover:border-primary cursor-pointer",
-            value === val && "bg-primary-medium text-light"
+            value === val && "bg-primary-medium text-on-primary"
           ),
           children: formatValue(val)
         }

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

@@ -103,7 +103,7 @@ const TimePickerSelector = ({
                 {
                   className: clsx(
                     dayPeriodStyle,
-                    !isPM && "bg-primary-medium text-light"
+                    !isPM && "bg-primary-medium text-on-primary"
                   ),
                   children: "AM"
                 }
@@ -120,7 +120,7 @@ const TimePickerSelector = ({
                 {
                   className: clsx(
                     dayPeriodStyle,
-                    isPM && "bg-primary-medium text-light"
+                    isPM && "bg-primary-medium text-on-primary"
                   ),
                   children: "PM"
                 }

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

@@ -8,7 +8,7 @@ const Files = ({
 }) => {
   return /* @__PURE__ */ jsxs("div", { className: "bg-white 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-light", children: `${files.length}` }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-on-primary", children: `${files.length}` }),
       /* @__PURE__ */ jsx("h2", { className: "text-md font-semibold", "data-testid": "upload-progress", children: uploadProgressText })
     ] }),
     files.map((file, index) => /* @__PURE__ */ jsx(File, { file, index, onDelete }, file.uid))

package/dist/esm/hooks/useAutocompleteGroupedOptions.js

@@ -0,0 +1,33 @@
+import { useState, useEffect } from 'react';
+
+const useAutocompleteGroupedOptions = ({
+  options: _options
+}) => {
+  const [options, setOptions] = useState();
+  const [isLoading, setIsLoading] = useState();
+  const [error, setError] = useState();
+  const initData = async (fetch) => {
+    setIsLoading(true);
+    try {
+      const result = await fetch();
+      if (result) {
+        setOptions(result ?? []);
+      }
+    } catch (e) {
+      setError(String(e));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    if (typeof _options === "function") initData(_options);
+    else setOptions(_options);
+  }, [_options]);
+  return {
+    isLoading,
+    options,
+    error
+  };
+};
+
+export { useAutocompleteGroupedOptions };

package/dist/esm/hooks/useAutocompleteOptions.js

@@ -0,0 +1,33 @@
+import { useState, useCallback, useEffect } from 'react';
+
+const useAutocompleteOptions = ({
+  options: _options
+}) => {
+  const [options, setOptions] = useState();
+  const [isLoading, setIsLoading] = useState();
+  const [error, setError] = useState();
+  const initData = useCallback(async (fetch) => {
+    setIsLoading(true);
+    try {
+      const result = await fetch();
+      if (result) {
+        setOptions(result ?? []);
+      }
+    } catch (e) {
+      setError(String(e));
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    if (typeof _options === "function") initData(_options);
+    else setOptions(_options);
+  }, [_options]);
+  return {
+    isLoading,
+    options,
+    error
+  };
+};
+
+export { useAutocompleteOptions };

package/dist/esm/index.js

@@ -42,6 +42,8 @@ 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,6 +64,14 @@ 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

@@ -13,17 +13,17 @@ const calendarCell = tv({
     },
     isSelected: {
       true: {
-        cell: "bg-primary-medium border-2 border-primary-medium text-light hover:bg-primary-medium"
+        cell: "bg-primary-medium border-2 border-primary-medium text-on-primary hover:bg-primary-medium"
       }
     },
     isSelectionStart: {
       true: {
-        cell: "bg-primary-medium border-2 border-primary-medium rounded-r-none text-light"
+        cell: "bg-primary-medium border-2 border-primary-medium rounded-r-none text-on-primary"
       }
     },
     isSelectionEnd: {
       true: {
-        cell: "bg-primary-medium border-2 border-primary-medium rounded-l-none text-light"
+        cell: "bg-primary-medium border-2 border-primary-medium rounded-l-none text-on-primary"
       }
     },
     inRange: {

package/dist/types/components/Autocomplete/GroupedOptions.d.ts

@@ -0,0 +1,2 @@
+import { AutocompleteGroupedOptionsProps } from './types';
+export declare const AutocompleteGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, }: AutocompleteGroupedOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { AutocompleteOptionProps } from './types';
+export declare const AutocompleteOption: <T>({ option, onSelect, grouped, }: AutocompleteOptionProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { AutocompleteOptionsProps } from './types';
+export declare const AutocompleteOptions: <T>({ options, onSelect, children, }: AutocompleteOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,2 @@
+import { AutocompleteRootProps } from './types';
+export declare const AutocompleteRoot: <T>({ keyExtractor, labelExtractor, children, }: AutocompleteRootProps<T>) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+export interface AutocompleteContextType<T> {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    triggerWidth: number | undefined;
+    setTriggerWidth: Dispatch<SetStateAction<number | undefined>>;
+    keyExtractor: (option: T) => string;
+    labelExtractor: (option: T) => string;
+}
+export declare const AutocompleteContext: import("react").Context<AutocompleteContextType<any> | undefined>;

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

@@ -0,0 +1,9 @@
+export declare const Autocomplete: {
+    Root: <T>({ keyExtractor, labelExtractor, children, }: import("./types").AutocompleteRootProps<T>) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ inputValue, onChange, label, disabled, placeholder, }: import("./types").AutocompleteTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Popover: ({ children, className, }: import("./types").AutocompletePopoverProps) => import("react/jsx-runtime").JSX.Element;
+    Options: <T>({ options, onSelect, children, }: import("./types").AutocompleteOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;
+    Option: <T>({ option, onSelect, grouped, }: import("./types").AutocompleteOptionProps<T>) => import("react/jsx-runtime").JSX.Element;
+    GroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, }: import("./types").AutocompleteGroupedOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;
+};
+export * from './types';

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

@@ -0,0 +1,50 @@
+import React, { ChangeEventHandler, ReactNode } from 'react';
+export interface Option {
+    label: string;
+    value: string;
+}
+export interface AutocompleteRootProps<T> {
+    keyExtractor: (option: T) => string;
+    labelExtractor: (option: T) => string;
+    children: ReactNode;
+    className?: string;
+}
+export interface AutocompleteTriggerProps {
+    inputValue: string;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export interface AutocompletePopoverProps {
+    children: ReactNode;
+    className?: string;
+}
+export interface AutocompleteOptionsProps<T> {
+    keyExtractor?: (option: T) => string;
+    options?: T[] | (() => Promise<T[]>);
+    onSelect?: (option: T) => void;
+    children?: ReactNode;
+}
+export interface AutocompleteGroupedOptionsProps<T> {
+    options?: Map<string, T[]> | (() => Promise<Map<string, T[]>>);
+    groupedLabelExtractor: (value: string) => string;
+    onSelect?: (option: T) => void;
+}
+export interface AutocompleteOptionProps<T> {
+    keyExtractor?: (option: T) => string;
+    option: T;
+    onSelect?: (option: T) => void;
+    grouped?: boolean;
+}
+export interface AutocompleteProps<T> {
+    inputValue: string;
+    setInputValue: React.Dispatch<React.SetStateAction<string>>;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    options: T[] | (() => Promise<T[]>);
+    onSelect?: (option: T) => void;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+}

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,3 +32,5 @@ export * from './TimePicker';
 export * from './Toggle';
 export * from './Tooltip';
 export * from './Uploader';
+export * from './Autocomplete';
+export * from './PhoneInput';

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

@@ -0,0 +1,9 @@
+interface useAutocompleteGroupedOptionsProps<T> {
+    options?: Map<string, T[]> | (() => Promise<Map<string, T[]>>);
+}
+export declare const useAutocompleteGroupedOptions: <T>({ options: _options, }: useAutocompleteGroupedOptionsProps<T>) => {
+    isLoading: boolean | undefined;
+    options: Map<string, T[]> | undefined;
+    error: string | undefined;
+};
+export {};

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

@@ -0,0 +1,9 @@
+interface useAutocompleteOptionsProps<T> {
+    options?: T[] | (() => Promise<T[]>);
+}
+export declare const useAutocompleteOptions: <T>({ options: _options, }: useAutocompleteOptionsProps<T>) => {
+    isLoading: boolean | undefined;
+    options: T[] | undefined;
+    error: string | undefined;
+};
+export {};