@theroutingcompany/components 0.0.6 → 0.0.8

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import type { ComponentPropsWithRef } from 'react';
-export declare const overlayShow: any;
-export declare const contentShow: any;
+export declare const overlayShow: import("styled-components").Keyframes;
+export declare const contentShow: import("styled-components").Keyframes;
 export declare const dialogWidths: {
     readonly small: "360px";
     readonly medium: "540px";
@@ -14,10 +14,10 @@ type StyledContentProps = {
 };
 export type DialogContentProps = StyledContentProps & DialogPrimitive.DialogContentProps & ComponentPropsWithRef<'div'>;
 export declare function DialogContent({ children, size, ...props }: DialogContentProps): JSX.Element;
-export declare const DialogTitle: any;
-export declare const DialogDescription: any;
-export declare const DialogFooter: any;
-export declare const DialogCloseButton: any;
+export declare const DialogTitle: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>, any, {}, never>;
+export declare const DialogDescription: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>, any, {}, never>;
+export declare const DialogFooter: import("styled-components").StyledComponent<"footer", any, {}, never>;
+export declare const DialogCloseButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;

package/types/components/Fieldset/Fieldset.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ComponentPropsWithoutStyles } from 'helpers/typeHelpers';
-export declare const StyledFieldSet: any;
+export declare const StyledFieldSet: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
 /** Adding disabled to <fieldset> will disable all inputs inside it HTML wise,
  *  the problem is that React won't know about that they the input components are disabled (prop-wise)
  * This 'compound component' makes it known to child input components via React context (for example for react-aria input hooks)

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

@@ -1,16 +1,17 @@
 import { type PropsWithChildren, type ReactNode } from 'react';
 import { type AriaFieldProps } from '@react-aria/label';
+import type { AriaTextFieldProps } from '@react-aria/textfield';
 import type { ComponentPropsWithoutStyles, InputValidationProps } from 'helpers/typeHelpers';
 import { type NumberInputProps } from 'components/Input/NumberInput/NumberInput';
 import { type TextAreaInputProps } from 'components/Input/TextArea/TextArea';
-type FormControlProps = PropsWithChildren<{
+type FormControlProps<FieldProps = AriaFieldProps> = PropsWithChildren<{
     tooltipContent?: string;
     tooltipIcon?: ReactNode;
-} & AriaFieldProps>;
+} & FieldProps>;
 /** If in a `<FormControl/>`, read `fieldProps` generated by that FormControl's `useField` hook  */
 export declare function useFieldProps(): import("@react-types/shared").AriaLabelingProps & import("@react-types/shared").DOMProps;
 export declare function FormControl({ children, label, errorMessage, description, tooltipContent, tooltipIcon, validationState, id, ...props }: FormControlProps): JSX.Element;
-type TextFormControlProps = FormControlProps & InputValidationProps & ComponentPropsWithoutStyles<'input'>;
+type TextFormControlProps = FormControlProps<AriaTextFieldProps> & InputValidationProps & ComponentPropsWithoutStyles<'input'>;
 export declare const TextFormControl: import("react").ForwardRefExoticComponent<TextFormControlProps & import("react").RefAttributes<HTMLInputElement>>;
 type TextAreaFormControlProps = FormControlProps & InputValidationProps & ComponentPropsWithoutStyles<'textarea'> & TextAreaInputProps;
 export declare const TextAreaFormControl: import("react").ForwardRefExoticComponent<TextAreaFormControlProps & import("react").RefAttributes<HTMLTextAreaElement>>;

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

@@ -1,9 +1,9 @@
 /** Returns the right field props when the input component is used inside a `<FormField>`. Also ensures a `disabled`  */
 export declare function useFormInput(disabled?: boolean): {
     disabled: boolean;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    'aria-describedby'?: string;
-    'aria-details'?: string;
-    id?: string;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    id?: string | undefined;
 };

package/types/components/IconButton/IconButton.d.ts

@@ -1,4 +1,4 @@
-import { AriaButtonProps } from '@react-aria/button';
+import { type AriaButtonProps } from '@react-aria/button';
 import { type ComponentPropsWithRef } from 'react';
 type Size = 'small' | 'large';
 type Variant = 'primary' | 'secondary' | 'danger' | 'inverse';
@@ -17,5 +17,5 @@ export type StyledIconButtonProps = ComponentPropsWithRef<'button'> & AriaButton
  * </IconButton>
  *
  */
-export declare const IconButton: import("react").ForwardRefExoticComponent<Pick<StyledIconButtonProps, "form" | "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "isDisabled" | "autoFocus" | "onFocusChange" | "value" | "disabled" | "elementType" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPressUp" | "href" | "rel" | "target" | "type" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "excludeFromTabOrder" | "variant" | "shape"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: import("react").ForwardRefExoticComponent<Pick<StyledIconButtonProps, "form" | "label" | "slot" | "style" | "title" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "isDisabled" | "target" | "href" | "rel" | "shape" | "elementType" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPressUp" | "onFocusChange" | "excludeFromTabOrder" | "variant"> & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

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

@@ -2,8 +2,8 @@ export type InputSize = "small" | "large";
 export type InputBaseProps = {
     paddingSize?: InputSize;
 };
-export declare const InputBase: any;
-export declare const InputWrapper: any;
-export declare const InputErrorMessage: any;
-export declare const InputDescription: any;
-export declare const EndIconWrapper: any;
+export declare const InputBase: import("styled-components").StyledComponent<"input", any, InputBaseProps, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputErrorMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EndIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,12 +1,15 @@
 /// <reference types="react" />
 import { type AriaNumberFieldProps } from '@react-aria/numberfield';
+import { type NumberFieldStateOptions } from '@react-stately/numberfield';
 import type { ComponentPropsWithoutStyles, InputValidationProps, RenameBooleanProps, RenameMissuffixedProps } from 'helpers/typeHelpers';
 import { type InputBaseProps } from '../InputBase';
 type ReactAriaNumberInputProps = Omit<RenameBooleanProps<AriaNumberFieldProps>, 'minValue' | 'maxValue'> & RenameMissuffixedProps<AriaNumberFieldProps, 'Value', 'minValue' | 'maxValue'>;
 type ShowStepper = {
     showStepper?: boolean;
 };
-export type NumberInputProps = Pick<ComponentPropsWithoutStyles<'input'>, 'name'> & ReactAriaNumberInputProps & InputBaseProps & InputValidationProps & ShowStepper;
+export type NumberInputProps = Pick<ComponentPropsWithoutStyles<'input'>, 'name'> & ReactAriaNumberInputProps & InputBaseProps & InputValidationProps & ShowStepper & {
+    locale?: NumberFieldStateOptions['locale'];
+};
 /**
  * Use cases
  *

package/types/components/Label/Label.d.ts

@@ -3,7 +3,9 @@ import type { ComponentPropsWithoutStyles } from 'helpers/typeHelpers';
 interface LabelProps extends ComponentPropsWithoutStyles<'label'> {
     size?: 'small' | 'medium' | 'large';
     bold?: boolean;
+    /** Screen Reader Only */
+    srOnly?: boolean;
     display?: 'flex' | 'inline-flex' | 'inline' | 'black';
 }
-export declare function Label({ children, bold, size, display, ...labelProps }: LabelProps): JSX.Element;
+export declare function Label({ children, bold, size, display, srOnly, ...remainingProps }: LabelProps): JSX.Element;
 export {};

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

@@ -1,4 +1,6 @@
 import { type ReactNode } from 'react';
+export declare const PageGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PageContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare function Page({ children }: {
     children: ReactNode;
 }): JSX.Element;

package/types/components/Paginator/Paginator.d.ts

@@ -5,43 +5,44 @@ type PaginatorButtonProps = ComponentPropsWithRef<'button'> & {
 };
 export declare const PaginatorButton: import("react").ForwardRefExoticComponent<Pick<PaginatorButtonProps, "label" | "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "direction"> & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const PaginatorNumber: import("react").ForwardRefExoticComponent<(Pick<{
-    emphasis?: "low";
-    variant?: "primary" | "danger" | "inverse";
-    size?: "small" | "large";
+    emphasis?: "low" | undefined;
+    variant?: "primary" | "danger" | "inverse" | undefined;
+    size?: ("small" | "large") | undefined;
 } & {
     children?: import("react").ReactNode;
 } & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 } & Omit<import("@react-types/button").AriaButtonProps<"button">, "isDisabled"> & {
-    disabled?: boolean;
-}, "key" | "size" | "onFocusChange" | "elementType" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPressUp" | "href" | "rel" | "target" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "excludeFromTabOrder" | "emphasis" | "variant"> | Pick<{
-    emphasis?: "medium";
-    variant?: "primary" | "danger" | "inverse";
-    size?: "small" | "large";
+    disabled?: boolean | undefined;
+}, "key" | "size" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "target" | "href" | "rel" | "elementType" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPressUp" | "onFocusChange" | "excludeFromTabOrder" | "emphasis" | "variant"> | Pick<{
+    emphasis?: "medium" | undefined;
+    variant?: "primary" | "danger" | "inverse" | undefined;
+    size?: ("small" | "large") | undefined;
 } & {
     children?: import("react").ReactNode;
 } & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 } & Omit<import("@react-types/button").AriaButtonProps<"button">, "isDisabled"> & {
-    disabled?: boolean;
-}, "key" | "size" | "onFocusChange" | "elementType" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPressUp" | "href" | "rel" | "target" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "excludeFromTabOrder" | "emphasis" | "variant"> | Pick<{
-    emphasis?: "high";
-    variant?: "primary" | "secondary" | "danger" | "inverse";
-    size?: "small" | "large";
+    disabled?: boolean | undefined;
+}, "key" | "size" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "target" | "href" | "rel" | "elementType" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPressUp" | "onFocusChange" | "excludeFromTabOrder" | "emphasis" | "variant"> | Pick<{
+    emphasis?: "high" | undefined;
+    variant?: ("primary" | "secondary" | "danger" | "inverse") | undefined;
+    size?: ("small" | "large") | undefined;
 } & {
     children?: import("react").ReactNode;
 } & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 } & Omit<import("@react-types/button").AriaButtonProps<"button">, "isDisabled"> & {
-    disabled?: boolean;
-}, "key" | "size" | "onFocusChange" | "elementType" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPressUp" | "href" | "rel" | "target" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "excludeFromTabOrder" | "emphasis" | "variant">) & import("react").RefAttributes<HTMLButtonElement>>;
+    disabled?: boolean | undefined;
+}, "key" | "size" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "target" | "href" | "rel" | "elementType" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPressUp" | "onFocusChange" | "excludeFromTabOrder" | "emphasis" | "variant">) & import("react").RefAttributes<HTMLButtonElement>>;
 type PaginationProps = {
     nrOfPages: number;
     currentPage: number;
-    onClick(n: number): void;
+    onClick(_n: number): void;
     onPrevious(): void;
     onNext(): void;
-    ariaLabel?: string;
+    ariaLabel?: string | undefined;
+    className?: string | undefined;
 };
-export declare function Pagination({ nrOfPages, currentPage, onPrevious, onClick, onNext, ariaLabel, }: PaginationProps): JSX.Element;
+export declare function Pagination({ nrOfPages, currentPage, onPrevious, onClick, onNext, className, ariaLabel, }: PaginationProps): JSX.Element;
 export {};

package/types/components/Popover/Popover.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-declare function Content({ children, ...props }: PopoverPrimitive.PopoverContentProps): JSX.Element;
-export declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const PopoverContent: typeof Content;
-export declare const PopoverClose: any;
-export {};
+export type { PopoverCloseProps, PopoverContentProps } from '@radix-ui/react-popover';
+export declare function PopoverContent({ children, ...props }: PopoverPrimitive.PopoverContentProps): JSX.Element;
+export declare const PopoverClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;
+export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/types/components/RadioGroup/RadioGroup.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-export declare function RadioGroup({ children, disabled, ...props }: RadioGroupPrimitive.RadioGroupProps): JSX.Element;
-export declare const RadioGroupRadio: any;
-export declare const RadioGroupIndicator: any;
+export declare const RadioGroupRadio: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const RadioGroupIndicator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare function RadioGroup({ children, disabled, loop, onValueChange, ...props }: RadioGroupPrimitive.RadioGroupProps): JSX.Element;
 export declare function Radio({ disabled, ...props }: RadioGroupPrimitive.RadioGroupItemProps): JSX.Element;

package/types/components/Search/Search.d.ts

@@ -2,10 +2,10 @@
 import { type AriaSearchFieldProps } from '@react-aria/searchfield';
 export declare const Search: import("react").ForwardRefExoticComponent<{
     size: 'small' | 'large';
-    autoSuggest?: boolean;
-    leadingIcon?: boolean;
-} & Omit<AriaSearchFieldProps, "isDisabled" | "isRequired" | "isReadOnly"> & {
-    disabled?: boolean;
-    required?: boolean;
-    readOnly?: boolean;
+    leadingIcon?: boolean | undefined;
+    hideLabel?: boolean | undefined;
+} & Omit<AriaSearchFieldProps, "isRequired" | "isDisabled" | "isReadOnly"> & {
+    required?: boolean | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import * as ToggleGroup from '@radix-ui/react-toggle-group';
-export declare const StyledSegmentControlRoot: any;
+export declare const StyledSegmentControlRoot: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<(ToggleGroup.ToggleGroupSingleProps | ToggleGroup.ToggleGroupMultipleProps) & 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: any;
+export declare const SegmentControlItem: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<ToggleGroup.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>, any, {}, never>;

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

@@ -1,20 +1,20 @@
 import React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
-export declare const StyledTrigger: any;
+export declare const StyledTrigger: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & 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: any;
+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: any;
-export declare const SelectViewport: any;
+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: any;
+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: any;
-export declare const SelectGroupLabel: any;
-export declare const SelectSeparator: any;
-export declare const SelectScrollUpButton: any;
-export declare const SelectScrollDownButton: any;
+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>;
 type SingleSelectProps = {
     items: string[];
 } & SelectPrimitive.SelectProps;

package/types/components/Switch/Switch.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 export type { SwitchProps } from '@radix-ui/react-switch';
-export declare const Switch: import("react").ForwardRefExoticComponent<SwitchPrimitive.SwitchProps & import("react").RefAttributes<typeof SwitchPrimitive>>;
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchPrimitive.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;

package/types/components/Table/Table.d.ts

@@ -2,5 +2,6 @@
 export declare function TableHeader({ children }: {
     children: any;
 }): JSX.Element;
-export declare const TableDataCell: any;
-export declare const Table: any;
+export declare const TableDataCell: import("styled-components").StyledComponent<"td", any, {}, never>;
+export declare const Table: import("styled-components").StyledComponent<"table", any, {}, never>;
+export declare const TableSortButtons: () => JSX.Element;

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

@@ -9,13 +9,11 @@ interface BodyTextProps extends ComponentPropsWithoutRef<'p'> {
 }
 interface NumberTextProps extends ComponentPropsWithoutRef<'p'> {
     size?: 'xsmall' | 'small' | 'medium' | 'large';
-    bold?: boolean;
     type: 'number';
     as?: TextElements;
 }
 interface CaptionTextProps extends ComponentPropsWithoutRef<'p'> {
     size?: 'small' | 'medium';
-    bold?: boolean;
     type: 'caption';
     as?: TextElements;
 }

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

@@ -1,10 +1,11 @@
 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: any;
-export declare const ToastClose: any;
-export declare const ToastSeparator: any;
+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>;
 type Sentiment = 'inverse' | 'negative' | 'info';
-export declare const ToastViewport: any;
+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): JSX.Element;
 export type ToastProps = PropsWithChildren<{
     sentiment: Sentiment;

package/types/components/index.d.ts

@@ -12,6 +12,7 @@ export * from './Input/NumberInput/NumberInput';
 export * from './Input/TextInput/TextInput';
 export * from './Label/Label';
 export * from './Toast/Toast';
+export * from './Page/Page';
 export * from './Paginator/Paginator';
 export * from './Popover/Popover';
 export * from './RadioGroup/RadioGroup';

package/types/helpers/typeHelpers.d.ts

@@ -1,5 +1,10 @@
-import { type AriaNumberFieldProps } from '@react-aria/numberfield';
+import type { AriaFieldProps } from '@react-aria/label';
 import type { ComponentPropsWithoutRef, ElementType } from 'react';
+declare module 'csstype' {
+    interface Properties {
+        [index: `--${string}`]: string | number | undefined;
+    }
+}
 export type ComponentPropsWithoutStyles<E extends ElementType> = Omit<ComponentPropsWithoutRef<E>, 'style' | 'className'>;
 type RemovePrefix<S extends string, Prefix extends string = 'is'> = S extends `${Prefix}${infer R}` ? Uncapitalize<R> : never;
 export type RenameMisprefixedProps<InputProps extends Record<PropertyKey, any>, Prefix extends string, MisnamedKeys extends `${Prefix}${string}`> = Omit<InputProps, MisnamedKeys> & {
@@ -9,16 +14,15 @@ type RemoveSuffix<S extends string, Suffix extends string = 'Value'> = S extends
 export type RenameMissuffixedProps<InputProps extends Record<PropertyKey, any>, Suffix extends string, MisnamedKeys extends `${string}${Suffix}`> = Omit<InputProps, MisnamedKeys> & {
     [S in MisnamedKeys as RemoveSuffix<S, Suffix>]?: InputProps[S];
 };
-type ReactAriaInputProps = RenameMisprefixedProps<AriaNumberFieldProps, 'is', 'isDisabled' | 'isRequired' | 'isReadOnly'>;
 /** Get a type warning when an `errorMessage` is passed without a `validationState` prop. */
 export type InputValidationProps = {
-    validationState: ReactAriaInputProps['validationState'];
-    errorMessage?: ReactAriaInputProps['errorMessage'];
+    validationState: AriaFieldProps['validationState'];
+    errorMessage?: AriaFieldProps['errorMessage'];
 } | {
     validationState?: never;
     errorMessage?: never;
 };
 type MisprefixedBooleanProps = 'isDisabled' | 'isRequired' | 'isReadOnly';
-/** renames `isdisabled`, `isrequired,` and `isreadonly` to `disabled`, `required,` and `readOnly` in an object type */
+/** renames `isDisabled`, `isRequired,` and `isReadonly` to `disabled`, `required,` and `readOnly` in an object type */
 export type RenameBooleanProps<InputProps extends Record<PropertyKey, any>> = RenameMisprefixedProps<InputProps, 'is', MisprefixedBooleanProps>;
 export {};

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

@@ -1,12 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ForwardRefComponent } from '@radix-ui/react-polymorphic';
-import type { BorderProps, ColorProps, FlexboxProps, GridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps, ResponsiveValue } from 'styled-system';
-export interface BoxProps extends BorderProps, ColorProps, FlexboxProps, GridProps, LayoutProps, Omit<PositionProps, 'zIndex'>, // Override because styled-system by default only allows numbers here
-ShadowProps, SpaceProps, TypographyProps {
-    truncate?: boolean;
-    children?: ReactNode;
-    zIndex?: ResponsiveValue<string | number>;
-}
-type PolymorphicBox = ForwardRefComponent<'div', BoxProps>;
-export declare const Box: PolymorphicBox;
-export {};

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

@@ -1 +0,0 @@
-export {};