property-practice-ui 0.1.4 → 0.2.0

package/dist/index.d.cts

@@ -1,10 +1,7 @@
 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, E as ExtendedButton } from './Textarea-u7ONHI5M.cjs';
+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 * as react from 'react';
 import { ReactElement, ComponentProps, ReactNode } from 'react';
-import * as styled_components_dist_types from 'styled-components/dist/types';
-import * as styled_components from 'styled-components';
 import 'react-hook-form';
 
 interface FilterProps<T extends string | number> {
@@ -341,18 +338,35 @@ declare const RatesChart: {
     variants: readonly ["primary", "secondary", "subtle"];
 };
 
-type BorderColor = keyof typeof colors.border;
-declare const NavItem: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
-interface NavItem {
+type BorderColor$1 = keyof typeof colors.border;
+type BgColor = keyof typeof colors.background;
+interface NavItemData {
     label: string;
     href: string;
 }
 interface SideNavProps {
-    items: NavItem[];
+    logo?: React.ReactNode;
+    items: NavItemData[];
     activeItem?: string;
     onBackToTop?: () => void;
-    triangleColor?: BorderColor;
-    dividerColor?: BorderColor;
+    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';
@@ -360,7 +374,7 @@ interface SideNavProps {
     backToTopBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
     backToTopTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
 }
-declare const SideNav: ({ items, activeItem, onBackToTop, triangleColor, dividerColor, activeTextBgVariant, activeTextVariant, inactiveTextBgVariant, inactiveTextVariant, backToTopBgVariant, backToTopTextVariant, }: SideNavProps) => react_jsx_runtime.JSX.Element;
+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;
@@ -438,8 +452,7 @@ interface SocialLink {
     url: string;
     ariaLabel: string;
 }
-declare const LegalLink: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
-interface LegalLink {
+interface LegalLinkData {
     text: string;
     url: string;
 }
@@ -451,7 +464,7 @@ interface FooterProps {
     onSecondaryClick?: () => void;
     addresses: AddressData[];
     socialLinks: SocialLink[];
-    legalLinks: LegalLink[];
+    legalLinks: LegalLinkData[];
     copyrightText: string;
     variant?: Variant;
     primaryArrowVariant?: 'brand' | 'teal' | 'blue';
@@ -465,19 +478,23 @@ declare const Footer: {
     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, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: HeaderProps) => react_jsx_runtime.JSX.Element;
+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;
@@ -540,7 +557,7 @@ interface ContactProps {
     termsVariant?: 'primary' | 'secondary' | 'subtle';
     buttonArrowVariant?: 'brand' | 'teal' | 'blue';
     buttonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    buttonTextVariant?: ComponentProps<typeof ExtendedButton>['textVariant'];
+    buttonTextVariant?: "brand" | "blue" | "primary" | "secondary" | "tertiary" | "subtle" | "light";
 }
 declare const Contact: ({ image, headerText, termsChecked, onTermsChange, buttonText, onButtonClick, headerColor, termsVariant, buttonArrowVariant, buttonTextBgVariant, buttonTextVariant, }: ContactProps) => react_jsx_runtime.JSX.Element;
 
@@ -636,7 +653,7 @@ interface OtherProductsProps {
     productTitleColor?: ComponentTextColor;
     productButtonArrowVariant?: 'brand' | 'teal' | 'blue';
     productButtonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    productButtonTextVariant?: ComponentProps<typeof ProductInfo>['buttonTextVariant'];
+    productButtonTextVariant?: "brand" | "blue" | "primary" | "secondary" | "tertiary" | "subtle" | "light";
 }
 declare const OtherProducts: ({ headerText, headerVariant, products, headerColor, productTitleColor, productButtonArrowVariant, productButtonTextBgVariant, productButtonTextVariant, }: OtherProductsProps) => react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -1,10 +1,7 @@
 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, E as ExtendedButton } from './Textarea-u7ONHI5M.js';
+import { O as Option, c as colors, B as Button, I as Input$1, T as Textarea$1 } from './Textarea-BNvLsAXP.js';
 import { M as MenuItem, O as OrderType, T as TableListItemType, a as ToastType } from './toast-CvZfLJrO.js';
-import * as react from 'react';
 import { ReactElement, ComponentProps, ReactNode } from 'react';
-import * as styled_components_dist_types from 'styled-components/dist/types';
-import * as styled_components from 'styled-components';
 import 'react-hook-form';
 
 interface FilterProps<T extends string | number> {
@@ -341,18 +338,35 @@ declare const RatesChart: {
     variants: readonly ["primary", "secondary", "subtle"];
 };
 
-type BorderColor = keyof typeof colors.border;
-declare const NavItem: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
-interface NavItem {
+type BorderColor$1 = keyof typeof colors.border;
+type BgColor = keyof typeof colors.background;
+interface NavItemData {
     label: string;
     href: string;
 }
 interface SideNavProps {
-    items: NavItem[];
+    logo?: React.ReactNode;
+    items: NavItemData[];
     activeItem?: string;
     onBackToTop?: () => void;
-    triangleColor?: BorderColor;
-    dividerColor?: BorderColor;
+    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';
@@ -360,7 +374,7 @@ interface SideNavProps {
     backToTopBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
     backToTopTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
 }
-declare const SideNav: ({ items, activeItem, onBackToTop, triangleColor, dividerColor, activeTextBgVariant, activeTextVariant, inactiveTextBgVariant, inactiveTextVariant, backToTopBgVariant, backToTopTextVariant, }: SideNavProps) => react_jsx_runtime.JSX.Element;
+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;
@@ -438,8 +452,7 @@ interface SocialLink {
     url: string;
     ariaLabel: string;
 }
-declare const LegalLink: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
-interface LegalLink {
+interface LegalLinkData {
     text: string;
     url: string;
 }
@@ -451,7 +464,7 @@ interface FooterProps {
     onSecondaryClick?: () => void;
     addresses: AddressData[];
     socialLinks: SocialLink[];
-    legalLinks: LegalLink[];
+    legalLinks: LegalLinkData[];
     copyrightText: string;
     variant?: Variant;
     primaryArrowVariant?: 'brand' | 'teal' | 'blue';
@@ -465,19 +478,23 @@ declare const Footer: {
     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, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: HeaderProps) => react_jsx_runtime.JSX.Element;
+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;
@@ -540,7 +557,7 @@ interface ContactProps {
     termsVariant?: 'primary' | 'secondary' | 'subtle';
     buttonArrowVariant?: 'brand' | 'teal' | 'blue';
     buttonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    buttonTextVariant?: ComponentProps<typeof ExtendedButton>['textVariant'];
+    buttonTextVariant?: "brand" | "blue" | "primary" | "secondary" | "tertiary" | "subtle" | "light";
 }
 declare const Contact: ({ image, headerText, termsChecked, onTermsChange, buttonText, onButtonClick, headerColor, termsVariant, buttonArrowVariant, buttonTextBgVariant, buttonTextVariant, }: ContactProps) => react_jsx_runtime.JSX.Element;
 
@@ -636,7 +653,7 @@ interface OtherProductsProps {
     productTitleColor?: ComponentTextColor;
     productButtonArrowVariant?: 'brand' | 'teal' | 'blue';
     productButtonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
-    productButtonTextVariant?: ComponentProps<typeof ProductInfo>['buttonTextVariant'];
+    productButtonTextVariant?: "brand" | "blue" | "primary" | "secondary" | "tertiary" | "subtle" | "light";
 }
 declare const OtherProducts: ({ headerText, headerVariant, products, headerColor, productTitleColor, productButtonArrowVariant, productButtonTextBgVariant, productButtonTextVariant, }: OtherProductsProps) => react_jsx_runtime.JSX.Element;