@segmentify/ui 0.0.54 → 0.0.56

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/iphone-15.d.ts

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

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/preview-single-button.d.ts

@@ -0,0 +1,6 @@
+import { type PropsWithChildren } from 'react';
+type PreviewSingleButtonProps = {
+    className?: string;
+};
+export declare const PreviewSingleButton: ({ children, className }: PropsWithChildren<PreviewSingleButtonProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/confirmation-dialog.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { VariantProps } from 'class-variance-authority';
+import { buttonVariants } from '../../lib/design-variants';
+import type { Union } from 'ts-toolbelt';
+type BaseProps = {
+    title: string;
+    description: string;
+    onAction: () => void;
+    children?: React.ReactNode;
+    cancelLabel: string;
+    actionLabel: string;
+    actionVariant?: VariantProps<typeof buttonVariants>['variant'];
+};
+type ControlledProps = BaseProps & {
+    controlled: true;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+};
+type UncontrolledProps = BaseProps & {
+    controlled?: false;
+};
+type Props = Union.Strict<ControlledProps | UncontrolledProps>;
+export declare const ConfirmationDialog: ({ title, description, onAction, children, cancelLabel, actionLabel, actionVariant, open, setOpen, controlled, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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;
+    errorClassName?: string;
+    containerClassName?: string;
+    labelClassName?: string;
+    mainLanguage?: keyof typeof flags;
+} & 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/components/molecules/preview-sms.d.ts

@@ -0,0 +1,5 @@
+import { MessagingPhoneProps } from '../../types/messaging';
+export declare const PreviewSMS: {
+    ({ messageData }: MessagingPhoneProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/components/molecules/whatsapp-message.d.ts

@@ -0,0 +1,15 @@
+import { type PropsWithChildren } from 'react';
+type WhatsappMessageProps = {
+    cards?: {
+        image?: string;
+        title?: string;
+        content?: string;
+        buttons: {
+            text?: string;
+            yupButtonsText?: string;
+        }[];
+    }[];
+    includeTime?: boolean;
+};
+export declare const WhatsappMessage: ({ children, cards, includeTime }: PropsWithChildren<WhatsappMessageProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/organisms/form-checkbox.d.ts

@@ -4,6 +4,7 @@ type FormCheckboxProps<TFieldValues extends FieldValues = FieldValues> = {
     control?: Control<TFieldValues>;
     label: string;
     formClassName?: string;
+    containerClassName?: string;
 };
 export declare const FormCheckbox: <TFieldValues extends FieldValues = FieldValues>({ name, control, formClassName, ...props }: FormCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

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';