@tecsinapse/cortex-react 2.1.0-beta.6 → 2.1.1-beta.2

package/dist/cjs/index.js

@@ -44,7 +44,6 @@ var TimeFieldInput = require('./components/TimePicker/TimeFieldInput.js');
 var Toggle = require('./components/Toggle.js');
 var Tooltip = require('./components/Tooltip.js');
 var index$7 = require('./components/Uploader/index.js');
-var index$8 = require('./components/PhoneInput/index.js');
 var useCalendar = require('./hooks/useCalendar.js');
 var useCalendarCell = require('./hooks/useCalendarCell.js');
 var useCalendarGrid = require('./hooks/useCalendarGrid.js');
@@ -128,7 +127,6 @@ exports.TimeFieldInput = TimeFieldInput.TimeFieldInput;
 exports.Toggle = Toggle.Toggle;
 exports.Tooltip = Tooltip.Tooltip;
 exports.Uploader = index$7.Uploader;
-exports.PhoneInput = index$8.PhoneInput;
 exports.useCalendar = useCalendar.useCalendar;
 exports.useCalendarCell = useCalendarCell.useCalendarCell;
 exports.useCalendarGrid = useCalendarGrid.useCalendarGrid;

package/dist/cjs/provider/ManagerContext.js

@@ -66,10 +66,6 @@ require('../components/Tooltip.js');
 require('react-icons/hi2');
 require('react-icons/fa6');
 require('react-dom');
-require('../components/PhoneInput/Options.js');
-require('../components/PhoneInput/context.js');
-require('react-international-phone');
-require('react-icons/io5');
 
 const ManagerContext = React.createContext(null);
 const ManagerProvider = ({ children }) => {

package/dist/cjs/service/SnackbarSonner.js

@@ -35,6 +35,37 @@ class SnackbarSonner {
       { ...this._options, ...options }
     );
   }
+  promise(promise, config) {
+    const { loading, success, error } = config;
+    const id = this.show(loading.type ?? "info", loading.message, {
+      ...loading.options,
+      duration: loading.options?.duration ?? Infinity
+    });
+    promise().then((result) => {
+      if (!success) {
+        sonner.toast.dismiss(id);
+        return;
+      }
+      const msg = typeof success.message === "function" ? success.message(result) : 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) {
+        sonner.toast.dismiss(id);
+        return;
+      }
+      const msg = typeof error.message === "function" ? error.message(err) : 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();
+  }
 }
 
 exports.SnackbarSonner = SnackbarSonner;

package/dist/esm/index.js

@@ -42,7 +42,6 @@ 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 { 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,10 +64,6 @@ import '../components/Tooltip.js';
 import 'react-icons/hi2';
 import 'react-icons/fa6';
 import 'react-dom';
-import '../components/PhoneInput/Options.js';
-import '../components/PhoneInput/context.js';
-import 'react-international-phone';
-import 'react-icons/io5';
 
 const ManagerContext = createContext(null);
 const ManagerProvider = ({ children }) => {

package/dist/esm/service/SnackbarSonner.js

@@ -33,6 +33,37 @@ class SnackbarSonner {
       { ...this._options, ...options }
     );
   }
+  promise(promise, config) {
+    const { loading, success, error } = config;
+    const id = this.show(loading.type ?? "info", loading.message, {
+      ...loading.options,
+      duration: loading.options?.duration ?? Infinity
+    });
+    promise().then((result) => {
+      if (!success) {
+        toast.dismiss(id);
+        return;
+      }
+      const msg = typeof success.message === "function" ? success.message(result) : 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);
+        return;
+      }
+      const msg = typeof error.message === "function" ? error.message(err) : 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/types/components/index.d.ts

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

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 | ((data: T) => string);
+        type?: TypeSnack;
+        options?: Omit<IExternalToast, 'className' | 'style'>;
+    };
+    error?: {
+        message?: string | ((error: unknown) => 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 {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "2.1.0-beta.6",
+  "version": "2.1.1-beta.2",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -28,7 +28,6 @@
     "react-aria": "3.38.1",
     "react-dropzone": "14.3.8",
     "react-imask": "7.6.1",
-    "react-international-phone": "^4.6.1",
     "react-spring": "9.7.5",
     "react-stately": "3.36.1",
     "sonner": "1.7.3",
@@ -49,5 +48,5 @@
     "react-icons": ">=5.2.0",
     "tailwindcss": "^4.1.16"
   },
-  "gitHead": "ed355af197814bf13f477826cc4deff86c0ea5d5"
-}
+  "gitHead": "f0d76cecde2e121d1d1a92664d110804ecce52f5"
+}

package/dist/cjs/components/PhoneInput/Option.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const PhoneInputOption = ({
-  country,
-  handleSelectCountry,
-  disableClick = false
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      className: "flex w-full h-[2rem] items-center justify-between p-centi cursor-pointer hover:bg-gray-100 bg-inherit",
-      onClick: () => {
-        handleSelectCountry(country);
-      },
-      disabled: disableClick,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: country?.name }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-gray-400 text-sm", children: [
-          "+",
-          country?.dialCode
-        ] })
-      ]
-    }
-  );
-};
-
-exports.PhoneInputOption = PhoneInputOption;

package/dist/cjs/components/PhoneInput/Options.js

@@ -1,117 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var Divider = require('../Divider.js');
-var context = require('./context.js');
-var Option = require('./Option.js');
-require('clsx');
-require('../Accordion/context.js');
-require('react-icons/lia');
-require('@internationalized/date');
-require('../Badge.js');
-require('react-icons/md');
-require('@tecsinapse/cortex-core');
-require('react-aria');
-require('react-stately');
-require('../../provider/MenubarContext.js');
-require('../../provider/SnackbarProvider.js');
-require('../../provider/CalendarProvider.js');
-require('../../provider/ManagerContext.js');
-require('../Popover/Context.js');
-require('react-dropzone');
-require('uuid');
-require('@floating-ui/react');
-require('currency.js');
-require('../Calendar/CalendarCell.js');
-require('react-icons/fa');
-require('react-icons/io');
-require('embla-carousel-react');
-require('embla-carousel-autoplay');
-require('../ColorPicker.js');
-require('../DatePicker/DateSegment.js');
-require('../DatePicker/DatePickerInputBase.js');
-require('../GroupButton.js');
-var index = require('../Input/index.js');
-require('../Menubar/Left.js');
-require('../../styles/menubar.js');
-require('../Menubar/Right.js');
-require('../Menubar/Dropdown.js');
-require('../Menubar/MostUsed.js');
-require('../Menubar/MostUsedItem.js');
-require('../Menubar/Header.js');
-require('../Menubar/Item.js');
-require('../../provider/CategoriesContext.js');
-require('../Menubar/SubItem.js');
-require('../ProgressBar/Progress.js');
-require('../RadioButton.js');
-require('../Select/GroupedOptions.js');
-require('../Select/context.js');
-require('../Select/MultiGroupedOptions.js');
-require('../Select/MultiOptions.js');
-require('../Select/Options.js');
-require('../Select/Trigger.js');
-require('../../styles/stepNodeVariants.js');
-require('../TextArea/Box.js');
-require('../TextArea/Face.js');
-require('../TextArea/Left.js');
-require('../TextArea/Right.js');
-require('../TextArea/Root.js');
-require('../TimePicker/TimeFieldInput.js');
-require('../Tooltip.js');
-require('react-icons/hi2');
-require('react-icons/fa6');
-require('react-dom');
-require('react-icons/io5');
-var reactInternationalPhone = require('react-international-phone');
-
-const countries = reactInternationalPhone.defaultCountries.map((c) => {
-  return reactInternationalPhone.parseCountry(c);
-});
-const PhoneInputOptions = ({
-  hasSearch = true
-}) => {
-  const { country, setCountry, setIsOpen } = context.usePhoneContext();
-  const [searchText, setSearchText] = React.useState("");
-  const filteredCountries = React.useMemo(() => {
-    return countries.filter(
-      (c) => c.iso2 !== country?.iso2 && (c.name.toLowerCase().includes(searchText.toLowerCase()) || c.dialCode.includes(searchText))
-    );
-  }, [country, searchText]);
-  const handleSelect = (country2) => {
-    setCountry?.(country2.iso2);
-    setIsOpen?.(false);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full flex flex-col overflow-y-auto", children: [
-    hasSearch ? /* @__PURE__ */ jsxRuntime.jsx(
-      index.Input.Search,
-      {
-        onChange: (e) => setSearchText(e.target.value),
-        variants: { className: "mx-deca my-centi outline-none" }
-      }
-    ) : null,
-    country ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Option.PhoneInputOption,
-        {
-          country,
-          handleSelectCountry: handleSelect,
-          disableClick: true
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(Divider.Divider, {})
-    ] }) : null,
-    filteredCountries.map((country2) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Option.PhoneInputOption,
-        {
-          country: country2,
-          handleSelectCountry: handleSelect
-        },
-        `${country2.dialCode} ${country2.iso2}`
-      );
-    })
-  ] });
-};
-
-exports.PhoneInputOptions = PhoneInputOptions;

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

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

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

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

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

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

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

@@ -1,19 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-const PhoneInputContext = React.createContext(
-  null
-);
-const usePhoneContext = () => {
-  const context = React.useContext(PhoneInputContext);
-  if (!context) {
-    throw new Error(
-      "usePhoneInputContext must be used within a usePhoneInputProvider"
-    );
-  }
-  return context;
-};
-
-exports.PhoneInputContext = PhoneInputContext;
-exports.usePhoneContext = usePhoneContext;

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

@@ -1,17 +0,0 @@
-'use strict';
-
-var Option = require('./Option.js');
-var Options = require('./Options.js');
-var Popover = require('./Popover.js');
-var Root = require('./Root.js');
-var Trigger = require('./Trigger.js');
-
-const PhoneInput = {
-  Root: Root.PhoneInputRoot,
-  Popover: Popover.PhoneInputPopover,
-  Trigger: Trigger.PhoneInputTrigger,
-  Option: Option.PhoneInputOption,
-  Options: Options.PhoneInputOptions
-};
-
-exports.PhoneInput = PhoneInput;

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

@@ -1,27 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-const PhoneInputOption = ({
-  country,
-  handleSelectCountry,
-  disableClick = false
-}) => {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      className: "flex w-full h-[2rem] items-center justify-between p-centi cursor-pointer hover:bg-gray-100 bg-inherit",
-      onClick: () => {
-        handleSelectCountry(country);
-      },
-      disabled: disableClick,
-      children: [
-        /* @__PURE__ */ jsx("span", { children: country?.name }),
-        /* @__PURE__ */ jsxs("span", { className: "text-gray-400 text-sm", children: [
-          "+",
-          country?.dialCode
-        ] })
-      ]
-    }
-  );
-};
-
-export { PhoneInputOption };

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

@@ -1,115 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useMemo } from 'react';
-import { Divider } from '../Divider.js';
-import { usePhoneContext } from './context.js';
-import { PhoneInputOption } from './Option.js';
-import 'clsx';
-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 '../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 'react-icons/io5';
-import { defaultCountries, parseCountry } from 'react-international-phone';
-
-const countries = defaultCountries.map((c) => {
-  return parseCountry(c);
-});
-const PhoneInputOptions = ({
-  hasSearch = true
-}) => {
-  const { country, setCountry, setIsOpen } = usePhoneContext();
-  const [searchText, setSearchText] = useState("");
-  const filteredCountries = useMemo(() => {
-    return countries.filter(
-      (c) => c.iso2 !== country?.iso2 && (c.name.toLowerCase().includes(searchText.toLowerCase()) || c.dialCode.includes(searchText))
-    );
-  }, [country, searchText]);
-  const handleSelect = (country2) => {
-    setCountry?.(country2.iso2);
-    setIsOpen?.(false);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "w-full h-full flex flex-col overflow-y-auto", children: [
-    hasSearch ? /* @__PURE__ */ jsx(
-      Input.Search,
-      {
-        onChange: (e) => setSearchText(e.target.value),
-        variants: { className: "mx-deca my-centi outline-none" }
-      }
-    ) : null,
-    country ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        PhoneInputOption,
-        {
-          country,
-          handleSelectCountry: handleSelect,
-          disableClick: true
-        }
-      ),
-      /* @__PURE__ */ jsx(Divider, {})
-    ] }) : null,
-    filteredCountries.map((country2) => {
-      return /* @__PURE__ */ jsx(
-        PhoneInputOption,
-        {
-          country: country2,
-          handleSelectCountry: handleSelect
-        },
-        `${country2.dialCode} ${country2.iso2}`
-      );
-    })
-  ] });
-};
-
-export { PhoneInputOptions };

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

@@ -1,21 +0,0 @@
-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",
-      style: {
-        zIndex: 9999,
-        width: triggerWidth ? `${triggerWidth}px` : "auto"
-      },
-      children
-    }
-  ) });
-};
-
-export { PhoneInputPopover };

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

@@ -1,59 +0,0 @@
-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

@@ -1,115 +0,0 @@
-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';
-
-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(
-            "img",
-            {
-              src: `https://purecatamphetamine.github.io/country-flag-icons/3x2/${country?.iso2.toUpperCase()}.svg`,
-              className: "w-[25px]"
-            }
-          ) : null,
-          /* @__PURE__ */ jsx(IoChevronDown, { className: "h-full text-md" })
-        ]
-      }
-    ) })
-  ] }) });
-};
-
-export { PhoneInputTrigger };

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

@@ -1,16 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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/types/components/PhoneInput/Option.d.ts

@@ -1,6 +0,0 @@
-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

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

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

@@ -1,4 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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;
-}