@konstructio/ui 0.1.2-alpha.52 → 0.1.2-alpha.53

package/dist/components/Modal/components/Wrapper/Wrapper.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { WrapperProps } from './Wrapper.types';
+export declare const Wrapper: FC<WrapperProps>;

package/dist/components/Modal/components/Wrapper/Wrapper.types.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import { PropsWithChildren } from 'react';
+import { Theme } from '../../../../domain/theme';
+import { modalVariants } from './Wrapper.variants';
+export interface WrapperProps extends PropsWithChildren, VariantProps<typeof modalVariants> {
+    buttonCloseClassName?: string;
+    className?: string;
+    showCloseButton?: boolean;
+    theme?: Theme;
+    onClose?: () => void;
+}

package/dist/components/Modal/components/Wrapper/Wrapper.variants.d.ts

@@ -0,0 +1,2 @@
+export declare const modalVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const buttonCloseVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1,4 @@
+export * from './Body/Body';
+export * from './Footer/Footer';
+export * from './Header/Header';
+export * from './Wrapper/Wrapper';

package/dist/components/Modal/contexts/Modal.context.d.ts

@@ -0,0 +1,2 @@
+import { State } from './Modal.types';
+export declare const ModalContext: import('react').Context<State>;

package/dist/components/Modal/contexts/Modal.provider.d.ts

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

package/dist/components/Modal/contexts/Modal.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type State = {
+    isOpen: boolean;
+    content: string | ReactNode;
+    shouldShowClose: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    setContentAndOpen: (content: string | ReactNode, showCloseButton?: boolean) => void;
+};

package/dist/components/Modal/contexts/index.d.ts

@@ -0,0 +1 @@
+export * from './Modal.provider';

package/dist/components/Modal/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useModal';

package/dist/components/Modal/hooks/useModal.d.ts

@@ -0,0 +1,9 @@
+export declare const useModal: () => {
+    closeBtnRef: import('react').RefObject<HTMLButtonElement | null>;
+    isOpen: boolean;
+    content: string | import('react').ReactNode;
+    shouldShowClose: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    setContentAndOpen: (content: string | import('react').ReactNode, showCloseButton?: boolean) => void;
+};

package/dist/components/MultiSelectDropdown/MultiSelectDropdown.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+import { MultiSelectDropdownProps } from './MultiSelectDropdown.types';
+/**
+ * A dropdown component for selecting one or multiple options with search functionality.
+ * Displays selected items as badges and supports loading states.
+ *
+ * @example
+ * ```tsx
+ * const [selected, setSelected] = useState<MultiSelectDropdownOption[]>([]);
+ *
+ * <MultiSelectDropdown
+ *   label="Assign team members"
+ *   placeholder="Search members..."
+ *   options={teamMembers}
+ *   value={selected}
+ *   onChange={(e) => setSelected(e.target.value)}
+ *   multiselect
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-multiselectdropdown--docs Storybook}
+ */
+export declare const MultiSelectDropdown: FC<MultiSelectDropdownProps>;

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

@@ -0,0 +1,74 @@
+import { VariantProps } from 'class-variance-authority';
+import { InputHTMLAttributes } from 'react';
+import { multiSelectDropdownVariants } from './MultiSelectDropdown.variants';
+/**
+ * Configuration for a multi-select dropdown option.
+ */
+export type MultiSelectDropdownOption = {
+    /** Unique identifier for the option */
+    id: string | number;
+    /** Display label for the option */
+    label: string;
+    /** Optional badge text displayed next to the label */
+    badge?: string;
+    /** Optional value (defaults to label if not provided) */
+    value?: string;
+};
+type OnChangeFn = (params: {
+    target: {
+        value: MultiSelectDropdownOption[];
+        name: string;
+    };
+}) => void;
+type OnBlurFn = (event: {
+    target: HTMLInputElement | null;
+    type?: string;
+}) => void;
+/**
+ * Props for the MultiSelectDropdown component.
+ * A dropdown that allows selecting one or multiple options with search.
+ *
+ * @example
+ * ```tsx
+ * <MultiSelectDropdown
+ *   label="Select users"
+ *   placeholder="Search users..."
+ *   options={[
+ *     { id: 1, label: 'John Doe', badge: 'Admin' },
+ *     { id: 2, label: 'Jane Smith', badge: 'User' },
+ *   ]}
+ *   value={selectedUsers}
+ *   onChange={(e) => setSelectedUsers(e.target.value)}
+ *   multiselect
+ * />
+ * ```
+ */
+export interface MultiSelectDropdownProps extends VariantProps<typeof multiSelectDropdownVariants>, Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'onBlur'> {
+    /** Whether the dropdown is in a loading state */
+    isLoading?: boolean;
+    /** Whether the field is required */
+    isRequired?: boolean;
+    /** Label displayed above the dropdown */
+    label?: string;
+    /** Additional CSS classes for the label */
+    labelClassName?: string;
+    /** Whether multiple options can be selected */
+    multiselect?: boolean;
+    /** Form field name */
+    name?: string;
+    /** Text shown when no options match the search */
+    noOptionsText?: string;
+    /** Available options to select from */
+    options: MultiSelectDropdownOption[];
+    /** Placeholder text when no selection */
+    placeholder?: string;
+    /** Currently selected options */
+    value?: MultiSelectDropdownOption[];
+    /** Additional CSS classes for the wrapper */
+    wrapperClassName?: string;
+    /** Callback fired when selection changes */
+    onChange?: OnChangeFn;
+    /** Callback fired when the input loses focus */
+    onBlur?: OnBlurFn;
+}
+export {};

package/dist/components/MultiSelectDropdown/MultiSelectDropdown.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const wrapperVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const multiSelectDropdownVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/MultiSelectDropdown/components/Item/Item.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ItemProps } from './Item.types';
+export declare const Item: FC<ItemProps>;

package/dist/components/MultiSelectDropdown/components/Item/Item.types.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '../../../../domain/theme';
+import { MultiSelectDropdownOption } from '../../MultiSelectDropdown.types';
+export type ItemProps = {
+    option: MultiSelectDropdownOption;
+    theme?: Theme;
+    isSelected?: boolean;
+    className?: string;
+};

package/dist/components/MultiSelectDropdown/components/Item/Item.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const itemVariants: (props?: ({
+    isSelected?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/MultiSelectDropdown/components/List/List.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ListProps } from './List.types';
+export declare const List: FC<ListProps>;

package/dist/components/MultiSelectDropdown/components/List/List.types.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../../../../domain/theme';
+export type ListProps = {
+    theme?: Theme;
+};

package/dist/components/MultiSelectDropdown/components/List/List.variants.d.ts

@@ -0,0 +1 @@
+export declare const listVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/MultiSelectDropdown/components/Wrapper/Wrapper.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { WrapperProps } from './Wrapper.types';
+export declare const Wrapper: FC<WrapperProps>;

package/dist/components/MultiSelectDropdown/components/Wrapper/Wrapper.js

@@ -1,59 +1,59 @@
 import "../Item/Item.js";
-import { List as S } from "../List/List.js";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { forwardRef as k, useId as O, useImperativeHandle as C } from "react";
-import { S as D } from "../../../../loader-juvMSJ9L.js";
-import { Badge as L } from "../../../Badge/Badge.js";
+import { List as k } from "../List/List.js";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { forwardRef as O, useId as C, useImperativeHandle as D } from "react";
+import { Badge as S } from "../../../Badge/Badge.js";
 import { Typography as p } from "../../../Typography/Typography.js";
 import { cn as a } from "../../../../utils/index.js";
-import { useMultiSelectDropdown as M } from "../../hooks/useMultiSelectDropdown.js";
-import { labelVariants as R, multiSelectDropdownVariants as I, wrapperVariants as V } from "../../MultiSelectDropdown.variants.js";
-import { X as j } from "../../../../x-BXShoIAM.js";
+import { useMultiSelectDropdown as I } from "../../hooks/useMultiSelectDropdown.js";
+import { labelVariants as L, multiSelectDropdownVariants as M, wrapperVariants as R } from "../../MultiSelectDropdown.variants.js";
+import { X as V } from "../../../../x-B9bYxG31.js";
+import { LoaderIcon as j } from "../../../../assets/icons/components/Loader.js";
 import { C as W } from "../../../../chevron-up-DEfvgPCw.js";
 import { useMultiSelectDropdown as $ } from "../../contexts/MultiSelectDropdown.hook.js";
-const B = k(
+const z = O(
   ({
     isRequired: c,
-    label: n,
+    label: l,
     labelClassName: d,
     name: s,
     placeholder: f = "",
     theme: u,
     wrapperClassName: h
   }, x) => {
-    const N = O(), i = s ? `${N}-name` : "id", {
+    const N = C(), i = s ? `${N}-name` : "id", {
       inputRef: t,
       isLoading: w,
       isOpen: o,
       selectedOptions: m,
       onOpen: g,
       onRemoveOption: v
-    } = $(), { wrapperRef: b, handleOpen: y } = M();
-    return C(x, () => t.current, [t]), /* @__PURE__ */ l(
+    } = $(), { wrapperRef: b, handleOpen: y } = I();
+    return D(x, () => t.current, [t]), /* @__PURE__ */ n(
       "div",
       {
         ref: b,
         className: a(
-          V({
+          R({
             className: h
           })
         ),
         "data-theme": u,
         children: [
-          n ? /* @__PURE__ */ l(
+          l ? /* @__PURE__ */ n(
             p,
             {
               component: "label",
               variant: "labelLarge",
               htmlFor: i,
               className: a(
-                R({
+                L({
                   className: d
                 })
               ),
               onClick: () => g(!0),
               children: [
-                n,
+                l,
                 " ",
                 c && /* @__PURE__ */ e(
                   p,
@@ -66,26 +66,32 @@ const B = k(
               ]
             }
           ) : null,
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ n(
             "div",
             {
               id: i,
-              className: a(I()),
+              className: a(M()),
               role: "combobox",
               onClick: y,
               "aria-expanded": o,
               children: [
                 m.length === 0 ? /* @__PURE__ */ e("span", { className: "text-base text-inherit select-none", children: f }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: m.map((r) => /* @__PURE__ */ e(
-                  L,
+                  S,
                   {
                     "data-value": r.label,
                     label: r.value ?? r.label ?? "",
                     className: "select-none",
-                    rightIcon: /* @__PURE__ */ e(j, { onClick: () => v(r) })
+                    rightIcon: /* @__PURE__ */ e(V, { onClick: () => v(r) })
                   },
                   r.id
                 )) }),
-                w ? /* @__PURE__ */ e(D, { className: "w-4 h-4 animate-spin shrink-0 text-gray-400" }) : /* @__PURE__ */ e(
+                w ? /* @__PURE__ */ e(
+                  j,
+                  {
+                    size: 16,
+                    className: "animate-spin shrink-0 text-gray-400"
+                  }
+                ) : /* @__PURE__ */ e(
                   W,
                   {
                     className: a(
@@ -107,13 +113,13 @@ const B = k(
               readOnly: !0
             }
           ),
-          o ? /* @__PURE__ */ e(S, {}) : null
+          o ? /* @__PURE__ */ e(k, {}) : null
         ]
       }
     );
   }
 );
-B.displayName = "MultiSelectDropdownWrapper";
+z.displayName = "MultiSelectDropdownWrapper";
 export {
-  B as Wrapper
+  z as Wrapper
 };

package/dist/components/MultiSelectDropdown/components/Wrapper/Wrapper.types.d.ts

@@ -0,0 +1,7 @@
+import { ForwardedRef } from 'react';
+import { Theme } from '../../../../domain/theme';
+import { MultiSelectDropdownProps } from '../../MultiSelectDropdown.types';
+export type WrapperProps = Omit<MultiSelectDropdownProps, 'options' | 'multiselect'> & {
+    ref?: ForwardedRef<HTMLInputElement>;
+    theme?: Theme;
+};

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

@@ -0,0 +1,3 @@
+export { Item } from './Item/Item';
+export { List } from './List/List';
+export { Wrapper } from './Wrapper/Wrapper';

package/dist/components/MultiSelectDropdown/contexts/MultiSelectDropdown.context.d.ts

@@ -0,0 +1,2 @@
+import { State } from './MultiSelectDropdown.types';
+export declare const MultiSelectDropdownContext: import('react').Context<State>;

package/dist/components/MultiSelectDropdown/contexts/MultiSelectDropdown.hook.d.ts

@@ -0,0 +1 @@
+export declare const useMultiSelectDropdown: () => import('./MultiSelectDropdown.types').State;

package/dist/components/MultiSelectDropdown/contexts/MultiSelectDropdown.provider.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { MultiSelectDropdownProviderProps } from './MultiSelectDropdown.types';
+export declare const MultiSelectDropdownProvider: FC<MultiSelectDropdownProviderProps>;

package/dist/components/MultiSelectDropdown/contexts/MultiSelectDropdown.types.d.ts

@@ -0,0 +1,31 @@
+import { PropsWithChildren, RefObject } from 'react';
+import { MultiSelectDropdownOption } from '../MultiSelectDropdown.types';
+export type State = {
+    inputRef: RefObject<HTMLInputElement | null> | null;
+    isLoading?: boolean;
+    isOpen: boolean;
+    noOptionsText?: string;
+    options: MultiSelectDropdownOption[];
+    selectedOptions: MultiSelectDropdownOption[];
+    onSelectOption: (option: MultiSelectDropdownOption) => void;
+    onRemoveOption: (option: MultiSelectDropdownOption) => void;
+    onOpen: (value?: boolean) => void;
+};
+export type MultiSelectDropdownProviderProps = PropsWithChildren & {
+    defaultOptions?: MultiSelectDropdownOption[];
+    isLoading?: boolean;
+    multiselect?: boolean;
+    name?: string;
+    noOptionsText?: string;
+    value?: MultiSelectDropdownOption[];
+    onChange?: (params: {
+        target: {
+            value: MultiSelectDropdownOption[];
+            name: string;
+        };
+    }) => void;
+    onBlur?: (event: {
+        target: HTMLInputElement | null;
+        type?: string;
+    }) => void;
+};

package/dist/components/MultiSelectDropdown/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MultiSelectDropdown.hook';
+export * from './MultiSelectDropdown.provider';

package/dist/components/MultiSelectDropdown/hooks/useMultiSelectDropdown.d.ts

@@ -0,0 +1,4 @@
+export declare const useMultiSelectDropdown: () => {
+    wrapperRef: import('react').RefObject<HTMLDivElement | null>;
+    handleOpen: (event: React.MouseEvent<HTMLElement>) => void;
+};

package/dist/components/PhoneNumberInput/PhoneNumberInput.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { Props } from './PhoneNumberInput.types';
+/**
+ * A phone number input with country code selector and automatic formatting.
+ * Uses google-libphonenumber for validation and formatting.
+ *
+ * @example
+ * ```tsx
+ * <PhoneNumberInput
+ *   label="Contact Number"
+ *   name="contactPhone"
+ *   defaultCountryCode="US"
+ *   showFlagOnSearch
+ *   showInputFilter
+ *   isRequired
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-phonenumberinput--docs Storybook}
+ */
+export declare const PhoneNumberInput: FC<Props>;

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

@@ -0,0 +1,49 @@
+import { RegionCode } from 'google-libphonenumber';
+import { InputHTMLAttributes } from 'react';
+/**
+ * Props for the PhoneNumberInput component.
+ * An input with country code selector and phone number formatting.
+ *
+ * @example
+ * ```tsx
+ * <PhoneNumberInput
+ *   label="Phone Number"
+ *   name="phone"
+ *   defaultCountryCode="US"
+ *   placeholder="Enter phone number"
+ *   showFlagOnSearch
+ * />
+ * ```
+ */
+export type Props = InputHTMLAttributes<HTMLInputElement> & {
+    /** Default country code for the selector (e.g., 'US', 'GB') */
+    defaultCountryCode?: RegionCode;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Error message to display */
+    error?: string;
+    /** Helper text displayed below the input */
+    helperText?: string;
+    /** Additional CSS classes for the helper text */
+    helperTextClassName?: string;
+    /** Whether the field is required */
+    isRequired?: boolean;
+    /** Label displayed above the input */
+    label?: string;
+    /** Additional CSS classes for the label */
+    labelClassName?: string;
+    /** Form field name */
+    name?: string;
+    /** Placeholder text for the input */
+    placeholder?: string;
+    /** Whether to show country flags in the search dropdown */
+    showFlagOnSearch?: boolean;
+    /** Whether to show the country filter input */
+    showInputFilter?: boolean;
+    /** Whether to show country names in the search dropdown */
+    showNameOnSearch?: boolean;
+    /** Whether to show the placeholder text */
+    showPlaceHolder?: boolean;
+    /** Additional CSS classes for the wrapper */
+    wrapperClassName?: string;
+};

package/dist/components/PhoneNumberInput/PhoneNumberInput.variants.d.ts

@@ -0,0 +1,4 @@
+export declare const phoneNumberInputVariants: (props?: ({
+    variant?: "error" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const FlagContent: FC;

package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { cn as s } from "../../../../utils/index.js";
-import { C as l } from "../../../../chevron-up-DrQr2Fwd.js";
+import { C as l } from "../../../../chevron-up-IlDPxR7j.js";
 import { usePhoneNumberContext as c } from "../../contexts/phone-number.hook.js";
 const u = () => {
   const { selectedCountry: o, isOpenSelector: t, handleOpenSelector: a } = c(), { flag: n } = o;

package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './FlagSelectorList.types';
+export declare const FlagSelectorList: FC<Props>;

package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.types.d.ts

@@ -0,0 +1,5 @@
+import { Props as PhoneNumberProps } from '../../PhoneNumberInput.types';
+export type Props = {
+    showFlagOnSearch: Required<PhoneNumberProps>['showFlagOnSearch'];
+    showNameOnSearch: Required<PhoneNumberProps>['showNameOnSearch'];
+};

package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './FlagSelectorWrapper.types';
+export declare const FlagSelectorWrapper: FC<Props>;

package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.types.d.ts

@@ -0,0 +1,8 @@
+import { Props as PhoneNumberProps } from '../../PhoneNumberInput.types';
+export type Props = {
+    placeholder: PhoneNumberProps['placeholder'];
+    showFlagOnSearch: Required<PhoneNumberProps>['showFlagOnSearch'];
+    showInputFilter: Required<PhoneNumberProps>['showInputFilter'];
+    showNameOnSearch: Required<PhoneNumberProps>['showNameOnSearch'];
+    showPlaceHolder: PhoneNumberProps['showPlaceHolder'];
+};

package/dist/components/PhoneNumberInput/components/TruncateText/TruncateText.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './TruncateText.types';
+export declare const TruncateText: FC<Props>;

package/dist/components/PhoneNumberInput/components/TruncateText/TruncateText.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import { P as f, R as u, T as b, C as m } from "../../../../index-Byr10W8m.js";
-import { d as h } from "../../../../debounce-BFejQm9P.js";
+import { d as h } from "../../../../debounce-DJveWHr_.js";
 import { useRef as p, useState as w, useCallback as g, useEffect as i } from "react";
 const C = ({ text: r, prefix: n }) => {
   const s = p(null), [c, d] = w(!1), t = g(() => {

package/dist/components/PhoneNumberInput/components/TruncateText/TruncateText.types.d.ts

@@ -0,0 +1,4 @@
+export type Props = {
+    text: string;
+    prefix: string;
+};

package/dist/components/PhoneNumberInput/components/Wrapper.d.ts

@@ -0,0 +1,3 @@
+import { ComponentRef, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { Props } from '../PhoneNumberInput.types';
+export declare const Wrapper: ForwardRefExoticComponent<Props & RefAttributes<ComponentRef<'input'>>>;

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

@@ -0,0 +1,2 @@
+export { FlagSelectorList } from './FlagSelectorList/FlagSelectorList';
+export { Wrapper } from './Wrapper';

package/dist/components/PhoneNumberInput/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './phone-number.context';
+export * from './phone-number.provider';
+export * from './phone-number.hook';

package/dist/components/PhoneNumberInput/contexts/phone-number.context.d.ts

@@ -0,0 +1,20 @@
+import { RegionCode } from 'google-libphonenumber';
+import { FC } from 'react';
+export type Country = {
+    code: RegionCode;
+    flag: FC;
+    name: string;
+    prefix: string;
+};
+export type ContextType = {
+    countries: Country[];
+    isOpenSelector: boolean;
+    selectedCountry: Country;
+    termOfSearch: string;
+    value: string;
+    handleOpenSelector: (status?: boolean) => void;
+    handleSelectCountry: (country: Country) => void;
+    onChangeTermOfSearch: (term: string) => void;
+    onChangeValue: (value: string) => void;
+};
+export declare const PhoneNumberContext: import('react').Context<ContextType>;

package/dist/components/PhoneNumberInput/contexts/phone-number.hook.d.ts

@@ -0,0 +1,2 @@
+import { ContextType } from './phone-number.context';
+export declare const usePhoneNumberContext: () => ContextType;

package/dist/components/PhoneNumberInput/contexts/phone-number.provider.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+type Props = PropsWithChildren & {
+    defaultCountryCode: string;
+};
+export declare const PhoneNumberProvider: FC<Props>;
+export {};