property-practice-ui 0.2.0 → 0.3.0

package/dist/index.d.cts

@@ -1,7 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { O as Option, c as colors, B as Button, I as Input$1, T as Textarea$1 } from './Textarea-BNvLsAXP.cjs';
-import { M as MenuItem, O as OrderType, T as TableListItemType, a as ToastType } from './toast-CvZfLJrO.cjs';
-import { ReactElement, ComponentProps, ReactNode } from 'react';
+import { O as Option } from './Textarea-BVqF5_5c.cjs';
+import { M as MenuItem, O as OrderType, T as TableListItemType } from './tableListItem-irbfqxnQ.cjs';
+import { ReactElement } from 'react';
+import { T as ToastType } from './toast-JPCqJveR.cjs';
+export { Accordion, Address, CTAContainer, Checkbox, ContentCard, Dropdown, FAQAccordion, FeatureContainer, Input, Modal, OverviewRowItem, PDFPreviewer, PageLayout, ProductInfo, RadioGroup, RatesChart, SideNav, SidePanel, StepperHeaderTab, Textarea } from './molecules.cjs';
+export { D as DocumentListAccordionFileType, F as FileButton } from './FileButton-DGczdE12.cjs';
+export { ContactForm, DocumentListAccordion, FeatureCarousel, Footer, Header, OverviewList, ToastProvider, VersionLabel, useToast } from './organisms.cjs';
+import { c as colors } from './Button-GGqCRrab.cjs';
 import 'react-hook-form';
 
 interface FilterProps<T extends string | number> {
@@ -116,417 +121,6 @@ interface Props {
 }
 declare function TopMenu({ logoUrl, children }: Props): react_jsx_runtime.JSX.Element;
 
-interface AccordionHeaderProps {
-    title: string;
-    isOpen: boolean;
-    buttonText?: string;
-    onButtonPress?: () => void;
-    rightElement?: ReactElement;
-    onAccordionPress: () => void;
-}
-declare const AccordionHeader: ({ title, isOpen, buttonText, onAccordionPress, onButtonPress, rightElement, }: AccordionHeaderProps) => react_jsx_runtime.JSX.Element;
-
-interface AccordionProps$1 extends Pick<ComponentProps<typeof AccordionHeader>, 'title' | 'onButtonPress' | 'buttonText' | 'rightElement'> {
-    children: ReactElement;
-}
-declare const Accordion: ({ buttonText, onButtonPress, title, children, rightElement, }: AccordionProps$1) => react_jsx_runtime.JSX.Element;
-
-declare const variants$3: readonly ["primary", "inverse", "subtle"];
-type Variant$3 = (typeof variants$3)[number];
-interface AddressProps {
-    title: string;
-    phone?: string;
-    email?: string;
-    addressLines: string[];
-    directionsText?: string;
-    onDirectionsClick?: () => void;
-    variant?: Variant$3;
-}
-declare const Address: {
-    ({ title, phone, email, addressLines, directionsText, onDirectionsClick, variant, }: AddressProps): react_jsx_runtime.JSX.Element;
-    variants: readonly ["primary", "inverse", "subtle"];
-};
-
-declare const alignments: readonly ["row", "column"];
-type Align = (typeof alignments)[number];
-interface CheckboxProps<T> {
-    error?: string;
-    label?: string;
-    value: T;
-    onChange: (value: T) => void;
-    options: Option<T>[];
-    align?: Align;
-}
-declare const Checkbox: <T extends string | number | boolean>({ error, label, onChange, options, value, }: CheckboxProps<T>) => react_jsx_runtime.JSX.Element;
-
-type TextColor$b = keyof typeof colors.text;
-type BackgroundColor$5 = keyof typeof colors.background;
-interface ContentCardProps {
-    thumbnail: React.ReactNode;
-    title: string;
-    description: string;
-    onArrowClick?: () => void;
-    headerVariant?: 'h1' | 'h2' | 'h3';
-    titleColor?: TextColor$b;
-    descriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
-    arrowVariant?: 'brand' | 'teal' | 'blue';
-    thumbnailBgColor?: BackgroundColor$5;
-}
-declare const ContentCard: ({ thumbnail, title, description, onArrowClick, headerVariant, titleColor, descriptionVariant, arrowVariant, thumbnailBgColor, }: ContentCardProps) => react_jsx_runtime.JSX.Element;
-
-type TextColor$a = keyof typeof colors.text;
-declare const variants$2: readonly ["primary", "secondary", "transparent"];
-type Variant$2 = (typeof variants$2)[number];
-interface CTAContainerProps {
-    header: string;
-    description: string;
-    primaryButtonText: string;
-    secondaryButtonText?: string;
-    onPrimaryClick?: () => void;
-    onSecondaryClick?: () => void;
-    variant?: Variant$2;
-    headerTextColor?: TextColor$a;
-    descriptionTextColor?: TextColor$a;
-    primaryArrowVariant?: 'brand' | 'teal' | 'blue';
-    primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-    secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-}
-declare const CTAContainer: {
-    ({ header, description, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, variant, headerTextColor, descriptionTextColor, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: CTAContainerProps): react_jsx_runtime.JSX.Element;
-    variants: readonly ["primary", "secondary", "transparent"];
-};
-
-type DocumentListAccordionFileType = {
-    name: string;
-    sourceFile: string;
-    status: string;
-    createdAt?: string;
-    id: string;
-};
-
-interface DropdownProps<T> {
-    options: Option<T>[];
-    value?: T;
-    onChange: (value: T) => void;
-    label?: string;
-    error?: string;
-    name: string;
-    placeholder?: string;
-    disabled?: boolean;
-}
-declare const Dropdown: <T extends string | number>({ error, onChange, options, value, label, name, placeholder, disabled, }: DropdownProps<T>) => react_jsx_runtime.JSX.Element;
-
-type TextColor$9 = keyof typeof colors.text;
-interface AccordionProps {
-    number: string;
-    title: string;
-    content: string;
-    defaultOpen?: boolean;
-    headerVariant?: 'h1' | 'h2' | 'h3';
-    numberColor?: TextColor$9;
-    titleColor?: TextColor$9;
-    iconColor?: TextColor$9;
-    contentVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
-}
-declare const FAQAccordion: ({ number, title, content, defaultOpen, headerVariant, numberColor, titleColor, iconColor, contentVariant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
-
-type TextColor$8 = keyof typeof colors.text;
-type BackgroundColor$4 = keyof typeof colors.background;
-interface FeatureItemData$1 {
-    thumbnail: React.ReactNode;
-    title: string;
-    description: string;
-    thumbnailSize?: string;
-}
-interface FeatureContainerProps {
-    items: FeatureItemData$1[];
-    thumbnailBgColor?: BackgroundColor$4;
-    titleColor?: TextColor$8;
-    descriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
-}
-declare const FeatureContainer: ({ items, thumbnailBgColor, titleColor, descriptionVariant, }: FeatureContainerProps) => react_jsx_runtime.JSX.Element;
-
-declare const acceptTypes: readonly [".docx", ".doc", ".pdf", "image/*"];
-type AcceptType = (typeof acceptTypes)[number];
-interface FileButtonProps extends Omit<ComponentProps<typeof Button>, 'onClick' | 'type'> {
-    onFileSelect?: (file: File) => void;
-    accept?: AcceptType[];
-    multiple?: boolean;
-}
-declare const FileButton: ({ onFileSelect, accept, multiple, ...rest }: FileButtonProps) => react_jsx_runtime.JSX.Element;
-
-interface InputProps extends ComponentProps<typeof Input$1> {
-    label?: string;
-    error?: string;
-}
-declare const Input: {
-    ({ label, error, ...rest }: InputProps): react_jsx_runtime.JSX.Element;
-    types: readonly ["number", "text", "email", "date"];
-};
-
-declare const positions: readonly ["top", "center", "bottom"];
-type ContentPosition = (typeof positions)[number];
-interface ModalProps {
-    visible: boolean;
-    onClose: () => void;
-    dismissable?: boolean;
-    contentPosition?: ContentPosition;
-    children: ReactNode;
-}
-declare const Modal: ({ visible, contentPosition, dismissable, onClose, children, }: ModalProps) => react_jsx_runtime.JSX.Element;
-
-interface OverviewRowItemProps {
-    isComplete: boolean;
-    title: string;
-    isMainHeader: boolean;
-}
-declare const OverviewRowItem: ({ isComplete, isMainHeader, title }: OverviewRowItemProps) => react_jsx_runtime.JSX.Element;
-
-interface PageLayoutProps {
-    title: string;
-    children: ReactNode;
-    isLoading?: boolean;
-    rightElement?: ReactElement;
-}
-declare const PageLayout: ({ title, children, isLoading, rightElement }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
-
-interface PDFPreviewerProps {
-    url: string;
-}
-declare const PDFPreviewer: ({ url }: PDFPreviewerProps) => react_jsx_runtime.JSX.Element;
-
-type TextColor$7 = keyof typeof colors.text;
-interface ProductInfoItemProps {
-    image: string;
-    logoImage: string;
-    title: string;
-    buttonText: string;
-    onButtonClick?: () => void;
-    titleVariant?: 'h1' | 'h2' | 'h3';
-    titleColor?: TextColor$7;
-    buttonArrowVariant?: 'brand' | 'teal' | 'blue';
-    buttonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    buttonTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-}
-declare const ProductInfo: ({ image, logoImage, title, buttonText, onButtonClick, titleVariant, titleColor, buttonArrowVariant, buttonTextBgVariant, buttonTextVariant, }: ProductInfoItemProps) => react_jsx_runtime.JSX.Element;
-
-type RadioGroupProps<T extends string | number> = {
-    label?: string;
-    options: readonly Option<T>[];
-    value: T;
-    onClick: (value: T) => void;
-    className?: string;
-};
-declare const RadioGroup: <T extends string | number>({ label, options, value, onClick, className, }: RadioGroupProps<T>) => react_jsx_runtime.JSX.Element;
-
-declare const variants$1: readonly ["primary", "secondary", "subtle"];
-type Variant$1 = (typeof variants$1)[number];
-interface RateItem {
-    transactionType: string;
-    price: string;
-}
-interface RatesChartProps {
-    title?: string;
-    rates: RateItem[];
-    onClose: () => void;
-    variant?: Variant$1;
-}
-declare const RatesChart: {
-    ({ title, rates, onClose, variant, }: RatesChartProps): react_jsx_runtime.JSX.Element;
-    variants: readonly ["primary", "secondary", "subtle"];
-};
-
-type BorderColor$1 = keyof typeof colors.border;
-type BgColor = keyof typeof colors.background;
-interface NavItemData {
-    label: string;
-    href: string;
-}
-interface SideNavProps {
-    logo?: React.ReactNode;
-    items: NavItemData[];
-    activeItem?: string;
-    onBackToTop?: () => void;
-    isOpen?: boolean;
-    onClose?: () => void;
-    mobileButtons?: Array<{
-        text: string;
-        onClick: () => void;
-        bgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-        textVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-        arrowButton?: 'blue';
-    }>;
-    mobileBgVariant?: BgColor;
-    borderVariant?: BorderColor$1;
-    closeButtonVariant?: BorderColor$1;
-    mobileActiveTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    mobileActiveTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-    mobileInactiveTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    mobileInactiveTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-    triangleColor?: BorderColor$1;
-    dividerColor?: BorderColor$1;
-    activeTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    activeTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-    inactiveTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    inactiveTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-    backToTopBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    backToTopTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-}
-declare const SideNav: ({ logo, items, activeItem, onBackToTop, isOpen, onClose, mobileButtons, mobileBgVariant, borderVariant, closeButtonVariant, mobileActiveTextBgVariant, mobileActiveTextVariant, mobileInactiveTextBgVariant, mobileInactiveTextVariant, triangleColor, dividerColor, activeTextBgVariant, activeTextVariant, inactiveTextBgVariant, inactiveTextVariant, backToTopBgVariant, backToTopTextVariant, }: SideNavProps) => react_jsx_runtime.JSX.Element;
-
-type BackgroundColor$3 = keyof typeof colors.background;
-type TextColor$6 = keyof typeof colors.text;
-interface SidePanelProps {
-    isOpen: boolean;
-    onClose: () => void;
-    icon: React.ReactNode;
-    title: string;
-    description: string;
-    buttonText: string;
-    onButtonClick?: () => void;
-    closeButtonBgColor?: BackgroundColor$3;
-    titleColor?: TextColor$6;
-    descriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
-    buttonArrowVariant?: 'brand' | 'teal' | 'blue';
-    buttonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    buttonTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-}
-declare const SidePanel: ({ isOpen, onClose, icon, title, description, buttonText, onButtonClick, closeButtonBgColor, titleColor, descriptionVariant, buttonArrowVariant, buttonTextBgVariant, buttonTextVariant, }: SidePanelProps) => react_jsx_runtime.JSX.Element;
-
-interface StepperHeaderTabProps {
-    onClick?: () => void;
-    title: string;
-    isSelected: boolean;
-}
-declare const StepperHeaderTab: ({ title, isSelected, onClick, }: StepperHeaderTabProps) => react_jsx_runtime.JSX.Element;
-
-interface TextareaProps extends ComponentProps<typeof Textarea$1> {
-    label?: string;
-    error?: string;
-}
-declare const Textarea: ({ label, error, ...rest }: TextareaProps) => react_jsx_runtime.JSX.Element;
-
-interface ContactFormProps {
-}
-declare const ContactForm: ({}: ContactFormProps) => react_jsx_runtime.JSX.Element;
-
-interface DocumentListAccordionProps extends Pick<ComponentProps<typeof FileButton>, 'accept' | 'onFileSelect'> {
-    title: string;
-    files: DocumentListAccordionFileType[];
-    onViewDetail: (id: string) => void;
-    onSortBy?: (accessor: keyof DocumentListAccordionFileType) => void;
-}
-declare const DocumentListAccordion: ({ title, files, onSortBy, onViewDetail, accept, onFileSelect, }: DocumentListAccordionProps) => react_jsx_runtime.JSX.Element;
-
-type TextColor$5 = keyof typeof colors.text;
-type BackgroundColor$2 = keyof typeof colors.background;
-interface CarouselCard {
-    thumbnail: React.ReactNode;
-    title: string;
-    description: string;
-    onArrowClick?: () => void;
-}
-interface CarouselProps {
-    cards: CarouselCard[];
-    cardTitleColor?: TextColor$5;
-    cardDescriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
-    cardArrowVariant?: 'brand' | 'teal' | 'blue';
-    cardThumbnailBgColor?: BackgroundColor$2;
-    navButtonColor?: TextColor$5;
-    indicatorColor?: TextColor$5;
-}
-declare const FeatureCarousel: ({ cards, cardTitleColor, cardDescriptionVariant, cardArrowVariant, cardThumbnailBgColor, navButtonColor, indicatorColor, }: CarouselProps) => react_jsx_runtime.JSX.Element;
-
-declare const variants: readonly ["primary", "secondary"];
-type Variant = (typeof variants)[number];
-interface AddressData {
-    title: string;
-    phone?: string;
-    email?: string;
-    addressLines: string[];
-}
-interface SocialLink {
-    icon: React.ReactNode;
-    url: string;
-    ariaLabel: string;
-}
-interface LegalLinkData {
-    text: string;
-    url: string;
-}
-interface FooterProps {
-    logo: string;
-    primaryButtonText: string;
-    secondaryButtonText: string;
-    onPrimaryClick?: () => void;
-    onSecondaryClick?: () => void;
-    addresses: AddressData[];
-    socialLinks: SocialLink[];
-    legalLinks: LegalLinkData[];
-    copyrightText: string;
-    variant?: Variant;
-    primaryArrowVariant?: 'brand' | 'teal' | 'blue';
-    primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-    secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-}
-declare const Footer: {
-    ({ logo, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, addresses, socialLinks, legalLinks, copyrightText, variant, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: FooterProps): react_jsx_runtime.JSX.Element;
-    variants: readonly ["primary", "secondary"];
-};
-
-type BorderColor = keyof typeof colors.border;
-interface HeaderProps {
-    logo: string;
-    primaryButtonText: string;
-    secondaryButtonText: string;
-    onPrimaryClick?: () => void;
-    onSecondaryClick?: () => void;
-    isMobileMenuOpen?: boolean;
-    onMobileMenuToggle?: () => void;
-    burgerVariant?: BorderColor;
-    primaryArrowVariant?: 'brand' | 'teal' | 'blue';
-    primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-    secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
-}
-declare const Header: ({ logo, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, isMobileMenuOpen, onMobileMenuToggle, burgerVariant, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: HeaderProps) => react_jsx_runtime.JSX.Element;
-
-type OverviewItem = {
-    title: string;
-    isComplete: boolean;
-};
-type Overview = {
-    header: string;
-    overviewItems: OverviewItem[];
-};
-interface OverviewListProps {
-    overviews: Overview[];
-}
-declare const OverviewList: ({ overviews }: OverviewListProps) => react_jsx_runtime.JSX.Element;
-
-type ShowToastInput = {
-    type?: ToastType;
-    message: string;
-};
-type ToastContextProps = {
-    showToast: (input: ShowToastInput) => void;
-};
-declare const useToast: () => ToastContextProps;
-interface ToastProvider {
-    children: ReactNode;
-}
-declare const ToastProvider: ({ children }: ToastProvider) => react_jsx_runtime.JSX.Element;
-
-interface VersionLabelProps {
-    versionNumber: string;
-}
-declare const VersionLabel: ({ versionNumber }: VersionLabelProps) => react_jsx_runtime.JSX.Element;
-
 type TextColor$4 = keyof typeof colors.text;
 interface AboutUsProps {
     image: string;
@@ -657,4 +251,4 @@ interface OtherProductsProps {
 }
 declare const OtherProducts: ({ headerText, headerVariant, products, headerColor, productTitleColor, productButtonArrowVariant, productButtonTextBgVariant, productButtonTextVariant, }: OtherProductsProps) => react_jsx_runtime.JSX.Element;
 
-export { AboutUs, Accordion, Address, CTAContainer, Checkbox, Contact, ContactForm, ContentCard, DocumentListAccordion, type DocumentListAccordionFileType, Dropdown, FAQ, FAQAccordion, FeatureCarousel, FeatureContainer, Features, FileButton, Filter, Footer, Header, Hero, Input, Modal, NavMenu, OtherProducts, OverviewList, OverviewRowItem, PDFPreviewer, PageLayout, ProductInfo, RadioGroup, RatesChart, Search, SideNav, SidePanel, SortBy, Spinner, StepperHeaderTab, Table, TableHeader, type TableHeaderConfig, TableInner, TableListItem, TableRow, Tabs, Textarea, Toast, ToastProvider, TopMenu, VersionLabel, useToast };
+export { AboutUs, Contact, FAQ, Features, Filter, Hero, NavMenu, OtherProducts, Search, SortBy, Spinner, Table, TableHeader, type TableHeaderConfig, TableInner, TableListItem, TableRow, Tabs, Toast, TopMenu };