@theroutingcompany/components 0.0.20-alpha.2 → 0.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.20-alpha.2",
+  "version": "0.0.21",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",

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

@@ -1,6 +1,5 @@
-import * as React from 'react';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 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 = {
@@ -8,13 +7,13 @@ type StyledContentProps = {
 };
 export type AlertDialogContentProps = StyledContentProps & AlertDialogPrimitive.DialogContentProps & ComponentPropsWithRef<'div'>;
 export declare function AlertDialogContent({ children, size, ...props }: AlertDialogContentProps): JSX.Element;
-export declare const AlertDialogTitle: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>, any, {}, never>;
-export declare const AlertDialogDescription: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>, any, {}, never>;
+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>;
-export declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
-export declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const AlertDialogAction: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
+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>>;
+export declare const AlertDialogCancel: import("react").ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogCancelProps & import("react").RefAttributes<HTMLButtonElement>>;
 /** AlertDialog Cancel Button positioned in top right with × */
 export declare const AlertDialogCancelButton: ({ children, ...buttonProps }: AlertDialogPrimitive.AlertDialogCancelProps) => JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
-import type { Property } from 'csstype';
 import type { PropsWithChildren } from 'react';
+import type { Property } from 'csstype';
 import type { BorderRadiusToken, ElevationToken, RemoveVendorProperties, SizingToken, SpacingToken } from '../../helpers/tokenUtils';
 export type BoxProps = PropsWithChildren<{
     display?: 'block' | 'inline-block' | 'contents' | 'none' | 'inline';

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

@@ -1,5 +1,5 @@
-import * as DialogPrimitive from '@radix-ui/react-dialog';
 import type { ComponentPropsWithRef } from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 export declare const overlayStyles: import("styled-components").FlattenSimpleInterpolation;
 export declare const dialogWidths: {
     readonly small: "360px";

package/types/components/MultiSelect/MultiSelect.d.ts

@@ -1,5 +1,5 @@
-import type { CollectionChildren } from '@react-types/shared';
 import React from 'react';
+import type { CollectionChildren } from '@react-types/shared';
 import { useMultiSelectState } from './useMultiSelectState';
 export { Item as MultiSelectItem, Section as MultiSelectSection, } from '@react-stately/collections';
 export type OptionItem = {

package/types/components/MultiSelect/MultiSelectPopover.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 type PopoverProps = {
     children: React.ReactNode;
     className?: string;
@@ -6,5 +6,6 @@ type PopoverProps = {
     onClose: () => void;
     triggerRef: React.RefObject<HTMLButtonElement>;
 };
-export declare const Popover: React.VFC<PopoverProps>;
+/** Do we really need two different popovers */
+export declare function Popover({ isOpen, onClose, children, className, triggerRef, }: PopoverProps): JSX.Element;
 export {};

package/types/components/MultiSelect/useMultiSelect.d.ts

@@ -1,5 +1,5 @@
-import { AriaListBoxOptions } from "@react-aria/listbox";
-import { HTMLAttributes, RefObject } from "react";
+import type { HTMLAttributes, RefObject } from "react";
+import type { AriaListBoxOptions } from "@react-aria/listbox";
 import type { AriaButtonProps } from "@react-types/button";
 import type { AriaSelectProps } from "@react-types/select";
 import type { MultiSelectProps as MultiSelectStateProps, MultiSelectState } from "./useMultiSelectState";

package/types/components/MultiSelect/useMultiSelectState.d.ts

@@ -1,7 +1,7 @@
-import { MenuTriggerState } from "@react-stately/menu";
-import { MultiSelectListState } from "./useMultiSelectListState";
+import type { MenuTriggerState } from "@react-stately/menu";
 import type { OverlayTriggerProps } from "@react-types/overlays";
 import type { AsyncLoadable, CollectionBase, FocusableProps, InputBase, LabelableProps, MultipleSelection, TextInputBase, Validation } from "@react-types/shared";
+import type { MultiSelectListState } from "./useMultiSelectListState";
 export interface MultiSelectProps<T> extends CollectionBase<T>, AsyncLoadable, Omit<InputBase, "isReadOnly">, Validation, LabelableProps, TextInputBase, MultipleSelection, FocusableProps, OverlayTriggerProps {
     /**
      * Whether the menu should automatically flip direction when space is limited.

package/types/components/ReactAriaButton/ReactAriaButton.d.ts

@@ -1,5 +1,5 @@
-import { type AriaButtonProps } from '@react-aria/button';
 import { type ComponentPropsWithoutRef } from 'react';
+import { type AriaButtonProps } from '@react-aria/button';
 export type ReactAriaButtonProps = AriaButtonProps & ComponentPropsWithoutRef<'button'>;
 /**  For internal use only! */
 export declare function ReactAriaButton(props: ReactAriaButtonProps): JSX.Element;

package/types/components/SegmentControl/SegmentControl.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import * as ToggleGroup from '@radix-ui/react-toggle-group';
-export declare const StyledSegmentControlRoot: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<(ToggleGroup.ToggleGroupSingleProps | ToggleGroup.ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledSegmentControlRoot: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<(ToggleGroup.ToggleGroupSingleProps | ToggleGroup.ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export type SegmentControlRootProps = Omit<ToggleGroup.ToggleGroupSingleProps, 'type' | 'style' | 'className'> & {
     size?: 'small' | 'large';
 };
 export declare const SegmentControlRoot: ({ children, size, ...props }: SegmentControlRootProps) => JSX.Element;
-export declare const SegmentControlItem: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<ToggleGroup.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const SegmentControlItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ToggleGroup.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/types/components/Select/Select.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
+/// <reference types="react" />
 import * as SelectPrimitive from '@radix-ui/react-select';
-export declare const StyledTrigger: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare function SelectContent({ children, ...props }: SelectPrimitive.SelectContentProps): JSX.Element;
-export declare const Select: React.FC<SelectPrimitive.SelectProps>;
-export declare const SelectTrigger: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-export declare const SelectIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SelectPrimitive.SelectIconProps & React.RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const SelectViewport: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-export declare const SelectItem: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const SelectItemText: React.ForwardRefExoticComponent<SelectPrimitive.SelectItemTextProps & React.RefAttributes<HTMLSpanElement>>;
-export declare const SelectItemIndicator: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SelectPrimitive.SelectItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const SelectGroupLabel: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const SelectSeparator: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const SelectScrollUpButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const SelectScrollDownButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const Select: import("react").FC<SelectPrimitive.SelectProps>;
+export declare const SelectTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const SelectValue: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SelectIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectIconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const SelectViewport: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const SelectGroup: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const SelectItemText: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemTextProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SelectItemIndicator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const SelectGroupLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const SelectSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const SelectScrollUpButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectScrollUpButtonProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const SelectScrollDownButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 type SingleSelectProps = {
     items: string[];
 } & SelectPrimitive.SelectProps;

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

@@ -1,5 +1,5 @@
-import type * as Polymorphic from '@radix-ui/react-polymorphic';
 import { type ComponentPropsWithoutRef } from 'react';
+import type * as Polymorphic from '@radix-ui/react-polymorphic';
 type TextElements = 'p' | 'div' | 'span' | 'legend' | 'caption' | 'figcaption' | 'strong' | 'em' | 'strong' | 'abbr' | 'mark' | 'q' | 'small' | 'time';
 interface BodyTextProps extends ComponentPropsWithoutRef<'p'> {
     type: 'body';

package/types/helpers/tokenUtils.d.ts

@@ -1,5 +1,5 @@
-import nestedTokens from '@theroutingcompany/design-tokens/dist/json/tokens.json';
 import type { CSSProperties } from 'react';
+import nestedTokens from '@theroutingcompany/design-tokens/dist/json/tokens.json';
 export declare function filterDefined(obj: Record<PropertyKey, unknown> | CSSProperties | undefined): {
     [k: string]: any;
 } | undefined;