@segmentify/ui 0.0.54 → 0.0.55

package/dist/components/atoms/input.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { Input };

package/dist/components/atoms/phone-input.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as RPNInput from 'react-phone-number-input';
+type PhoneInputProps = Omit<React.ComponentProps<'input'>, 'onChange' | 'value' | 'ref'> & Omit<RPNInput.Props<typeof RPNInput.default>, 'onChange'> & {
+    onChange?: (value: RPNInput.Value) => void;
+};
+declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps>;
+export { PhoneInput };

package/dist/components/atoms/phone-inpux.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as RPNInput from 'react-phone-number-input';
+type PhoneInputProps = Omit<React.ComponentProps<'input'>, 'onChange' | 'value' | 'ref'> & Omit<RPNInput.Props<typeof RPNInput.default>, 'onChange'> & {
+    onChange?: (value: RPNInput.Value) => void;
+};
+declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps>;
+export { PhoneInput };

package/dist/components/molecules/form-phone-input.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { PhoneInput } from '../../components/atoms/phone-input';
+import flags from 'react-phone-number-input/flags';
+export type FormPhoneInputProps = {
+    label: string;
+    name: string;
+    description?: string;
+    showErrorPlaceholder?: boolean | undefined;
+    errorClassName?: string;
+    containerClassName?: string;
+    labelClassName?: string;
+    mainLanguage?: keyof typeof flags | undefined;
+} & Omit<React.ComponentProps<typeof PhoneInput>, 'defaultCountry' | 'value' | 'onChange' | 'onBlur' | 'name' | 'ref'>;
+export declare const FormPhoneInput: ({ label, name, description, showErrorPlaceholder, errorClassName, containerClassName, labelClassName, mainLanguage, ...props }: FormPhoneInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -42,6 +42,7 @@ export { FormRadio } from './components/organisms/form-radio';
 export { FormSlider } from './components/organisms/form-slider';
 export { FormSwitch } from './components/organisms/form-switch';
 export { FormTextarea } from './components/organisms/form-textarea';
+export { FormPhoneInput } from './components/molecules/form-phone-input';
 export { HoverCard, HoverCardContent, HoverCardTrigger } from './components/atoms/hover-card';
 export { Icon } from './components/atoms/icon';
 export { Input } from './components/atoms/input';
@@ -56,6 +57,7 @@ export { MultiSelectDropdown } from './components/molecules/multi-select-dropdow
 export { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from './components/atoms/native-select';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from './components/atoms/pagination';
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './components/atoms/popover';
+export { PhoneInput } from './components/atoms/phone-input';
 export { PreviewCarousel } from './components/molecules/preview-carousel';
 export { PreviewRichMedia } from './components/molecules/preview-rich-media';
 export { MessagingPreview } from './components/molecules/messaging-preview';