@segmentify/ui 0.0.3 → 0.0.5

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
-import { badgeVariants } from '@/lib/design-variants';
+import { badgeVariants } from '../../lib/design-variants';
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,10 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
-import { buttonVariants } from '@/lib/design-variants';
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+import { buttonVariants } from '../../lib/design-variants';
+interface ButtonProps extends React.ComponentProps<'button'> {
+    variant?: VariantProps<typeof buttonVariants>['variant'];
+    size?: VariantProps<typeof buttonVariants>['size'];
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}
+declare function Button({ className, variant, size, asChild, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export { Button };

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';
-import { Button } from '@/components/atoms/button';
+import { Button } from '../../components/atoms/button';
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Command as CommandPrimitive } from 'cmdk';
-import { Dialog } from '@/components/atoms/dialog';
+import { Dialog } from '../../components/atoms/dialog';
 declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
 declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
     title?: string;
@@ -8,7 +8,9 @@ declare function CommandDialog({ title, description, children, className, showCl
     className?: string;
     showCloseButton?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ containerClassName, className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input> & {
+    containerClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
 declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
 declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
 declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { type VariantProps } from 'class-variance-authority';
-import { labelVariants } from '@/lib/design-variants';
+import { labelVariants } from '../../lib/design-variants';
 interface LabelProps extends React.ComponentProps<typeof LabelPrimitive.Root> {
     variant?: VariantProps<typeof labelVariants>['variant'];
 }

package/dist/components/atoms/quill-editor.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import Quill, { Delta, Range, EmitterSource } from 'quill';
+interface EditorProps {
+    readOnly?: boolean;
+    defaultValue?: Delta;
+    onTextChange?: (html: string) => void;
+    onSelectionChange?: (range: Range | null, oldRange: Range | null, source: EmitterSource) => void;
+    theme?: 'snow' | 'bubble';
+}
+declare const QuillEditor: React.ForwardRefExoticComponent<EditorProps & React.RefAttributes<Quill>>;
+export { QuillEditor };

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
-import { Button } from '@/components/atoms/button';
-import { Input } from '@/components/atoms/input';
-import { Separator } from '@/components/atoms/separator';
-import { TooltipContent } from '@/components/atoms/tooltip';
+import { Button } from '../../components/atoms/button';
+import { Input } from '../../components/atoms/input';
+import { Separator } from '../../components/atoms/separator';
+import { TooltipContent } from '../../components/atoms/tooltip';
 declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<'div'> & {
     defaultOpen?: boolean;
     open?: boolean;

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

@@ -0,0 +1,3 @@
+import { type ToasterProps } from 'sonner';
+declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster };

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

@@ -4,4 +4,5 @@ declare function TooltipProvider({ delayDuration, ...props }: React.ComponentPro
 declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+declare const TooltipContentWithPortal: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipContentWithPortal, TooltipProvider };

package/dist/components/molecules/base-button.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { buttonVariants } from '../../lib/design-variants';
+import { VariantProps } from 'class-variance-authority';
+import type { Union } from 'ts-toolbelt';
+type BaseProps = {
+    className?: string;
+    type?: 'button' | 'submit' | 'reset';
+    size?: VariantProps<typeof buttonVariants>['size'];
+    variant?: VariantProps<typeof buttonVariants>['variant'];
+    label?: string;
+    suffix?: boolean;
+    prefix?: boolean;
+    isLoading?: boolean;
+    onClick?: () => void;
+    labelClassName?: string;
+    disabled?: boolean;
+    form?: string;
+};
+type IconOnlyProps = BaseProps & {
+    isIconOnly: true;
+    icon: React.ReactNode;
+};
+type DefaultButtonProps = BaseProps & {
+    isIconOnly?: false;
+    icon?: React.ReactNode;
+};
+type BaseButtonProps = Union.Strict<IconOnlyProps | DefaultButtonProps>;
+declare const BaseButton: ({ icon, type, label, size, variant, suffix, prefix, isLoading, onClick, className, labelClassName, disabled, isIconOnly, form, }: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { BaseButton };

package/dist/components/molecules/campaign-title.d.ts

@@ -0,0 +1,9 @@
+interface CampaignTitleProps {
+    label: string;
+    editLabel: string;
+    status: string;
+    statusMap: Record<string, string>;
+    campaignId: string;
+}
+declare const CampaignTitle: ({ label, editLabel, status, statusMap, campaignId }: CampaignTitleProps) => import("react/jsx-runtime").JSX.Element;
+export { CampaignTitle };

package/dist/components/molecules/checkbox-field.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Checkbox } from '../../components/atoms/checkbox';
+interface Props extends React.ComponentProps<typeof Checkbox> {
+    label: string;
+    name: string;
+    description?: string;
+    onCheckedChange: (checked: boolean) => void;
+}
+export declare const CheckboxField: ({ label, name, description, onCheckedChange, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/combobox-field.d.ts

@@ -0,0 +1,32 @@
+import type { SelectItemProps } from '../../lib/types';
+import type { Union } from 'ts-toolbelt';
+type BaseProps = {
+    isDisabled?: boolean;
+    options: SelectItemProps[];
+    triggerPlaceholder: string;
+    isFormControlWrapper?: boolean;
+    avoidCollisions?: boolean;
+    contentClassName?: string;
+    inputPlaceholder: string;
+    emptyMessage: string;
+    containerClassName?: string;
+    contentListClassName?: string;
+    closeOnSelect?: boolean;
+    label?: string;
+    onInputChange: (inputValue: string) => void;
+    handleSelectItem: (value: string | string[], option: SelectItemProps) => void;
+};
+type MultiSelectProps = BaseProps & {
+    isMultiSelect: true;
+    value: string[];
+    hasAllOption?: boolean;
+    allOptionLabel?: string;
+    handleSelectAll: (value: string | string[], availableOptions: SelectItemProps[]) => void;
+};
+type SingleSelectProps = BaseProps & {
+    isMultiSelect?: false;
+    value: string;
+};
+type Props = Union.Strict<MultiSelectProps | SingleSelectProps>;
+export declare const ComboboxField: ({ value, isDisabled, hasAllOption, isMultiSelect, options, allOptionLabel, triggerPlaceholder, isFormControlWrapper, avoidCollisions, contentClassName, inputPlaceholder, emptyMessage, containerClassName, contentListClassName, closeOnSelect, label, handleSelectItem, handleSelectAll, onInputChange, }: Props) => 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/creatable-action-icons.d.ts

@@ -0,0 +1,9 @@
+import { type ClassValue } from 'clsx';
+type Props = {
+    onCreate: () => void;
+    onDelete: () => void;
+    showCreate?: boolean;
+    className?: ClassValue;
+};
+export declare const CreatableActionIcons: ({ onCreate, onDelete, showCreate, className }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/date-range-picker.d.ts

@@ -0,0 +1,15 @@
+import { type DateRange } from 'react-day-picker';
+import { type ClassValue } from 'clsx';
+type Props = {
+    start: Date;
+    end: Date;
+    onConfirm: (range: DateRange) => void;
+    className?: ClassValue;
+    triggerButtonClassName?: ClassValue;
+    label: string;
+    placeholder: string;
+    confirmLabel: string;
+    disabledCondition: (date: Date) => boolean;
+};
+export declare const DateRangePicker: ({ start, end, onConfirm, className, triggerButtonClassName, label, placeholder, confirmLabel, disabledCondition, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/debounced-input.d.ts

@@ -0,0 +1,11 @@
+interface SearchInputProps {
+    name: string;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder: string;
+    className?: string;
+    label?: string;
+    inputClassName?: string;
+}
+declare function DebouncedInput({ value, onChange, className, inputClassName, name, placeholder, label }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export { DebouncedInput };

package/dist/components/molecules/detailed-image-modal.d.ts

@@ -0,0 +1,18 @@
+import { type ClassValue } from 'clsx';
+import type { Union } from 'ts-toolbelt';
+type BaseProps = {
+    banner: string;
+    campaignName: string;
+    imageClassName?: ClassValue;
+};
+type ControlledProps = BaseProps & {
+    isControlled: true;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+};
+type UncontrolledProps = BaseProps & {
+    isControlled?: false;
+};
+type DetailedImageModalProps = Union.Strict<ControlledProps | UncontrolledProps>;
+export declare const DetailedImageModal: ({ banner, campaignName, isControlled, open, setOpen, imageClassName, }: DetailedImageModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/input-field.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { labelVariants } from '../../lib/design-variants';
+export interface InputFieldProps {
+    name: string;
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder: string;
+    label?: string;
+    labelVariant?: VariantProps<typeof labelVariants>['variant'];
+    type?: React.HTMLInputTypeAttribute;
+    description?: string;
+    className?: string;
+    isReadOnly?: boolean;
+    inputClassName?: string;
+    hasRequiredIndicator?: boolean;
+}
+declare const InputField: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLInputElement>>;
+export { InputField };

package/dist/components/molecules/multi-select-dropdown.d.ts

@@ -0,0 +1,18 @@
+import { SelectItemProps } from '../../lib/types';
+interface MultiSelectDropdownProps {
+    label: string;
+    options: SelectItemProps[];
+    value: string[];
+    onChange: (value: string[]) => void;
+    toggleAllLabel?: string;
+    optionSuffix?: string;
+    translateOptions?: boolean;
+    containerClassName?: string;
+    contentClassName?: string;
+    triggerClassName?: string;
+    showSelectedItemLabels?: boolean;
+    showErrorPlaceholder?: boolean;
+    error?: string;
+}
+declare function MultiSelectDropdown({ label, options, value, onChange, toggleAllLabel, optionSuffix, translateOptions, containerClassName, contentClassName, triggerClassName, showSelectedItemLabels, showErrorPlaceholder, error, }: MultiSelectDropdownProps): import("react/jsx-runtime").JSX.Element;
+export { MultiSelectDropdown };

package/dist/components/molecules/select-field.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Select } from '../../components/atoms/select';
+import type { SelectItemProps } from '../../lib/types';
+interface SelectFieldProps extends React.ComponentProps<typeof Select> {
+    options: SelectItemProps[];
+    placeholder: string;
+    hasFormControlWrapper?: boolean;
+    selectContentClassName?: string;
+    triggerClassName: string;
+    containerClassName: string;
+    onChange: (value: string) => void;
+    value: string;
+    label: string;
+}
+export declare const SelectField: ({ options, placeholder, hasFormControlWrapper, selectContentClassName, onChange, value, label, triggerClassName, containerClassName, ...props }: SelectFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/select-multi-field.d.ts

@@ -0,0 +1,20 @@
+import { type ActionMeta, type SingleValue, type MultiValue, type InputActionMeta } from 'react-select';
+import { SelectItemProps } from '../../lib/types';
+type SelectFieldProps = {
+    label?: string;
+    name: string;
+    options: SelectItemProps[];
+    value: SingleValue<SelectItemProps> | MultiValue<SelectItemProps>;
+    onChange?: (newValue: SingleValue<SelectItemProps> | MultiValue<SelectItemProps>, actionMeta: ActionMeta<SelectItemProps>) => void;
+    onInputChange?: (inputValue: string, actionMeta: InputActionMeta) => void;
+    placeholder?: string;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    isMulti?: boolean;
+    isDisabled?: boolean;
+    isCreatable?: boolean;
+    description?: string;
+    className?: string;
+};
+export declare function SelectMultiField({ label, name, options, value, onChange, onInputChange, placeholder, isClearable, isSearchable, isMulti, isDisabled, description, className, isCreatable, }: SelectFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/switch-field.d.ts

@@ -0,0 +1,7 @@
+import { Switch } from '../../components/atoms/switch';
+interface Props extends React.ComponentProps<typeof Switch> {
+    label: string;
+    name: string;
+}
+export declare const SwitchField: ({ label, name, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/textarea-field.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Textarea } from '../../components/atoms/textarea';
+import { type ClassValue } from 'clsx';
+interface Props extends React.ComponentProps<typeof Textarea> {
+    textAreaClassName?: ClassValue;
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    label?: string;
+}
+export declare const TextAreaField: ({ textAreaClassName, value, onChange, label, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/tooltip-field.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type TooltipFieldProps = {
+    trigger: React.ReactNode;
+    content: React.ReactNode;
+    asChild?: boolean;
+    wrapTrigger?: boolean;
+    triggerClassName?: string;
+    contentClassName?: string;
+    disableContent?: boolean;
+    isPortal?: boolean;
+};
+declare const TooltipField: ({ trigger, content, asChild, wrapTrigger, triggerClassName, contentClassName, disableContent, isPortal, }: TooltipFieldProps) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export { TooltipField };

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

@@ -0,0 +1,7 @@
+type Props = {
+    name: string;
+    label: string;
+    formClassName?: string;
+};
+export declare const FormCheckbox: ({ name, formClassName, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,24 @@
+import type { SelectItemProps } from '../../lib/types';
+type Props = {
+    name: string;
+    label: string;
+    triggerPlaceholder: string;
+    inputPlaceholder: string;
+    options: SelectItemProps[];
+    description?: string;
+    isMultiSelect?: boolean;
+    emptyMessage: string;
+    containerClassName?: string;
+    contentClassName?: string;
+    contentListClassName?: string;
+    avoidCollisions?: boolean;
+    hasClearButton?: boolean;
+    hasAllOption?: boolean;
+    allOptionLabel?: string;
+    closeOnSelect?: boolean;
+    onInputChange: (inputValue: string) => void;
+    isDisabled?: boolean;
+    tooltipContent?: string;
+};
+export declare const FormCombobox: ({ name, label, triggerPlaceholder, inputPlaceholder, options, description, isMultiSelect, emptyMessage, containerClassName, contentClassName, contentListClassName, avoidCollisions, hasClearButton, hasAllOption, allOptionLabel, closeOnSelect, onInputChange, isDisabled, tooltipContent, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/organisms/form-file-upload.d.ts

@@ -0,0 +1,19 @@
+import type { ClassValue } from 'clsx';
+type FormFileUploadProps = {
+    name: string;
+    label?: string;
+    uploadButtonLabel?: string;
+    description?: string;
+    accept?: string;
+    disabled?: boolean;
+    multiple?: boolean;
+    containerClassName?: ClassValue;
+    tooltipContent?: string;
+    hasRequiredIndicator?: boolean;
+    onUpload?: (file: File) => Promise<string>;
+};
+export declare const FormFileUpload: {
+    ({ name, label, uploadButtonLabel, description, accept, disabled, multiple, containerClassName, tooltipContent, hasRequiredIndicator, onUpload, }: FormFileUploadProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

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

@@ -0,0 +1,12 @@
+import type { ClassValue } from 'clsx';
+type Props = {
+    label: string;
+    containerClassName?: ClassValue;
+    name: string;
+    placeholder: string;
+    description?: string;
+    tooltipContent?: string;
+    hasRequiredIndicator?: boolean;
+};
+export declare const FormInput: ({ label, containerClassName, name, description, placeholder, tooltipContent, hasRequiredIndicator, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import type { ClassValue } from 'clsx';
+type Props = {
+    label: string;
+    name: string;
+    placeholder: string;
+    containerClassName?: ClassValue;
+    description?: string;
+    tooltipContent?: string;
+    hasRequiredIndicator?: boolean;
+};
+export declare const FormPassword: ({ label, name, containerClassName, description, placeholder, tooltipContent, hasRequiredIndicator, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import type { SelectItemProps } from '../../lib/types';
+type Props = {
+    name: string;
+    label: string;
+    items: SelectItemProps[];
+    containerClassName?: string;
+    itemClassName?: string;
+    itemLabelClassName?: string;
+    selectedClassName?: string;
+    description?: string;
+};
+export declare const FormRadio: ({ name, label, items, containerClassName, itemClassName, itemLabelClassName, selectedClassName, description, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+type Props = {
+    name: string;
+    label: string;
+    description?: string;
+};
+export declare const FormSwitch: ({ name, label, description, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+type Props = {
+    label: string;
+    name: string;
+    placeholder: string;
+    description?: string;
+    containerClassName?: string;
+};
+export declare const FormTextarea: ({ label, name, description, placeholder, containerClassName, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/index.d.ts

@@ -1,41 +1,52 @@
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './components/atoms/accordion';
 export { AspectRatio } from './components/atoms/aspect-ratio';
-export { Avatar } from './components/atoms/avatar';
+export { Avatar, AvatarFallback, AvatarImage } from './components/atoms/avatar';
 export { Badge } from './components/atoms/badge';
-export { Breadcrumb } from './components/atoms/breadcrumb';
+export { BaseButton } from './components/molecules/base-button';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbSeparator, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, } from './components/atoms/breadcrumb';
 export { Button } from './components/atoms/button';
-export { Calendar } from './components/atoms/calendar';
+export { Calendar, CalendarDayButton } from './components/atoms/calendar';
+export { CampaignTitle } from './components/molecules/campaign-title';
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './components/atoms/card';
 export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } from './components/atoms/carousel';
 export { Case, ComponentSwitch, Default } from './components/atoms/component-switch';
-export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, } from './components/atoms/chart';
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, type ChartConfig, } from './components/atoms/chart';
 export { Checkbox } from './components/atoms/checkbox';
 export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './components/atoms/collapsible';
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, } from './components/atoms/command';
 export { ContentWrapper } from './components/atoms/content-wrapper';
+export { CreatableActionIcons } from './components/molecules/creatable-action-icons';
+export { CheckboxField } from './components/molecules/checkbox-field';
+export { ConfirmationDialog } from './components/molecules/confirmation-dialog';
+export { ComboboxField } from './components/molecules/combobox-field';
 export { FormattedDate } from './components/atoms/date';
+export { DateRangePicker } from './components/molecules/date-range-picker';
+export { DebouncedInput } from './components/molecules/debounced-input';
 export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogClose, DialogOverlay, DialogPortal, } from './components/atoms/dialog';
-export { Drawer } from './components/atoms/drawer';
-export { DropdownMenu } from './components/atoms/dropdown-menu';
+export { Drawer, DrawerContent, DrawerClose, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, } from './components/atoms/drawer';
+export { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from './components/atoms/dropdown-menu';
 export { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent } from './components/atoms/empty';
 export { ErrorMessage } from './components/atoms/error-message';
 export { FieldDescription } from './components/atoms/field-description';
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from './components/atoms/form';
-export { HoverCard } from './components/atoms/hover-card';
+export { FormCombobox } from './components/organisms/form-combobox';
+export { HoverCard, HoverCardContent, HoverCardTrigger } from './components/atoms/hover-card';
 export { Icon } from './components/atoms/icon';
 export { Input } from './components/atoms/input';
+export { InputField } from './components/molecules/input-field';
 export { InputOTP } from './components/atoms/input-otp';
 export { Kbd, KbdGroup } from './components/atoms/kbd';
 export { Label } from './components/atoms/label';
-export { LoadMore } from './components/atoms/load-more';
+export { MultiSelectDropdown } from './components/molecules/multi-select-dropdown';
 export { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from './components/atoms/native-select';
-export { Pagination } from './components/atoms/pagination';
-export { Popover } from './components/atoms/popover';
-export { RadioGroup } from './components/atoms/radio-group';
-export { ScrollArea } from './components/atoms/scroll-area';
-export { Select } from './components/atoms/select';
-export { SelectMulti } from './components/atoms/select-multi';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from './components/atoms/pagination';
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './components/atoms/popover';
+export { RadioGroup, RadioGroupItem } from './components/atoms/radio-group';
+export { ScrollArea, ScrollBar } from './components/atoms/scroll-area';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './components/atoms/select';
+export { SelectField } from './components/molecules/select-field';
 export { Separator } from './components/atoms/separator';
+export { SelectMultiField } from './components/molecules/select-multi-field';
 export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, } from './components/atoms/sheet';
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, } from './components/atoms/sidebar';
 export { Skeleton } from './components/atoms/skeleton';
@@ -44,7 +55,9 @@ export { Spinner } from './components/atoms/spinner';
 export { Switch } from './components/atoms/switch';
 export { Tabs, TabsList, TabsTrigger, TabsContent } from './components/atoms/tabs';
 export { Table, TableHeader, TableBody, TableHeadRow, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from './components/atoms/table';
-export { Table as TableWhatsApp, TableHeader as TableWhatsAppHeader, TableBody as TableWhatsAppBody, TableHeadRow as TableWhatsAppHeadRow, TableFooter as TableWhatsAppFooter, TableHead as TableWhatsAppHead, TableRow as TableWhatsAppRow, TableCell as TableWhatsAppCell, TableCaption as TableWhatsAppCaption, } from './components/atoms/table-whatsapp';
 export { Textarea } from './components/atoms/textarea';
+export { TextAreaField } from './components/molecules/textarea-field';
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/atoms/tooltip';
+export { TooltipField } from './components/molecules/tooltip-field';
+export { QuillEditor } from './components/atoms/quill-editor';
 export { cn } from './lib/utils';

package/dist/lib/design-variants.d.ts

@@ -8,3 +8,6 @@ export declare const labelVariants: (props?: ({
 export declare const badgeVariants: (props?: ({
     variant?: "secondary" | "success" | "destructive" | "outline" | "default" | "subtle" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const selectVariants: (props?: ({
+    variant?: "default" | "isFocused" | "multiSelected" | "isSelected" | "isControlFocused" | "isDisabled" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/lib/types.d.ts

@@ -0,0 +1,7 @@
+import type { ControllerRenderProps, FieldValues } from 'react-hook-form';
+export type SelectItemProps = {
+    value: string;
+    label: string;
+    name?: string;
+};
+export type FormFieldType = ControllerRenderProps<FieldValues, string>;