@theroutingcompany/components 0.0.44-alpha.1 → 0.0.44-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.44-alpha.1",
+  "version": "0.0.44-alpha.2",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -21,6 +21,7 @@
     "types"
   ],
   "scripts": {
+    "link:tokens": "./scripts/link-tokens.sh",
     "debug:reset:modules": "rm -f -- package-lock.json && rm -rf node_modules && npm i",
     "break:cache": "rm -rf node_modules && npm i --package-lock && npm run start --force",
     "ready:prerelease": "npm run build && ./scripts/prerelease.sh",

package/types/components/Accordion/Accordion.d.ts

@@ -1,17 +1,16 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { type ReactNode } from 'react';
 export declare const SectionTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
-export interface SectionHeaderProps extends AccordionPrimitive.AccordionHeaderProps {
+export type SectionHeaderProps = {
     children: ReactNode;
     icon?: ReactNode;
-}
-export declare function SectionHeader({ children, icon, ...rest }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
-export interface AccordionProps {
-    children: ReactNode;
-    type: 'multiple' | 'single';
-}
+};
+export declare function SectionHeader({ children, icon }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare const Accordion: {
-    ({ children, type, ...rest }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, type, ...rest }: {
+        children: ReactNode;
+        type: 'multiple' | 'single';
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
     Header: typeof SectionHeader;

package/types/components/AlertDialog/AlertDialog.d.ts

@@ -1,6 +1,6 @@
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { dialogWidths } from 'components/Modal';
 import type { ComponentPropsWithRef } from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { dialogWidths } from '../../components/Dialog/Dialog';
 type DialogWidth = keyof typeof dialogWidths;
 type StyledContentProps = {
     size?: DialogWidth;
@@ -10,9 +10,6 @@ export declare function AlertDialogContent({ children, size, ...props }: AlertDi
 export declare const AlertDialogTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>, any, {}, never>;
 export declare const AlertDialogDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
 export declare const AlertDialogFooter: import("styled-components").StyledComponent<"footer", any, {}, never>;
-/** @deprecated
- * radix-ui/react-dialog dialogs are not compatible with react-aria Overlays (popovers/modals). Use <Modal instead
- */
 export declare const AlertDialog: import("react").FC<AlertDialogPrimitive.AlertDialogProps>;
 export declare const AlertDialogTrigger: import("react").ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const AlertDialogAction: import("react").ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogActionProps & import("react").RefAttributes<HTMLButtonElement>>;

package/types/components/Banner/Banner.d.ts

@@ -5,11 +5,11 @@ declare const INFO_VARIANT = "info";
 declare const SUCCESS_VARIANT = "success";
 declare const WARNING_VARIANT = "warning";
 declare const ERROR_VARIANT = "danger";
-export type BannerVariant = typeof DEFAULT_VARIANT | typeof INFO_VARIANT | typeof SUCCESS_VARIANT | typeof WARNING_VARIANT | typeof ERROR_VARIANT;
+export type Variant = typeof DEFAULT_VARIANT | typeof INFO_VARIANT | typeof SUCCESS_VARIANT | typeof WARNING_VARIANT | typeof ERROR_VARIANT;
 interface BannerProps extends React.ComponentPropsWithRef<'div'> {
     'data-id'?: string;
     title?: string;
-    variant?: BannerVariant;
+    variant?: Variant;
     layout?: 'default' | 'inline';
     onDismiss?: (any: any) => void;
 }

package/types/components/Banner/styles.d.ts

@@ -1,5 +1,5 @@
-import type { BannerVariant } from "./Banner";
+import type { Variant } from "./Banner";
 export declare function dismissBase(): string;
 export declare function dismissColor(props: {
-    variant: BannerVariant;
+    variant: Variant;
 }): string;

package/types/components/Box/Box.d.ts

@@ -13,5 +13,6 @@ ShadowProps, CustomSpaceProps, TypographyProps {
 }
 type PolymorphicBox = Polymorphic.ForwardRefComponent<'div', BoxProps>;
 export declare const boxSystem: import("styled-system").styleFn;
+export declare const getTruncate: () => string;
 export declare const Box: PolymorphicBox;
 export default Box;

package/types/components/Button/Button.d.ts

@@ -24,7 +24,7 @@ export type ButtonProps = Prettify<PropsWithChildren<ButtonDesignProps & ReactAr
     onClick?: ReactAriaProps['onPress'];
 } & Pick<ComponentPropsWithoutRef<'button'>, 'form'>>>;
 /**
- * @deprecated. Use ButtonV2 instead.
+ * Deprecated. Use ButtonV2 instead.
  */
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/types/components/ButtonV2/ButtonV2.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type BoxProps } from 'components/Box/Box';
 import { type ClickHandler, type FocusHandler, type ForwardRefComponent } from 'helpers';
-export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'danger';
+export type Variant = 'primary' | 'secondary' | 'tertiary' | 'danger';
 export type Size = 'small' | 'large';
 export declare const buttonV2System: import("styled-system").styleFn;
 export declare const StyledButtonBox: import("styled-components").StyledComponent<ForwardRefComponent<"div", BoxProps>, any, any, never>;
@@ -10,13 +10,11 @@ export interface ButtonPropsV2 extends BoxProps {
     as?: React.ElementType;
     to?: string;
     toTitle?: string;
-    formId?: string;
-    variant?: ButtonVariant;
+    variant?: Variant;
     inverse?: boolean;
     disabled?: boolean;
     size?: Size;
     submit?: boolean;
-    type?: 'button' | 'submit' | 'reset';
     children?: React.ReactNode;
     className?: string;
     onClick?: ClickHandler;

package/types/components/ButtonV2/styles.d.ts

@@ -1,4 +1,4 @@
-import type { Size, ButtonVariant } from './ButtonV2';
+import type { Size, Variant } from './ButtonV2';
 export declare const reset: () => string;
 export declare const base: () => string;
 export type LoadingProp = {
@@ -17,7 +17,7 @@ export declare const tertiary: import("styled-components").FlattenSimpleInterpol
 export declare const inverse_tertiary: import("styled-components").FlattenSimpleInterpolation;
 export declare const danger: import("styled-components").FlattenSimpleInterpolation;
 export declare const inverse_danger: import("styled-components").FlattenSimpleInterpolation;
-export declare const getVariantStyles: (variant: ButtonVariant, inverse: boolean) => import("styled-components").FlattenSimpleInterpolation | undefined;
+export declare const getVariantStyles: (variant: Variant, inverse: boolean) => import("styled-components").FlattenSimpleInterpolation | undefined;
 export declare const small: import("styled-components").FlattenSimpleInterpolation;
 export declare const large: import("styled-components").FlattenSimpleInterpolation;
 export declare const getDefaultSize: (size: Size) => import("styled-components").FlattenSimpleInterpolation | undefined;

package/types/components/Dialog/Dialog.d.ts

@@ -1,7 +1,11 @@
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { dialogWidths } from 'components/Modal';
 import type { ComponentPropsWithRef } from 'react';
 export declare const overlayStyles: import("styled-components").FlattenSimpleInterpolation;
+export declare const dialogWidths: {
+    readonly small: "360px";
+    readonly medium: "540px";
+    readonly large: "960px";
+};
 type DialogWidth = keyof typeof dialogWidths;
 type StyledContentProps = {
     size?: DialogWidth;
@@ -17,9 +21,6 @@ export declare const DialogFooter: import("styled-components").StyledComponent<"
 export declare const dialogCloseButtonStyles: import("styled-components").FlattenSimpleInterpolation;
 /** Dialog Close Button positioned in top right with × */
 export declare const DialogCloseButton: ({ children, ...buttonProps }: DialogPrimitive.DialogCloseProps) => import("react/jsx-runtime").JSX.Element;
-/** @deprecated
- * radix-ui/react-dialog dialogs are not compatible with react-aria Overlays (popovers/modals). Use <Modal instead
- */
 export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
 export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;

package/types/components/FormControl/FormControl.d.ts

@@ -14,7 +14,7 @@ export declare const TextFormControl: import("react").ForwardRefExoticComponent<
     tooltipIcon?: ReactNode;
 } & AriaTextFieldProps & {
     children?: ReactNode;
-} & Omit<ComponentPropsWithoutStyles<"input">, "onChange"> & import("react").RefAttributes<HTMLInputElement>>;
+} & ComponentPropsWithoutStyles<"input"> & import("react").RefAttributes<HTMLInputElement>>;
 export declare const TextAreaFormControl: import("react").ForwardRefExoticComponent<{
     tooltipContent?: string | undefined;
     tooltipIcon?: ReactNode;
@@ -23,15 +23,19 @@ export declare const TextAreaFormControl: import("react").ForwardRefExoticCompon
 } & ComponentPropsWithoutStyles<"textarea"> & {
     label?: ReactNode;
     pattern?: string | undefined;
-    id?: string | undefined;
-    name?: string | undefined;
     type?: "search" | "text" | (string & {}) | "tel" | "url" | "email" | "password" | undefined;
+    name?: string | undefined;
+    defaultValue?: string | undefined;
+    autoFocus?: boolean | undefined;
+    id?: string | undefined;
+    placeholder?: string | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-errormessage'?: string | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     'aria-label'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
@@ -48,10 +52,6 @@ export declare const TextAreaFormControl: import("react").ForwardRefExoticCompon
     onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
     onKeyUp?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
     onSelect?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
-    defaultValue?: string | undefined;
-    autoFocus?: boolean | undefined;
-    placeholder?: string | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     disabled?: boolean | undefined;
     value?: string | undefined;
     autoComplete?: string | undefined;

package/types/components/Input/InlineEdit/InlineEdit.d.ts

@@ -20,9 +20,8 @@ export interface InlineEditProps extends ButtonPropsV2 {
     valid?: boolean;
     label?: string | ReactNode;
     labelId?: string;
-    allowedOutsideClickContainers?: string[];
 }
 export declare const InlineEdit: {
-    ({ children, placeholder, value, editValue, hideIcon, p, onChange, onToggle, onCancel, disabled, valid, label, labelId, allowedOutsideClickContainers, ...rest }: InlineEditProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, placeholder, value, editValue, hideIcon, p, onChange, onToggle, onCancel, disabled, valid, label, labelId, ...rest }: InlineEditProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/types/components/LabeledText/LabeledText.d.ts

@@ -2,6 +2,7 @@ import { type ReactNode } from 'react';
 export interface LabeledTextProps {
     label: string;
     value: string | ReactNode;
+    truncate?: boolean;
 }
-declare const LabeledText: ({ label, value }: LabeledTextProps) => import("react/jsx-runtime").JSX.Element;
+declare const LabeledText: ({ label, value, truncate }: LabeledTextProps) => import("react/jsx-runtime").JSX.Element;
 export default LabeledText;

package/types/components/ListBox/ListBox.d.ts

@@ -20,10 +20,10 @@ export declare function OptionLabel({ children }: {
 export declare function OptionDescription({ children }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-interface ListBoxPopoverProps extends Omit<AriaPopoverProps, 'popoverRef'> {
+interface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef'> {
     children: React.ReactNode;
     state: OverlayTriggerState;
     popoverRef?: React.RefObject<HTMLDivElement>;
 }
-export declare function ListBoxPopover(props: ListBoxPopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function Popover(props: PopoverProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/Page/PageHeader.d.ts

@@ -1,4 +1,4 @@
-import { type BoxProps } from 'components/Box';
+import { BoxProps } from 'components/Box';
 import type { ComponentPropsWithoutRef } from 'react';
 /** Wrapper for page content with padding
  *

package/types/components/SingleSelect/SingleSelect.d.ts

@@ -1,5 +1,5 @@
 import type { AriaSelectProps } from '@react-types/select';
-export { Item as SingleSelectItem, Section as SingleSelectSection } from '@react-stately/collections';
+export { Item as SingleSelectItem, Section as SingleSelectSection, } from '@react-stately/collections';
 type SingleSelectProps<T> = AriaSelectProps<T> & {
     placeholder?: string;
     tooltipIcon?: string;

package/types/components/Tabs/Tabs.d.ts

@@ -1,18 +1,8 @@
-import { type ForwardRefExoticComponent } from '@radix-ui/react-polymorphic';
-import { type RefAttributes } from 'react';
-import { type StyledComponent } from 'styled-components';
-export type { TabsContentProps, TabsProps, TabsTriggerProps } from '@radix-ui/react-tabs';
-interface TabsProps {
-}
-interface TabsListProps {
-}
-interface TabsTriggerProps {
-}
-interface TabsContentProps {
-}
-type TabsComponent = StyledComponent<ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDivElement>, any> & {
-    List: ForwardRefExoticComponent<TabsListProps & RefAttributes<HTMLDivElement>, any>;
-    Trigger: ForwardRefExoticComponent<TabsTriggerProps & RefAttributes<HTMLDivElement>, any>;
-    Content: ForwardRefExoticComponent<TabsContentProps & RefAttributes<HTMLDivElement>, any>;
-}, any, object, never>;
-export declare const Tabs: TabsComponent;
+/// <reference types="react" />
+import * as Tabs from '@radix-ui/react-tabs';
+export type { TabsContentProps, TabsTriggerProps, TabsProps, } from '@radix-ui/react-tabs';
+export declare const TabsRoot: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Tabs.TabsProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const TabsList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Tabs.TabsListProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const TabsTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Tabs.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const TabTriggerWithIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Tabs.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const TabsContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Tabs.TabsContentProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/types/components/Text/Text.d.ts

@@ -1,16 +1,16 @@
 import type * as Polymorphic from '@radix-ui/react-polymorphic';
 import { type ComponentPropsWithoutRef } from 'react';
-import { type SpaceProps, type SizeProps, type LayoutProps } from 'styled-system';
+import { type LayoutProps, type SizeProps, type SpaceProps } from 'styled-system';
 type FontStyle = 'normal' | 'italic';
 export type TextElements = 'p' | 'div' | 'span' | 'legend' | 'caption' | 'figcaption' | 'strong' | 'em' | 'strong' | 'abbr' | 'mark' | 'q' | 'small' | 'time';
 interface BodyTextProps extends ComponentPropsWithoutRef<'p'> {
     type: 'body';
-    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+    size?: 'small' | 'medium' | 'large';
     bold?: boolean;
     as?: TextElements;
 }
 interface NumberTextProps extends ComponentPropsWithoutRef<'p'> {
-    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+    size?: 'small' | 'medium' | 'large';
     type: 'number';
     as?: TextElements;
 }
@@ -22,6 +22,7 @@ export type TextProps = Partial<NumberTextProps | BodyTextProps> & {
     as?: TextElements;
     color?: string;
     fontStyle?: FontStyle;
+    truncate?: boolean;
 } & SpaceProps & SizeProps & LayoutProps;
 export type PolymorphicText = Polymorphic.ForwardRefComponent<TextElements, TextProps>;
 export declare const Text: PolymorphicText;

package/types/components/Toast/Toast.d.ts

@@ -1,18 +1,17 @@
 import { type PropsWithChildren } from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as ToastPrimitive from '@radix-ui/react-toast';
+export declare const ToastAction: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ToastPrimitive.ToastActionProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const ToastClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ToastPrimitive.ToastCloseProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const ToastSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SeparatorPrimitive.SeparatorProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export type ToastVariant = 'primary' | 'negative' | 'info';
+type Sentiment = 'inverse' | 'negative' | 'info';
 export declare const ToastViewport: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ToastPrimitive.ToastViewportProps & import("react").RefAttributes<HTMLOListElement>>, any, {}, never>;
 export declare function ToastProvider({ children, ...props }: ToastPrimitive.ToastProviderProps): import("react/jsx-runtime").JSX.Element;
 export type ToastProps = PropsWithChildren<{
-    variant?: ToastVariant;
+    sentiment: Sentiment;
     title: string;
     onDismiss?: () => void;
 }> & ToastPrimitive.ToastProps;
 export type ToastActionProps = ToastPrimitive.ToastActionProps;
-export declare function Toast({ title, children, variant, onDismiss, ...toastRootProps }: ToastProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Toast {
-    var Action: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ToastPrimitive.ToastActionProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-    var Close: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ToastPrimitive.ToastCloseProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-}
+export declare function Toast({ title, children, sentiment, onDismiss, ...toastRootProps }: ToastProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/index.d.ts

@@ -1,44 +1,40 @@
 export * from './AccessibleIcon/AccessibleIcon';
-export * from './Accordion';
 export * from './AlertDialog/AlertDialog';
+export * from './Accordion';
 export * from './Badge/Badge';
-export * from './Banner/Banner';
+export * from './ComboBox';
 export * from './Box';
+export * from './Stack/Stack';
 export * from './Breadcrumbs/Breadcrumbs';
-export * from './Button/Button';
 export * from './Button/ButtonBase';
+export * from './Button/Button';
 export * from './ButtonV2/ButtonV2';
 export * from './Calendar';
+export * from './Drawer';
 export * from './Checkbox/Checkbox';
-export * from './ComboBox';
 export * from './Dialog/Dialog';
-export * from './Drawer';
 export * from './DropdownMenu/DropdownMenu';
 export * from './Fieldset/Fieldset';
 export * from './FileUpload/FileUpload';
 export * from './Flex/Flex';
 export * from './FormControl/FormControl';
-export * from './IconButton/IconButton';
-export * from './Input/InlineEdit/InlineEdit';
 export * from './Input/NumberInput/NumberInput';
 export * from './Input/TextInput/TextInput';
+export * from './Input/InlineEdit/InlineEdit';
 export * from './Input/TimeInput/TimeInput';
 export * from './Label/Label';
-export * from './Modal';
 export * from './LabeledText';
 export * from './MultiSelect/MultiSelect';
 export * from './NavigationMenu/NavigationMenu';
 export * from './Page/Page';
 export * from './Page/PageHeader';
 export * from './Paginator/Paginator';
-export * from './Panel/Panel';
 export * from './Popover/Popover';
 export * from './RadioGroup/RadioGroup';
 export * from './Search/Search';
 export * from './SingleSelect/SingleSelect';
-export * from './Stack/Stack';
 export * from './Switch/Switch';
-export * from './TabList/TabList';
+export * from './IconButton/IconButton';
 export * from './Tabs/Tabs';
 export * from './Text/Text';
 export * from './Title/Title';

package/types/helpers/keyEvents.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import React from 'react';
 type EventKeys = 'backspace' | 'enter' | 'escape' | 'arrowRight' | 'arrowLeft' | 'arrowUp' | 'arrowDown' | 'home' | 'end' | 'space' | 'pageUp' | 'pageDown' | 'tab';
 /**
  * Key down event handler

package/types/hooks/useWindowEvent.d.ts

@@ -10,4 +10,4 @@
  *  }
  */
 declare function useWindowEvent<T extends keyof WindowEventMap>(event: T, callback: (e: WindowEventMap[T]) => void): void;
-export { useWindowEvent };
+export default useWindowEvent;

package/types/utils/index.d.ts

@@ -1 +1 @@
-export declare const handleOutsideClick: (event: MouseEvent, ref: React.RefObject<HTMLDivElement>, close: () => void, allowedOutsideContainers?: string[]) => void;
+export declare const handleOutsideClick: (event: MouseEvent, ref: React.RefObject<HTMLDivElement>, close: () => void) => void;

package/types/components/Modal/Content.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { type PaddingProps } from 'styled-system';
-export type ModalContentProps = {
-    children?: React.ReactNode;
-    restrictHeight?: boolean;
-} & PaddingProps;
-declare const Content: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-    restrictHeight?: boolean | undefined;
-} & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & React.RefAttributes<HTMLDivElement>>;
-export default Content;

package/types/components/Modal/Footer.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type ModalFooterProps = {
-    children?: React.ReactNode;
-};
-declare const Footer: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;
-export default Footer;

package/types/components/Modal/Header.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export type ModalHeaderProps = {
-    children?: React.ReactNode;
-    showCloseButton?: boolean;
-};
-declare const Header: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLDivElement>>;
-export default Header;

package/types/components/Modal/Modal.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { type MaxWidthProps } from 'styled-system';
-import { type PortalProps } from '../Portal';
-import Content from './Content';
-import Footer from './Footer';
-import Header from './Header';
-export declare const dialogWidths: {
-    readonly small: "360px";
-    readonly medium: "540px";
-    readonly large: "960px";
-};
-export type DialogWidth = keyof typeof dialogWidths;
-export type ModalProps = {
-    children?: React.ReactNode;
-    className?: string;
-    closeOnEscape?: boolean;
-    closeOnOutsideClick?: boolean;
-    onClose?: () => void;
-    open: boolean;
-    portalId?: PortalProps['containerId'];
-    size?: 'small' | 'medium' | 'large';
-    maxWidth?: string;
-} & MaxWidthProps;
-declare const Modal: React.ForwardRefExoticComponent<ModalProps> & {
-    Header: typeof Header;
-    Content: typeof Content;
-    Footer: typeof Footer;
-};
-export default Modal;

package/types/components/Modal/context.d.ts

@@ -1,11 +0,0 @@
-import React, { type SetStateAction, type Dispatch } from 'react';
-/**
- * Context is created here to pass modal onClose and open state to composed Modal components
- */
-type ContextProps = {
-    setModalTitle?: Dispatch<SetStateAction<string>>;
-    onClose?: () => void;
-    open?: boolean;
-};
-export declare const ModalContext: React.Context<ContextProps>;
-export {};

package/types/components/Modal/index.d.ts

@@ -1,5 +0,0 @@
-export { default as Modal } from './Modal';
-export * from './Modal';
-export * from './Content';
-export * from './Footer';
-export * from './Header';

package/types/components/Modal/styles.d.ts

@@ -1,6 +0,0 @@
-export declare const base: (props: any) => string;
-export declare const wrapper: () => string;
-export declare const focusLock: (props: any) => string;
-export declare const content: () => string;
-export declare const contentAnimation: (props: any) => string | undefined;
-export declare const closeButton: () => string;

package/types/components/Panel/Panel.d.ts

@@ -1,8 +0,0 @@
-import { type BoxProps } from 'components/Box/Box';
-import React from 'react';
-export type PanelBoxProps = Omit<BoxProps, 'as'> & {
-    'data-id'?: string;
-};
-export declare const Panel: React.ForwardRefExoticComponent<Omit<BoxProps, "as"> & {
-    'data-id'?: string | undefined;
-} & React.RefAttributes<HTMLDivElement>>;

package/types/components/TabList/TabList.d.ts

@@ -1,18 +0,0 @@
-import * as RadixTabs from '@radix-ui/react-tabs';
-import React from 'react';
-export type { TabsContentProps, TabsProps, TabsTriggerProps, } from '@radix-ui/react-tabs';
-export declare const TabList: {
-    ({ children, variant, ...rest }: {
-        [x: string]: any;
-        children: any;
-        variant?: string | undefined;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-    List: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<RadixTabs.TabsListProps & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
-    Trigger: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<RadixTabs.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>, any, TriggerProps, never>;
-    Action: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("components/ButtonV2/ButtonV2").ButtonPropsV2 & React.RefAttributes<HTMLButtonElement>>, any, {}, never>;
-    Content: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<RadixTabs.TabsContentProps & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
-};
-interface TriggerProps extends RadixTabs.TabsTriggerProps {
-    variant?: 'primary' | 'secondary';
-}

package/types/hooks/useModal.d.ts

@@ -1,7 +0,0 @@
-declare function useModal({ initialOpen, id }?: {
-    initialOpen?: boolean | undefined;
-    id?: string | undefined;
-}): {
-    isOpen: boolean;
-};
-export default useModal;