@servicetitan/anvil2 0.8.2 → 0.9.0

package/anvil2.d.ts

@@ -53,24 +53,27 @@ import { JSXElementConstructor } from 'react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { KeyboardEventHandler } from 'react';
 import { LabelHTMLAttributes } from 'react';
-import { Layout } from '@servicetitan/hammer-react/dist/Avatar';
-import { Layout as Layout_10 } from '@servicetitan/hammer-react/dist/Flex';
-import { Layout as Layout_11 } from '@servicetitan/hammer-react/dist/Grid';
-import { Layout as Layout_12 } from '@servicetitan/hammer-react/dist/Popover';
-import { Layout as Layout_13 } from '@servicetitan/hammer-react/dist/Radio';
-import { Layout as Layout_14 } from '@servicetitan/hammer-react/dist/SideNav';
-import { Layout as Layout_15 } from '@servicetitan/hammer-react/dist/Stepper';
-import { Layout as Layout_16 } from '@servicetitan/hammer-react/dist/Switch';
-import { Layout as Layout_17 } from '@servicetitan/hammer-react/dist/Tab';
-import { Layout as Layout_18 } from '@servicetitan/hammer-react/dist/TextField';
-import { Layout as Layout_2 } from '@servicetitan/hammer-react/dist/Badge';
-import { Layout as Layout_3 } from '@servicetitan/hammer-react/dist/Calendar';
-import { Layout as Layout_4 } from '@servicetitan/hammer-react/dist/Checkbox';
-import { Layout as Layout_5 } from '@servicetitan/hammer-react/dist/Chip';
-import { Layout as Layout_6 } from '@servicetitan/hammer-react/dist/Details';
-import { Layout as Layout_7 } from '@servicetitan/hammer-react/dist/Dialog';
-import { Layout as Layout_8 } from '@servicetitan/hammer-react/dist/Divider';
-import { Layout as Layout_9 } from '@servicetitan/hammer-react/dist/Drawer';
+import { Layout } from '@servicetitan/hammer-react/dist/Alert';
+import { Layout as Layout_10 } from '@servicetitan/hammer-react/dist/Dialog';
+import { Layout as Layout_11 } from '@servicetitan/hammer-react/dist/Divider';
+import { Layout as Layout_12 } from '@servicetitan/hammer-react/dist/Drawer';
+import { Layout as Layout_13 } from '@servicetitan/hammer-react/dist/Flex';
+import { Layout as Layout_14 } from '@servicetitan/hammer-react/dist/Grid';
+import { Layout as Layout_15 } from '@servicetitan/hammer-react/dist/Popover';
+import { Layout as Layout_16 } from '@servicetitan/hammer-react/dist/Radio';
+import { Layout as Layout_17 } from '@servicetitan/hammer-react/dist/SideNav';
+import { Layout as Layout_18 } from '@servicetitan/hammer-react/dist/Stepper';
+import { Layout as Layout_19 } from '@servicetitan/hammer-react/dist/Switch';
+import { Layout as Layout_2 } from '@servicetitan/hammer-react/dist/Announcement';
+import { Layout as Layout_20 } from '@servicetitan/hammer-react/dist/Tab';
+import { Layout as Layout_21 } from '@servicetitan/hammer-react/dist/TextField';
+import { Layout as Layout_3 } from '@servicetitan/hammer-react/dist/Avatar';
+import { Layout as Layout_4 } from '@servicetitan/hammer-react/dist/Badge';
+import { Layout as Layout_5 } from '@servicetitan/hammer-react/dist/Button';
+import { Layout as Layout_6 } from '@servicetitan/hammer-react/dist/Calendar';
+import { Layout as Layout_7 } from '@servicetitan/hammer-react/dist/Checkbox';
+import { Layout as Layout_8 } from '@servicetitan/hammer-react/dist/Chip';
+import { Layout as Layout_9 } from '@servicetitan/hammer-react/dist/Details';
 import { LiHTMLAttributes } from 'react';
 import { LinkProps as LinkProps_2 } from '@servicetitan/hammer-react/dist/Link';
 import { ListboxOptionGroupProps as ListboxOptionGroupProps_2 } from '@servicetitan/hammer-react/dist/Listbox';
@@ -109,7 +112,7 @@ import { StaticContext } from 'react-router';
 import { StepperListProps as StepperListProps_2 } from '@servicetitan/hammer-react/dist/Stepper';
 import { StepperPanelProps as StepperPanelProps_2 } from '@servicetitan/hammer-react/dist/Stepper';
 import { StepperProps as StepperProps_2 } from '@servicetitan/hammer-react/dist/Stepper';
-import { StepProps as StepProps_2 } from '@servicetitan/hammer-react/dist/Stepper';
+import { StepperStepProps as StepperStepProps_2 } from '@servicetitan/hammer-react/dist/Stepper';
 import { SVGProps } from 'react';
 import { TabButtonProps as TabButtonProps_2 } from '@servicetitan/hammer-react/dist/Tab';
 import { TabListProps as TabListProps_2 } from '@servicetitan/hammer-react/dist/Tab';
@@ -130,11 +133,21 @@ import { usePrefersColorScheme } from '@servicetitan/hammer-react';
 import { useSwipe } from '@servicetitan/hammer-react';
 import { WithRouterStatics } from 'react-router';
 
-export declare const Alert: ForwardRefExoticComponent<AlertProps_2 & RefAttributes<HTMLDivElement>>;
+export declare const Alert: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Layout & {
+    onClose?: MouseEventHandler<HTMLButtonElement> | undefined;
+} & {
+    status?: ("info" | "success" | "warning" | "danger") | undefined;
+    title: string;
+} & RefAttributes<HTMLDivElement>>;
 
 export declare type AlertProps = AlertProps_2;
 
-export declare const Announcement: ForwardRefExoticComponent<AnnouncementProps_2 & RefAttributes<HTMLDivElement>>;
+export declare const Announcement: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Layout_2 & {
+    onClose?: MouseEventHandler<HTMLButtonElement> | undefined;
+} & {
+    status?: ("info" | "success" | "warning" | "danger") | undefined;
+    title: string;
+} & RefAttributes<HTMLDivElement>>;
 
 export declare type AnnouncementProps = AnnouncementProps_2;
 
@@ -142,19 +155,19 @@ export { AnvilProvider }
 
 export { AnvilProviderProps }
 
-export declare const Avatar: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & Layout & {
+export declare const Avatar: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & Layout_3 & {
     name: string;
     color?: string | undefined;
     size?: "small" | "medium" | "large" | undefined;
     status?: "offline" | "online" | undefined;
     image?: string | undefined;
 } & RefAttributes<HTMLSpanElement>> & {
-    Group: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    Group: ForwardRefExoticComponent< Layout_3 & Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         max?: number | undefined;
     } & RefAttributes<HTMLSpanElement>>;
 };
 
-export declare const AvatarGroup: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+export declare const AvatarGroup: ForwardRefExoticComponent< Layout_3 & Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     max?: number | undefined;
 } & RefAttributes<HTMLSpanElement>>;
 
@@ -162,7 +175,7 @@ export declare type AvatarGroupProps = AvatarGroupProps_2;
 
 export declare type AvatarProps = AvatarProps_2;
 
-export declare const Badge: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & Layout_2 & {
+export declare const Badge: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & Layout_4 & {
     offset?: {
         x?: string | undefined;
         y?: string | undefined;
@@ -173,15 +186,15 @@ export declare type BadgeProps = BadgeProps_2;
 
 export declare const Button: ForwardRefExoticComponent<ButtonProps_2 & RefAttributes<HTMLButtonElement>>;
 
-export declare const ButtonCompound: ForwardRefExoticComponent<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+export declare const ButtonCompound: ForwardRefExoticComponent< Layout_5 & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     shape?: "pill" | "circular" | "rounded" | undefined;
 } & RefAttributes<HTMLButtonElement>>;
 
 export declare type ButtonCompoundProps = ButtonCompoundProps_2;
 
-export declare const ButtonLink: ForwardRefExoticComponent<Omit< DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+export declare const ButtonLink: ForwardRefExoticComponent< Layout_5 & Omit< DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
     disabled?: boolean | undefined;
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+    appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
     size?: "small" | "medium" | "large" | undefined;
     icon?: FunctionComponent<SVGProps<SVGSVGElement>> | {
         after: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
@@ -210,8 +223,8 @@ export declare type ButtonToggleProps = ButtonToggleProps_2;
 export declare const Calendar: ForwardRefExoticComponent<CalendarProps_2 & RefAttributes<HTMLDivElement>> & {
     Now: ForwardRefExoticComponent<{
         onClick?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent_2>, date: string | null) => void) | undefined;
-    } & Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_3 & ({
-        appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+    } & Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_6 & ({
+        appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
         size?: "small" | "medium" | "large" | undefined;
         loading?: boolean | undefined;
     } & ({
@@ -226,8 +239,8 @@ export declare const Calendar: ForwardRefExoticComponent<CalendarProps_2 & RefAt
         icon?: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
     })), "onClick"> & RefAttributes<HTMLButtonElement>>;
     Month: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLTableElement>>;
-    Next: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_3 & ({
-        appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+    Next: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_6 & ({
+        appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
         size?: "small" | "medium" | "large" | undefined;
         loading?: boolean | undefined;
     } & ({
@@ -241,8 +254,8 @@ export declare const Calendar: ForwardRefExoticComponent<CalendarProps_2 & RefAt
         children?: undefined;
         icon?: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
     }))) & RefAttributes<HTMLButtonElement>>;
-    Prev: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_3 & ({
-        appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+    Prev: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_6 & ({
+        appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
         size?: "small" | "medium" | "large" | undefined;
         loading?: boolean | undefined;
     } & ({
@@ -264,8 +277,8 @@ export declare const CalendarMonth: ForwardRefExoticComponent<Omit< DetailedHTML
 
 export declare type CalendarMonthProps = CalendarMonthProps_2;
 
-export declare const CalendarNext: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_3 & ({
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+export declare const CalendarNext: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_6 & ({
+    appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
     size?: "small" | "medium" | "large" | undefined;
     loading?: boolean | undefined;
 } & ({
@@ -284,8 +297,8 @@ export declare type CalendarNextProps = CalendarNextProps_2;
 
 export declare const CalendarNow: ForwardRefExoticComponent<{
     onClick?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent_2>, date: string | null) => void) | undefined;
-} & Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_3 & ({
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+} & Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_6 & ({
+    appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
     size?: "small" | "medium" | "large" | undefined;
     loading?: boolean | undefined;
 } & ({
@@ -302,8 +315,8 @@ export declare const CalendarNow: ForwardRefExoticComponent<{
 
 export declare type CalendarNowProps = CalendarNowProps_2;
 
-export declare const CalendarPrev: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_3 & ({
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+export declare const CalendarPrev: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_6 & ({
+    appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
     size?: "small" | "medium" | "large" | undefined;
     loading?: boolean | undefined;
 } & ({
@@ -327,14 +340,14 @@ export declare const Card: ForwardRefExoticComponent<Omit<CardProps_2, "ref"> &
 export declare type CardProps = CardProps_2;
 
 export declare const Checkbox: ForwardRefExoticComponent<Omit<CheckboxProps_2, "ref"> & RefAttributes<HTMLInputElement>> & {
-    Group: ForwardRefExoticComponent<Omit< DetailedHTMLProps<FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & Layout_4 & {
+    Group: ForwardRefExoticComponent<Omit< DetailedHTMLProps<FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & Layout_7 & {
         required?: boolean | undefined;
         legend: string | ReactElement<any, string | JSXElementConstructor<any>>;
         direction?: Property.FlexDirection | undefined;
     } & RefAttributes<HTMLFieldSetElement>>;
 };
 
-export declare const CheckboxGroup: ForwardRefExoticComponent<Omit< DetailedHTMLProps<FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & Layout_4 & {
+export declare const CheckboxGroup: ForwardRefExoticComponent<Omit< DetailedHTMLProps<FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & Layout_7 & {
     required?: boolean | undefined;
     legend: string | ReactElement<any, string | JSXElementConstructor<any>>;
     direction?: Property.FlexDirection | undefined;
@@ -344,32 +357,28 @@ export declare type CheckboxGroupProps = CheckboxGroupProps_2;
 
 export declare type CheckboxProps = CheckboxProps_2;
 
-export declare const Chip: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & Layout_5 & {
-    value: string;
+export declare const Chip: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & Layout_8 & {
+    onClose?: MouseEventHandler<HTMLButtonElement> | undefined;
+} & {
+    label: string;
     color?: string | undefined;
     onClick?: (() => void) | undefined;
-    onRemove?: (() => void) | undefined;
 } & RefAttributes<HTMLSpanElement>>;
 
 export declare type ChipProps = ChipProps_2;
 
-export declare const Details: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Layout_6 & {
-    children: ReactNode;
-    open?: boolean | undefined;
-    defaultOpen?: boolean | undefined;
+export declare const Details: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Layout_9 & {
+    expanded?: boolean | undefined;
+    defaultExpanded?: boolean | undefined;
 } & RefAttributes<HTMLDivElement>> & {
-    Summary: ForwardRefExoticComponent<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        children: ReactNode;
-    } & RefAttributes<HTMLButtonElement>>;
+    Summary: ForwardRefExoticComponent<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>>;
     Content: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        children: ReactNode;
         height?: string | number | undefined;
         maxHeight?: string | number | undefined;
     } & RefAttributes<HTMLDivElement>>;
 };
 
 export declare const DetailsContent: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    children: ReactNode;
     height?: string | number | undefined;
     maxHeight?: string | number | undefined;
 } & RefAttributes<HTMLDivElement>>;
@@ -378,17 +387,16 @@ export declare type DetailsContentProps = DetailsContentProps_2;
 
 export declare type DetailsProps = DetailsProps_2;
 
-export declare const DetailsSummary: ForwardRefExoticComponent<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    children: ReactNode;
-} & RefAttributes<HTMLButtonElement>>;
+export declare const DetailsSummary: ForwardRefExoticComponent<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>>;
 
 export declare type DetailsSummaryProps = DetailsSummaryProps_2;
 
 export declare const Dialog: ForwardRefExoticComponent<Omit< DetailedHTMLProps<DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & {
-    fullScreen?: boolean | undefined;
-    size?: "medium" | "large" | undefined;
     disableCloseOnEscape?: boolean | undefined;
     disableCloseOnClickOutside?: boolean | undefined;
+} & {
+    fullScreen?: boolean | undefined;
+    size?: "medium" | "large" | undefined;
     open?: boolean | undefined;
     onClose?: (() => void) | undefined;
     onOpen?: (() => void) | undefined;
@@ -397,8 +405,8 @@ export declare const Dialog: ForwardRefExoticComponent<Omit< DetailedHTMLProps<D
     Footer: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         sticky?: boolean | undefined;
     } & RefAttributes<HTMLDivElement>>;
-    CancelButton: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_7 & ({
-        appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+    CancelButton: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_10 & ({
+        appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
         size?: "small" | "medium" | "large" | undefined;
         loading?: boolean | undefined;
     } & ({
@@ -414,8 +422,8 @@ export declare const Dialog: ForwardRefExoticComponent<Omit< DetailedHTMLProps<D
     }))) & RefAttributes<HTMLButtonElement>>;
 };
 
-export declare const DialogCancelButton: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_7 & ({
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+export declare const DialogCancelButton: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_10 & ({
+    appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
     size?: "small" | "medium" | "large" | undefined;
     loading?: boolean | undefined;
 } & ({
@@ -444,18 +452,19 @@ export declare type DialogHeaderProps = DialogHeaderProps_2;
 
 export declare type DialogProps = DialogProps_2;
 
-export declare const Divider: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & Layout_8 & {
+export declare const Divider: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & Layout_11 & {
     alignContent?: "center" | "end" | "start" | undefined;
-    spacing?: "0" | "half" | "1" | "2" | "3" | "4" | "5" | undefined;
+    spacing?: "0" | "1" | "2" | "half" | "3" | "4" | "5" | undefined;
     vertical?: boolean | undefined;
 } & RefAttributes<HTMLSpanElement>>;
 
 export declare type DividerProps = DividerProps_2;
 
 export declare const Drawer: ForwardRefExoticComponent<Omit< DetailedHTMLProps<DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & {
-    size?: "medium" | "large" | undefined;
     disableCloseOnEscape?: boolean | undefined;
     disableCloseOnClickOutside?: boolean | undefined;
+} & {
+    size?: "medium" | "large" | undefined;
     open?: boolean | undefined;
     onClose?: (() => void) | undefined;
     onOpen?: (() => void) | undefined;
@@ -465,8 +474,8 @@ export declare const Drawer: ForwardRefExoticComponent<Omit< DetailedHTMLProps<D
         sticky?: boolean | undefined;
     } & RefAttributes<HTMLDivElement>>;
     Content: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
-    CancelButton: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_9 & ({
-        appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+    CancelButton: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_12 & ({
+        appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
         size?: "small" | "medium" | "large" | undefined;
         loading?: boolean | undefined;
     } & ({
@@ -482,8 +491,8 @@ export declare const Drawer: ForwardRefExoticComponent<Omit< DetailedHTMLProps<D
     }))) & RefAttributes<HTMLButtonElement>>;
 };
 
-export declare const DrawerCancelButton: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_9 & ({
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+export declare const DrawerCancelButton: ForwardRefExoticComponent<(Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_12 & ({
+    appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
     size?: "small" | "medium" | "large" | undefined;
     loading?: boolean | undefined;
 } & ({
@@ -516,225 +525,87 @@ export declare type DrawerHeaderProps = DrawerHeaderProps_2;
 
 export declare type DrawerProps = DrawerProps_2;
 
-export declare const Flex: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Omit< Layout_10, "flexGrow" | "flexBasis" | "flexDirection"> & {
+export declare const Flex: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Omit< Layout_13, "flexDirection" | "flexGrow" | "flexBasis"> & {
     direction?: Property.FlexDirection | undefined;
-    wrap?: Property.FlexWrap | undefined;
-    justifyContent?: Property.JustifyContent | undefined;
-    alignItems?: Property.AlignItems | undefined;
-    alignContent?: Property.AlignContent | undefined;
-    gap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-    columnGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-    rowGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
     grow?: Property.FlexGrow | undefined;
     shrink?: Property.FlexShrink | undefined;
     basis?: Property.FlexBasis<string | number> | undefined;
-    alignSelf?: Property.AlignSelf | undefined;
-    justifySelf?: Property.JustifySelf | undefined;
-    order?: Property.Order | undefined;
-    flex?: Property.Flex<string | number> | undefined;
 } & {
-    sm?: (Omit< Layout_10, "flexGrow" | "flexBasis" | "flexDirection"> & {
+    sm?: (Omit< Layout_13, "flexDirection" | "flexGrow" | "flexBasis"> & {
         direction?: Property.FlexDirection | undefined;
-        wrap?: Property.FlexWrap | undefined;
-        justifyContent?: Property.JustifyContent | undefined;
-        alignItems?: Property.AlignItems | undefined;
-        alignContent?: Property.AlignContent | undefined;
-        gap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        columnGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        rowGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
         grow?: Property.FlexGrow | undefined;
         shrink?: Property.FlexShrink | undefined;
         basis?: Property.FlexBasis<string | number> | undefined;
-        alignSelf?: Property.AlignSelf | undefined;
-        justifySelf?: Property.JustifySelf | undefined;
-        order?: Property.Order | undefined;
-        flex?: Property.Flex<string | number> | undefined;
     }) | undefined;
-    md?: (Omit< Layout_10, "flexGrow" | "flexBasis" | "flexDirection"> & {
+    md?: (Omit< Layout_13, "flexDirection" | "flexGrow" | "flexBasis"> & {
         direction?: Property.FlexDirection | undefined;
-        wrap?: Property.FlexWrap | undefined;
-        justifyContent?: Property.JustifyContent | undefined;
-        alignItems?: Property.AlignItems | undefined;
-        alignContent?: Property.AlignContent | undefined;
-        gap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        columnGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        rowGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
         grow?: Property.FlexGrow | undefined;
         shrink?: Property.FlexShrink | undefined;
         basis?: Property.FlexBasis<string | number> | undefined;
-        alignSelf?: Property.AlignSelf | undefined;
-        justifySelf?: Property.JustifySelf | undefined;
-        order?: Property.Order | undefined;
-        flex?: Property.Flex<string | number> | undefined;
     }) | undefined;
-    lg?: (Omit< Layout_10, "flexGrow" | "flexBasis" | "flexDirection"> & {
+    lg?: (Omit< Layout_13, "flexDirection" | "flexGrow" | "flexBasis"> & {
         direction?: Property.FlexDirection | undefined;
-        wrap?: Property.FlexWrap | undefined;
-        justifyContent?: Property.JustifyContent | undefined;
-        alignItems?: Property.AlignItems | undefined;
-        alignContent?: Property.AlignContent | undefined;
-        gap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        columnGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        rowGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
         grow?: Property.FlexGrow | undefined;
         shrink?: Property.FlexShrink | undefined;
         basis?: Property.FlexBasis<string | number> | undefined;
-        alignSelf?: Property.AlignSelf | undefined;
-        justifySelf?: Property.JustifySelf | undefined;
-        order?: Property.Order | undefined;
-        flex?: Property.Flex<string | number> | undefined;
     }) | undefined;
-    xl?: (Omit< Layout_10, "flexGrow" | "flexBasis" | "flexDirection"> & {
+    xl?: (Omit< Layout_13, "flexDirection" | "flexGrow" | "flexBasis"> & {
         direction?: Property.FlexDirection | undefined;
-        wrap?: Property.FlexWrap | undefined;
-        justifyContent?: Property.JustifyContent | undefined;
-        alignItems?: Property.AlignItems | undefined;
-        alignContent?: Property.AlignContent | undefined;
-        gap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        columnGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        rowGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
         grow?: Property.FlexGrow | undefined;
         shrink?: Property.FlexShrink | undefined;
         basis?: Property.FlexBasis<string | number> | undefined;
-        alignSelf?: Property.AlignSelf | undefined;
-        justifySelf?: Property.JustifySelf | undefined;
-        order?: Property.Order | undefined;
-        flex?: Property.Flex<string | number> | undefined;
     }) | undefined;
-    xxl?: (Omit< Layout_10, "flexGrow" | "flexBasis" | "flexDirection"> & {
+    xxl?: (Omit< Layout_13, "flexDirection" | "flexGrow" | "flexBasis"> & {
         direction?: Property.FlexDirection | undefined;
-        wrap?: Property.FlexWrap | undefined;
-        justifyContent?: Property.JustifyContent | undefined;
-        alignItems?: Property.AlignItems | undefined;
-        alignContent?: Property.AlignContent | undefined;
-        gap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        columnGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        rowGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
         grow?: Property.FlexGrow | undefined;
         shrink?: Property.FlexShrink | undefined;
         basis?: Property.FlexBasis<string | number> | undefined;
-        alignSelf?: Property.AlignSelf | undefined;
-        justifySelf?: Property.JustifySelf | undefined;
-        order?: Property.Order | undefined;
-        flex?: Property.Flex<string | number> | undefined;
     }) | undefined;
 } & RefAttributes<HTMLDivElement>>;
 
 export declare type FlexProps = FlexProps_2;
 
-export declare const Grid: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Layout_11 & {
+export declare const Grid: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Layout_14 & {
     templateColumns?: Property.GridTemplateColumns<string | number> | undefined;
     templateRows?: Property.GridTemplateRows<string | number> | undefined;
     templateAreas?: Property.GridTemplateAreas | undefined;
     autoColumns?: Property.GridAutoColumns<string | number> | undefined;
     autoRows?: Property.GridAutoRows<string | number> | undefined;
-    rowStart?: Property.GridRowStart | undefined;
-    column?: Property.GridColumn | undefined;
-    columnStart?: Property.GridColumnStart | undefined;
-    row?: Property.GridRow | undefined;
-    rowEnd?: Property.GridRowEnd | undefined;
-    columnEnd?: Property.GridColumnEnd | undefined;
-    justifyItems?: Property.JustifyItems | undefined;
-    alignItems?: Property.AlignItems | undefined;
-    gridArea?: Property.GridArea | undefined;
-    gap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-    columnGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-    rowGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
 } & {
-    sm?: ( Layout_11 & {
+    sm?: ( Layout_14 & {
         templateColumns?: Property.GridTemplateColumns<string | number> | undefined;
         templateRows?: Property.GridTemplateRows<string | number> | undefined;
         templateAreas?: Property.GridTemplateAreas | undefined;
         autoColumns?: Property.GridAutoColumns<string | number> | undefined;
         autoRows?: Property.GridAutoRows<string | number> | undefined;
-        rowStart?: Property.GridRowStart | undefined;
-        column?: Property.GridColumn | undefined;
-        columnStart?: Property.GridColumnStart | undefined;
-        row?: Property.GridRow | undefined;
-        rowEnd?: Property.GridRowEnd | undefined;
-        columnEnd?: Property.GridColumnEnd | undefined;
-        justifyItems?: Property.JustifyItems | undefined;
-        alignItems?: Property.AlignItems | undefined;
-        gridArea?: Property.GridArea | undefined;
-        gap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        columnGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        rowGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
     }) | undefined;
-    md?: ( Layout_11 & {
+    md?: ( Layout_14 & {
         templateColumns?: Property.GridTemplateColumns<string | number> | undefined;
         templateRows?: Property.GridTemplateRows<string | number> | undefined;
         templateAreas?: Property.GridTemplateAreas | undefined;
         autoColumns?: Property.GridAutoColumns<string | number> | undefined;
         autoRows?: Property.GridAutoRows<string | number> | undefined;
-        rowStart?: Property.GridRowStart | undefined;
-        column?: Property.GridColumn | undefined;
-        columnStart?: Property.GridColumnStart | undefined;
-        row?: Property.GridRow | undefined;
-        rowEnd?: Property.GridRowEnd | undefined;
-        columnEnd?: Property.GridColumnEnd | undefined;
-        justifyItems?: Property.JustifyItems | undefined;
-        alignItems?: Property.AlignItems | undefined;
-        gridArea?: Property.GridArea | undefined;
-        gap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        columnGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        rowGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
     }) | undefined;
-    lg?: ( Layout_11 & {
+    lg?: ( Layout_14 & {
         templateColumns?: Property.GridTemplateColumns<string | number> | undefined;
         templateRows?: Property.GridTemplateRows<string | number> | undefined;
         templateAreas?: Property.GridTemplateAreas | undefined;
         autoColumns?: Property.GridAutoColumns<string | number> | undefined;
         autoRows?: Property.GridAutoRows<string | number> | undefined;
-        rowStart?: Property.GridRowStart | undefined;
-        column?: Property.GridColumn | undefined;
-        columnStart?: Property.GridColumnStart | undefined;
-        row?: Property.GridRow | undefined;
-        rowEnd?: Property.GridRowEnd | undefined;
-        columnEnd?: Property.GridColumnEnd | undefined;
-        justifyItems?: Property.JustifyItems | undefined;
-        alignItems?: Property.AlignItems | undefined;
-        gridArea?: Property.GridArea | undefined;
-        gap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        columnGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        rowGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
     }) | undefined;
-    xl?: ( Layout_11 & {
+    xl?: ( Layout_14 & {
         templateColumns?: Property.GridTemplateColumns<string | number> | undefined;
         templateRows?: Property.GridTemplateRows<string | number> | undefined;
         templateAreas?: Property.GridTemplateAreas | undefined;
         autoColumns?: Property.GridAutoColumns<string | number> | undefined;
         autoRows?: Property.GridAutoRows<string | number> | undefined;
-        rowStart?: Property.GridRowStart | undefined;
-        column?: Property.GridColumn | undefined;
-        columnStart?: Property.GridColumnStart | undefined;
-        row?: Property.GridRow | undefined;
-        rowEnd?: Property.GridRowEnd | undefined;
-        columnEnd?: Property.GridColumnEnd | undefined;
-        justifyItems?: Property.JustifyItems | undefined;
-        alignItems?: Property.AlignItems | undefined;
-        gridArea?: Property.GridArea | undefined;
-        gap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        columnGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        rowGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
     }) | undefined;
-    xxl?: ( Layout_11 & {
+    xxl?: ( Layout_14 & {
         templateColumns?: Property.GridTemplateColumns<string | number> | undefined;
         templateRows?: Property.GridTemplateRows<string | number> | undefined;
         templateAreas?: Property.GridTemplateAreas | undefined;
         autoColumns?: Property.GridAutoColumns<string | number> | undefined;
         autoRows?: Property.GridAutoRows<string | number> | undefined;
-        rowStart?: Property.GridRowStart | undefined;
-        column?: Property.GridColumn | undefined;
-        columnStart?: Property.GridColumnStart | undefined;
-        row?: Property.GridRow | undefined;
-        rowEnd?: Property.GridRowEnd | undefined;
-        columnEnd?: Property.GridColumnEnd | undefined;
-        justifyItems?: Property.JustifyItems | undefined;
-        alignItems?: Property.AlignItems | undefined;
-        gridArea?: Property.GridArea | undefined;
-        gap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        columnGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
-        rowGap?: ("0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14") | undefined;
     }) | undefined;
 } & RefAttributes<HTMLDivElement>>;
 
@@ -875,8 +746,8 @@ export declare type PageSidebarProps = ComponentPropsWithoutRef<"div"> & {
 export declare const Popover: ForwardRefExoticComponent<Omit<PopoverProps_2, "ref"> & RefAttributes<unknown>> & {
     Trigger: (props: Parameters<typeof PopoverTrigger_2>[0]) => JSX_2.Element;
     Content: ForwardRefExoticComponent<Omit< PopoverContentProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
-    Close: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_12 & {
-        appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+    Close: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
+        appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
         size?: "small" | "medium" | "large" | undefined;
         loading?: boolean | undefined;
     } & {
@@ -886,16 +757,16 @@ export declare const Popover: ForwardRefExoticComponent<Omit<PopoverProps_2, "re
         } | {
             before: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
         } | undefined;
-    } & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_12 & {
-        appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+    } & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
+        appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
         size?: "small" | "medium" | "large" | undefined;
         loading?: boolean | undefined;
     } & {
         children?: undefined;
         icon?: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
     } & RefAttributes<HTMLButtonElement>, "ref">) & RefAttributes<HTMLButtonElement>>;
-    Button: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_12 & {
-        appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+    Button: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
+        appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
         size?: "small" | "medium" | "large" | undefined;
         loading?: boolean | undefined;
     } & {
@@ -907,8 +778,8 @@ export declare const Popover: ForwardRefExoticComponent<Omit<PopoverProps_2, "re
         } | undefined;
     } & {
         children: ReactNode;
-    } & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_12 & {
-        appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+    } & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
+        appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
         size?: "small" | "medium" | "large" | undefined;
         loading?: boolean | undefined;
     } & {
@@ -919,8 +790,8 @@ export declare const Popover: ForwardRefExoticComponent<Omit<PopoverProps_2, "re
     } & RefAttributes<HTMLButtonElement>, "ref">) & RefAttributes<HTMLButtonElement>>;
 };
 
-export declare const PopoverButton: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_12 & {
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+export declare const PopoverButton: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
+    appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
     size?: "small" | "medium" | "large" | undefined;
     loading?: boolean | undefined;
 } & {
@@ -932,8 +803,8 @@ export declare const PopoverButton: ForwardRefExoticComponent<(Omit<Omit<Omit< D
     } | undefined;
 } & {
     children: ReactNode;
-} & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_12 & {
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+} & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
+    appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
     size?: "small" | "medium" | "large" | undefined;
     loading?: boolean | undefined;
 } & {
@@ -943,8 +814,8 @@ export declare const PopoverButton: ForwardRefExoticComponent<(Omit<Omit<Omit< D
     children: ReactNode;
 } & RefAttributes<HTMLButtonElement>, "ref">) & RefAttributes<HTMLButtonElement>>;
 
-export declare const PopoverClose: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_12 & {
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+export declare const PopoverClose: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
+    appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
     size?: "small" | "medium" | "large" | undefined;
     loading?: boolean | undefined;
 } & {
@@ -954,8 +825,8 @@ export declare const PopoverClose: ForwardRefExoticComponent<(Omit<Omit<Omit< De
     } | {
         before: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
     } | undefined;
-} & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_12 & {
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+} & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
+    appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
     size?: "small" | "medium" | "large" | undefined;
     loading?: boolean | undefined;
 } & {
@@ -976,14 +847,14 @@ export declare const ProgressBar: ForwardRefExoticComponent<ProgressBarProps_2 &
 export declare type ProgressBarProps = ProgressBarProps_2;
 
 export declare const Radio: ForwardRefExoticComponent<Omit<RadioProps_2, "ref"> & RefAttributes<HTMLDivElement>> & {
-    Group: ForwardRefExoticComponent<Omit< DetailedHTMLProps<FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & Layout_13 & {
+    Group: ForwardRefExoticComponent<Omit< DetailedHTMLProps<FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & Layout_16 & {
         required?: boolean | undefined;
         legend?: string | ReactElement<any, string | JSXElementConstructor<any>> | undefined;
         direction?: Property.FlexDirection | undefined;
     } & RefAttributes<HTMLFieldSetElement>>;
 };
 
-export declare const RadioGroup: ForwardRefExoticComponent<Omit< DetailedHTMLProps<FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & Layout_13 & {
+export declare const RadioGroup: ForwardRefExoticComponent<Omit< DetailedHTMLProps<FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & Layout_16 & {
     required?: boolean | undefined;
     legend?: string | ReactElement<any, string | JSXElementConstructor<any>> | undefined;
     direction?: Property.FlexDirection | undefined;
@@ -993,7 +864,7 @@ export declare type RadioGroupProps = RadioGroupProps_2;
 
 export declare type RadioProps = RadioProps_2;
 
-export declare const SideNav: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & Layout_14 & RefAttributes<HTMLDivElement>> & {
+export declare const SideNav: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & Layout_17 & RefAttributes<HTMLDivElement>> & {
     Link: ComponentClass<Pick<Omit<SideNavLinkProps_2, "href"> & RouteComponentProps<{}, StaticContext, unknown> & {
         href?: undefined;
         exact?: boolean | undefined;
@@ -1009,7 +880,8 @@ export declare const SideNav: ForwardRefExoticComponent<Omit< DetailedHTMLProps<
         label: string;
         onClick?: MouseEventHandler<HTMLButtonElement> | undefined;
         onKeyDown?: KeyboardEventHandler<HTMLButtonElement> | undefined;
-        defaultOpen?: boolean | undefined;
+        defaultExpanded?: boolean | undefined;
+        expanded?: boolean | undefined;
     } & RefAttributes<HTMLLIElement>>;
     Group: ForwardRefExoticComponent<Omit< DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
         label: string;
@@ -1020,7 +892,8 @@ export declare const SideNavCollapsible: ForwardRefExoticComponent<Omit<Omit< De
     label: string;
     onClick?: MouseEventHandler<HTMLButtonElement> | undefined;
     onKeyDown?: KeyboardEventHandler<HTMLButtonElement> | undefined;
-    defaultOpen?: boolean | undefined;
+    defaultExpanded?: boolean | undefined;
+    expanded?: boolean | undefined;
 } & RefAttributes<HTMLLIElement>>;
 
 export declare type SideNavCollapsibleProps = SideNavCollapsibleProps_2;
@@ -1059,88 +932,78 @@ export declare type SideNavProps = SideNavProps_2;
 
 export declare function SrOnly(props: Parameters<typeof SrOnly_2>[0]): JSX_2.Element;
 
-export declare const Step: ForwardRefExoticComponent<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
-    controls: string;
-    onClick?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent_2>, index?: number | undefined) => void) | undefined;
-    state?: "in-progress" | "complete" | "not-started" | undefined;
-} & RefAttributes<HTMLButtonElement>>;
-
-export declare const Stepper: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Layout_15 & {
+export declare const Stepper: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Layout_18 & {
     defaultIndex?: number | undefined;
-    nonlinear?: boolean | undefined;
+    allowNavigateToPrevStep?: boolean | undefined;
+    onComplete?: (() => void) | undefined;
 } & RefAttributes<HTMLDivElement>> & {
     List: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
     Step: ForwardRefExoticComponent<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
         controls: string;
         onClick?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent_2>, index?: number | undefined) => void) | undefined;
-        state?: "in-progress" | "complete" | "not-started" | undefined;
     } & RefAttributes<HTMLButtonElement>>;
     Panel: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & MotionProps & {
         id: string;
     } & RefAttributes<HTMLDivElement>>;
-    NextButton: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
-        appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+    NextButton: ForwardRefExoticComponent<Omit<Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_18 & ({
+        appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
         size?: "small" | "medium" | "large" | undefined;
         loading?: boolean | undefined;
-    } & {
+    } & ({
         children?: ReactNode;
         icon?: FunctionComponent<SVGProps<SVGSVGElement>> | {
             after: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
         } | {
             before: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
         } | undefined;
-    } & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
-        appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
-        loading?: boolean | undefined;
-    } & {
+    } | {
         children?: undefined;
         icon?: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
-    } & RefAttributes<HTMLButtonElement>, "ref">) & RefAttributes<HTMLButtonElement>>;
-    PrevButton: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
-        appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+    })), "children"> & {
+        nextLabel?: string | undefined;
+        completeLabel?: string | undefined;
+    } & RefAttributes<HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>>;
+    PrevButton: ForwardRefExoticComponent<Omit<Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_18 & ({
+        appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
         size?: "small" | "medium" | "large" | undefined;
         loading?: boolean | undefined;
-    } & {
+    } & ({
         children?: ReactNode;
         icon?: FunctionComponent<SVGProps<SVGSVGElement>> | {
             after: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
         } | {
             before: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
         } | undefined;
-    } & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
-        appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
-        loading?: boolean | undefined;
-    } & {
+    } | {
         children?: undefined;
         icon?: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
-    } & RefAttributes<HTMLButtonElement>, "ref">) & RefAttributes<HTMLButtonElement>>;
+    })), "children"> & {
+        label?: string | undefined;
+    } & RefAttributes<HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>>;
 };
 
 export declare const StepperList: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
 
 export declare type StepperListProps = StepperListProps_2;
 
-export declare const StepperNextButton: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+export declare const StepperNextButton: ForwardRefExoticComponent<Omit<Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_18 & ({
+    appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
     size?: "small" | "medium" | "large" | undefined;
     loading?: boolean | undefined;
-} & {
+} & ({
     children?: ReactNode;
     icon?: FunctionComponent<SVGProps<SVGSVGElement>> | {
         after: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
     } | {
         before: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
     } | undefined;
-} & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    loading?: boolean | undefined;
-} & {
+} | {
     children?: undefined;
     icon?: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
-} & RefAttributes<HTMLButtonElement>, "ref">) & RefAttributes<HTMLButtonElement>>;
+})), "children"> & {
+    nextLabel?: string | undefined;
+    completeLabel?: string | undefined;
+} & RefAttributes<HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>>;
 
 export declare const StepperPanel: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & MotionProps & {
     id: string;
@@ -1148,31 +1011,34 @@ export declare const StepperPanel: ForwardRefExoticComponent<Omit< DetailedHTMLP
 
 export declare type StepperPanelProps = StepperPanelProps_2;
 
-export declare const StepperPrevButton: ForwardRefExoticComponent<(Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
+export declare const StepperPrevButton: ForwardRefExoticComponent<Omit<Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_18 & ({
+    appearance?: ("danger" | "primary" | "secondary" | "ghost" | "danger-secondary") | undefined;
     size?: "small" | "medium" | "large" | undefined;
     loading?: boolean | undefined;
-} & {
+} & ({
     children?: ReactNode;
     icon?: FunctionComponent<SVGProps<SVGSVGElement>> | {
         after: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
     } | {
         before: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
     } | undefined;
-} & RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & Layout_15 & {
-    appearance?: "danger" | "primary" | "secondary" | "ghost" | "danger-secondary" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    loading?: boolean | undefined;
-} & {
+} | {
     children?: undefined;
     icon?: FunctionComponent<SVGProps<SVGSVGElement>> | undefined;
-} & RefAttributes<HTMLButtonElement>, "ref">) & RefAttributes<HTMLButtonElement>>;
+})), "children"> & {
+    label?: string | undefined;
+} & RefAttributes<HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>>;
 
 export declare type StepperProps = StepperProps_2;
 
-export declare type StepProps = StepProps_2;
+export declare const StepperStep: ForwardRefExoticComponent<Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
+    controls: string;
+    onClick?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent_2>, index?: number | undefined) => void) | undefined;
+} & RefAttributes<HTMLButtonElement>>;
+
+export declare type StepperStepProps = StepperStepProps_2;
 
-export declare const Switch: ForwardRefExoticComponent<Omit<Omit< DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange"> & Layout_16 & {
+export declare const Switch: ForwardRefExoticComponent<Omit<Omit< DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange"> & Layout_19 & {
     onChange?: ((e: ChangeEvent<HTMLInputElement>, state: {
         checked: boolean;
         value?: string | number | readonly string[] | undefined;
@@ -1180,7 +1046,7 @@ export declare const Switch: ForwardRefExoticComponent<Omit<Omit< DetailedHTMLPr
     label?: string | ReactElement<any, string | JSXElementConstructor<any>> | undefined;
 } & RefAttributes<HTMLInputElement>>;
 
-export declare const Tab: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Layout_17 & {
+export declare const Tab: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Layout_20 & {
     defaultIndex: number;
     fill?: boolean | undefined;
 } & RefAttributes<HTMLDivElement>> & {
@@ -1220,7 +1086,7 @@ export { Text_2 as Text }
 
 export declare const Textarea: ForwardRefExoticComponent<TextareaProps & RefAttributes<HTMLTextAreaElement>>;
 
-export declare const TextField: ForwardRefExoticComponent<Omit<Omit< DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size"> & Layout_18 & Pick<Omit<Omit< DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "id"> & {
+export declare const TextField: ForwardRefExoticComponent<Omit<Omit< DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size"> & Layout_21 & Pick<Omit<Omit< DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "id"> & {
     id: string;
     required?: boolean | undefined;
     moreInfo?: string | undefined;