@theroutingcompany/components 0.0.26-alpha.9 → 0.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.26-alpha.9",
+  "version": "0.0.26",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -21,6 +21,7 @@
     "types"
   ],
   "scripts": {
+    "debug:reset:modules": "rm -f -- package-lock.json && rm -rf node_modules && npm i",
     "link:tokens": "./scripts/link-tokens.sh",
     "break:cache": "rm -rf node_modules && npm i --package-lock && npm run start --force",
     "ready:prerelease": "npm run build && ./scripts/prerelease.sh",
@@ -101,7 +102,7 @@
     "@types/styled-system": "^5.1.16",
     "@react-types/select": "^3.8.1",
     "@tanstack/react-table": "^8.9.1",
-    "@theroutingcompany/design-tokens": "^0.0.4-alpha.3",
+    "@theroutingcompany/design-tokens": "^0.0.5",
     "@styled-system/prop-types": "^5.1.2",
     "@styled-system/props": "^5.1.5",
     "csstype": "^3.1.2",

package/types/components/AccessibleIcon/AccessibleIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as AccessibleIconPrimitive from '@radix-ui/react-accessible-icon';
-export declare function AccessibleIcon({ children, label, }: AccessibleIconPrimitive.AccessibleIconProps): JSX.Element;
+export declare function AccessibleIcon({ children, label, }: AccessibleIconPrimitive.AccessibleIconProps): import("react/jsx-runtime").JSX.Element;

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

@@ -6,7 +6,7 @@ type StyledContentProps = {
     size?: DialogWidth;
 };
 export type AlertDialogContentProps = StyledContentProps & AlertDialogPrimitive.DialogContentProps & ComponentPropsWithRef<'div'>;
-export declare function AlertDialogContent({ children, size, ...props }: AlertDialogContentProps): JSX.Element;
+export declare function AlertDialogContent({ children, size, ...props }: AlertDialogContentProps): import("react/jsx-runtime").JSX.Element;
 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>;
@@ -15,5 +15,5 @@ export declare const AlertDialogTrigger: import("react").ForwardRefExoticCompone
 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 declare const AlertDialogCancelButton: ({ children, ...buttonProps }: AlertDialogPrimitive.AlertDialogCancelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/Avatar/Avatar.d.ts

@@ -0,0 +1,14 @@
+type AlphaUpper = 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
+type AlphaLower = 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' | 'h' | 'i' | 'j' | 'k' | 'l' | 'm' | 'n' | 'o' | 'p' | 'q' | 'r' | 's' | 't' | 'u' | 'v' | 'w' | 'x' | 'y' | 'z';
+type Letter = AlphaUpper | AlphaLower;
+export type AvatarSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export interface AvatarProps {
+    size?: AvatarSize;
+    color?: string;
+}
+export declare const Avatar: ({ size, letter }: {
+    size: AvatarSize;
+    color: string;
+    letter: Letter;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Avatar;

package/types/components/Badge/Badge.d.ts

@@ -10,7 +10,7 @@ declare const colors: {
     };
     readonly muted: {
         readonly background: "hsl(0deg 0% 10% / 8%)";
-        readonly color: "hsl(0deg 0% 56%)";
+        readonly color: "#909090";
     };
     readonly info: {
         readonly background: "hsl(217.4deg 81.6% 51% / 8%)";
@@ -25,5 +25,5 @@ type BadgeVariant = keyof typeof colors;
 export type BadgeProps = PropsWithChildren<{
     variant: BadgeVariant;
 }>;
-export declare function Badge({ children, variant }: BadgeProps): JSX.Element;
+export declare function Badge({ children, variant }: BadgeProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,3 @@
+import { type PolymorphicButton } from '../ButtonV2/ButtonV2';
+declare const Action: PolymorphicButton;
+export default Action;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import Action from './Action';
+declare const DEFAULT_VARIANT = "default";
+declare const INFO_VARIANT = "info";
+declare const SUCCESS_VARIANT = "success";
+declare const WARNING_VARIANT = "warning";
+declare const ERROR_VARIANT = "danger";
+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?: Variant;
+    layout?: 'default' | 'inline';
+    onDismiss?: (any: any) => void;
+}
+export declare const Banner: import("react").ForwardRefExoticComponent<BannerProps> & {
+    Action: typeof Action;
+};
+export default Banner;

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

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

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

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

package/types/components/ButtonGroup/ButtonGroup.d.ts

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

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

@@ -1,18 +1,19 @@
 /// <reference types="react" />
-import { type ClickHandler, type FocusHandler } from 'helpers';
+import { type BoxProps } from 'components/Box/Box';
+import { type ClickHandler, type FocusHandler, type ForwardRefComponent } from 'helpers';
 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<import("helpers").ForwardRefComponent<"div", import("components/Box/Box").BoxProps>, any, any, never>;
-export interface ButtonPropsV2 {
+export declare const StyledButtonBox: import("styled-components").StyledComponent<ForwardRefComponent<"div", BoxProps>, any, any, never>;
+export interface ButtonPropsV2 extends BoxProps {
     'data-id'?: string;
     as?: React.ElementType;
     to?: string;
     toTitle?: string;
     variant?: Variant;
+    inverse?: boolean;
     disabled?: boolean;
     size?: Size;
-    fullWidth?: boolean;
     submit?: boolean;
     children?: React.ReactNode;
     className?: string;
@@ -20,5 +21,6 @@ export interface ButtonPropsV2 {
     onFocus?: FocusHandler;
     onBlur?: FocusHandler;
 }
+export type PolymorphicButton = ForwardRefComponent<'button', ButtonPropsV2>;
 export declare const ButtonV2: import("react").ForwardRefExoticComponent<ButtonPropsV2 & import("react").RefAttributes<HTMLButtonElement>>;
 export default ButtonV2;

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

@@ -1,7 +1,4 @@
 import type { Size, Variant } from './ButtonV2';
-export declare function focus({ buttonColor }: {
-    buttonColor?: string;
-}): string;
 export declare const reset: () => string;
 export declare const base: () => string;
 export type LoadingProp = {
@@ -10,16 +7,17 @@ export type LoadingProp = {
 export declare const childwrapper: (props: LoadingProp) => string;
 export declare const disabled: (props: {
     disabled: boolean;
-}) => "\n      opacity: 0.6;\n      &:hover {\n        cursor: not-allowed;\n      }\n    " | undefined;
-export declare const fullWidth: (props: {
-    fullWidth: boolean;
-}) => "\n      display: block;\n      width: 100%;\n    " | undefined;
+}) => "\n      opacity: 0.8;\n\n      &:hover {\n        cursor: not-allowed;\n      }\n    " | undefined;
 export declare const group: () => string;
 export declare const primary: import("styled-components").FlattenSimpleInterpolation;
+export declare const inverse_primary: import("styled-components").FlattenSimpleInterpolation;
 export declare const secondary: import("styled-components").FlattenSimpleInterpolation;
+export declare const inverse_secondary: import("styled-components").FlattenSimpleInterpolation;
 export declare const tertiary: import("styled-components").FlattenSimpleInterpolation;
+export declare const inverse_tertiary: import("styled-components").FlattenSimpleInterpolation;
 export declare const danger: import("styled-components").FlattenSimpleInterpolation;
-export declare const getVariantStyles: (variant: Variant) => import("styled-components").FlattenSimpleInterpolation | undefined;
+export declare const inverse_danger: import("styled-components").FlattenSimpleInterpolation;
+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/Calendar/Calendar.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type DateValue } from '@internationalized/date';
 import type { CalendarProps } from '@react-aria/calendar';
 export default function Calendar({ timeZone, ...props }: CalendarProps<DateValue> & {
     timeZone: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/Calendar/CalendarCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type CalendarDate } from '@internationalized/date';
 import type { RangeCalendarState } from '@react-stately/calendar';
 type CalendarCellProps = {
@@ -7,6 +6,7 @@ type CalendarCellProps = {
     currentMonth: CalendarDate;
     disabled?: boolean | undefined;
     today: CalendarDate;
+    single?: boolean;
 };
-export declare function CalendarCell({ state, date, today, disabled, currentMonth, }: CalendarCellProps): JSX.Element;
+export declare function CalendarCell({ state, date, today, disabled, currentMonth, single, }: CalendarCellProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/Calendar/CalendarGrid.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 import { type DateDuration } from '@internationalized/date';
 import type { CalendarState, RangeCalendarState } from '@react-stately/calendar';
 interface CalendarGridProps<T> {
     state: T;
     offset?: DateDuration;
     timeZone: string;
+    single?: boolean;
 }
-export declare function CalendarGrid<T extends CalendarState | RangeCalendarState>({ state, ...props }: CalendarGridProps<T>): JSX.Element;
+export declare function CalendarGrid<T extends CalendarState | RangeCalendarState>({ state, ...props }: CalendarGridProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/Calendar/CalendarHeader.d.ts

@@ -1,9 +1,9 @@
-import type { DOMAttributes } from 'react';
 import type { AriaButtonProps } from '@react-aria/button';
 import type { RangeCalendarState } from '@react-stately/calendar';
+import type { DOMAttributes } from 'react';
 export declare function CalendarHeader({ state, calendarProps, prevButtonProps, nextButtonProps, }: {
     state: RangeCalendarState;
     calendarProps: DOMAttributes<any>;
     prevButtonProps: AriaButtonProps;
     nextButtonProps: AriaButtonProps;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/Calendar/RangeCalendar.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type DateValue } from '@internationalized/date';
 import { type RangeCalendarProps } from '@react-aria/calendar';
 export declare function RangeCalendar({ timeZone, ...props }: RangeCalendarProps<DateValue> & {
     timeZone: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/Calendar/TimeDateSelect.d.ts

@@ -1,8 +1,11 @@
 import type { ReactNode } from 'react';
 import React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
+import { type TODOFIXME } from 'helpers';
 export interface TimeDateSelectProps {
-    children?: ReactNode;
+    dateString: string;
+    timeZone: string;
+    onChange?: (date: TODOFIXME) => void;
 }
 export declare const TimeDateSelect: React.ForwardRefExoticComponent<TimeDateSelectProps & React.RefAttributes<HTMLDivElement>>;
 export interface TimeDateSelectItemProps extends SelectPrimitive.SelectItemProps {

package/types/components/ComboBox/ComboBox.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { ComboBoxProps } from "@react-types/combobox";
 export { Item, Section } from "@react-stately/collections";
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare function ComboBox<T extends object>(props: ComboBoxProps<T>): JSX.Element;
+export declare function ComboBox<T extends object>(props: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -12,7 +12,7 @@ type StyledContentProps = {
 };
 export declare const dialogContentStyles: import("styled-components").FlattenSimpleInterpolation;
 export type DialogContentProps = StyledContentProps & DialogPrimitive.DialogContentProps & ComponentPropsWithRef<'div'>;
-export declare function DialogContent({ children, size, ...props }: DialogContentProps): JSX.Element;
+export declare function DialogContent({ children, size, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
 export declare const dialogTitleStyles: string;
 export declare const DialogTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>, any, {}, never>;
 export declare const dialogDescriptionStyles: import("styled-components").FlattenSimpleInterpolation;
@@ -20,7 +20,7 @@ export declare const DialogDescription: import("styled-components").StyledCompon
 export declare const DialogFooter: import("styled-components").StyledComponent<"footer", any, {}, never>;
 export declare const dialogCloseButtonStyles: import("styled-components").FlattenSimpleInterpolation;
 /** Dialog Close Button positioned in top right with × */
-export declare const DialogCloseButton: ({ children, ...buttonProps }: DialogPrimitive.DialogCloseProps) => JSX.Element;
+export declare const DialogCloseButton: ({ children, ...buttonProps }: DialogPrimitive.DialogCloseProps) => import("react/jsx-runtime").JSX.Element;
 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/Drawer/Drawer.d.ts

@@ -4,7 +4,7 @@ import * as Dialog from '@radix-ui/react-dialog';
 export declare const DrawerRoot: import("react").FC<Dialog.DialogProps>;
 export declare const DrawerTrigger: import("react").ForwardRefExoticComponent<Dialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const DrawerTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Dialog.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>, any, {}, never>;
-export declare const DrawerCloseButton: () => JSX.Element;
+export declare const DrawerCloseButton: () => import("react/jsx-runtime").JSX.Element;
 export declare const DrawerDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Dialog.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
 export declare const DrawerSectionTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
 declare const widths: {
@@ -16,7 +16,7 @@ export type DrawerSize = keyof typeof widths;
 type DrawerProps = PropsWithChildren<{
     size?: DrawerSize;
 }> & Dialog.DialogPortalProps;
-export declare function Drawer({ children, size, ...props }: DrawerProps): JSX.Element;
+export declare function Drawer({ children, size, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
 export declare const DrawerAccordionRoot: import("react").ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>;
 export type DrawerSectionProps = AccordionPrimitive.AccordionItemProps;
 /** CSS Variables to control child styles of section closed/open state
@@ -32,5 +32,5 @@ export type DrawerSectionHeaderProps = {
     children: ReactNode;
     icon: ReactNode;
 };
-export declare function DrawerSectionHeader({ children, icon, }: DrawerSectionHeaderProps): JSX.Element;
+export declare function DrawerSectionHeader({ children, icon, }: DrawerSectionHeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentPropsWithoutStyles } from '../../helpers/typeHelpers';
 export declare const StyledFieldSet: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
 /** Adding disabled to `<fieldset>` will disable all inputs inside it HTML wise,
@@ -18,5 +17,5 @@ export declare const StyledFieldSet: import("styled-components").StyledComponent
  * </Fieldset>
  * ```
  */
-export declare function Fieldset({ children, disabled, ...fieldsetProps }: ComponentPropsWithoutStyles<'fieldset'>): JSX.Element;
+export declare function Fieldset({ children, disabled, ...fieldsetProps }: ComponentPropsWithoutStyles<'fieldset'>): import("react/jsx-runtime").JSX.Element;
 export declare function useFieldset(): boolean;

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

@@ -8,7 +8,7 @@ type FormControlProps<FieldProps = AriaFieldProps> = PropsWithChildren<{
 } & FieldProps>;
 /** If in a `<FormControl/>`, read `fieldProps` generated by that FormControl's `useField` hook  */
 export declare function useFieldProps(): FieldAria['fieldProps'];
-export declare function FormControl({ children, label, errorMessage, description, tooltipContent, tooltipIcon, validationState, id, ...props }: FormControlProps): JSX.Element;
+export declare function FormControl({ children, label, errorMessage, description, tooltipContent, tooltipIcon, validationState, id, ...props }: FormControlProps): import("react/jsx-runtime").JSX.Element;
 export declare const TextFormControl: import("react").ForwardRefExoticComponent<{
     tooltipContent?: string | undefined;
     tooltipIcon?: ReactNode;
@@ -64,11 +64,7 @@ export declare const TextAreaFormControl: import("react").ForwardRefExoticCompon
     excludeFromTabOrder?: boolean | undefined;
     validationState?: import("@react-types/shared").ValidationState | undefined;
     errorMessage?: ReactNode;
-} & {
-    borderRadius?: import("components/Input/InputBase").InputRadius | undefined;
-    paddingSize?: import("components/Input/InputBase").InputSize | undefined;
-    height?: string | number | undefined;
-} & import("components/Input/InputBase").FullWidth & import("react").RefAttributes<HTMLTextAreaElement>>;
+} & import("components/Input/InputBase").InputBaseProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 export declare const NumberFormControl: import("react").ForwardRefExoticComponent<{
     tooltipContent?: string | undefined;
     tooltipIcon?: ReactNode;
@@ -77,11 +73,7 @@ export declare const NumberFormControl: import("react").ForwardRefExoticComponen
 } & Omit<import("../../helpers/typeHelpers").RenameBooleanProps<import("@react-types/numberfield").AriaNumberFieldProps>, "minValue" | "maxValue"> & {
     min?: number | undefined;
     max?: number | undefined;
-} & {
-    borderRadius?: import("components/Input/InputBase").InputRadius | undefined;
-    paddingSize?: import("components/Input/InputBase").InputSize | undefined;
-    height?: string | number | undefined;
-} & import("components/Input/InputBase").FullWidth & {
+} & import("components/Input/InputBase").InputBaseProps & {
     name?: string | undefined;
 } & {
     showStepper?: boolean | undefined;

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

@@ -1,19 +1,21 @@
+import { type ButtonPropsV2 } from 'components/ButtonV2/ButtonV2';
+import { type TODOFIXME } from 'helpers';
 import type { ReactNode } from 'react';
 export declare const EditButtonRight: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("components/Button/Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-type TextAlign = 'left' | 'center';
-export interface InlineEditProps {
+export interface InlineEditProps extends ButtonPropsV2 {
     'data-id'?: string;
     children: ReactNode;
-    defaultValue?: string;
+    value?: number | string;
+    editValue?: number | string;
     placeholder?: string;
-    fullWidth?: boolean;
-    minWidth?: string;
-    textAlign?: TextAlign;
     hideIcon?: boolean;
     p?: string;
+    onChange: TODOFIXME;
+    onToggle?: TODOFIXME;
+    disabled?: boolean;
+    valid?: boolean;
 }
 export declare const InlineEdit: {
-    ({ children, placeholder, defaultValue, minWidth, hideIcon, fullWidth, textAlign, p, ...rest }: InlineEditProps): JSX.Element;
+    ({ children, placeholder, value, editValue, hideIcon, p, onChange, onToggle, disabled, valid, ...rest }: InlineEditProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export {};

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

@@ -1,20 +1,13 @@
 import tokens from '@theroutingcompany/design-tokens';
 export type InputSize = 'small' | 'large';
 export type InputRadius = typeof tokens.border_radius_0 | typeof tokens.border_radius_100 | typeof tokens.border_radius_200 | typeof tokens.border_radius_400 | typeof tokens.border_radius_800;
-export type FullWidth = {
-    fullWidth?: true;
-};
 export type InputBaseProps = {
     borderRadius?: InputRadius;
     paddingSize?: InputSize;
     height?: number | string;
-} & FullWidth;
-export declare const InputBase: import("styled-components").StyledComponent<"input", any, {
-    borderRadius?: InputRadius | undefined;
-    paddingSize?: InputSize | undefined;
-    height?: string | number | undefined;
-} & FullWidth, never>;
-export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, FullWidth, never>;
+};
+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

@@ -2,7 +2,7 @@
 import { type AriaNumberFieldProps } from '@react-aria/numberfield';
 import { type NumberFieldStateOptions } from '@react-stately/numberfield';
 import type { ComponentPropsWithoutStyles, RenameBooleanProps, RenameMissuffixedProps } from '../../../helpers/typeHelpers';
-import { type FullWidth, type InputBaseProps } from '../InputBase';
+import { type InputBaseProps } from '../InputBase';
 type ReactAriaNumberInputProps = RenameMissuffixedProps<RenameBooleanProps<AriaNumberFieldProps>, 'Value', 'minValue' | 'maxValue'>;
 type ShowStepper = {
     showStepper?: boolean;
@@ -35,11 +35,7 @@ export type NumberInputProps = ReactAriaNumberInputProps & InputBaseProps & Stan
 export declare const NumberInput: import("react").ForwardRefExoticComponent<Omit<RenameBooleanProps<AriaNumberFieldProps>, "minValue" | "maxValue"> & {
     min?: number | undefined;
     max?: number | undefined;
-} & {
-    borderRadius?: import("../InputBase").InputRadius | undefined;
-    paddingSize?: import("../InputBase").InputSize | undefined;
-    height?: string | number | undefined;
-} & FullWidth & StandardInputProps & ShowStepper & {
+} & InputBaseProps & StandardInputProps & ShowStepper & {
     locale?: string | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -4,9 +4,5 @@ import type { RenameBooleanProps } from '../../../helpers/typeHelpers';
 import { type InputBaseProps } from '../InputBase';
 type ReactAriaInputProps = Omit<RenameBooleanProps<AriaTextFieldOptions<'textarea'>>, 'inputElementType'>;
 export type TextAreaInputProps = ReactAriaInputProps & InputBaseProps;
-export declare const TextAreaInput: import("react").ForwardRefExoticComponent<ReactAriaInputProps & {
-    borderRadius?: import("../InputBase").InputRadius | undefined;
-    paddingSize?: import("../InputBase").InputSize | undefined;
-    height?: string | number | undefined;
-} & import("../InputBase").FullWidth & import("react").RefAttributes<HTMLTextAreaElement>>;
+export declare const TextAreaInput: import("react").ForwardRefExoticComponent<ReactAriaInputProps & InputBaseProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 export {};

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

@@ -5,7 +5,6 @@ import { type InputBaseProps, type InputRadius } from '../InputBase';
 type ReactAriaInputProps = Omit<RenameBooleanProps<AriaTextFieldOptions<'input'>>, 'inputElementType'>;
 interface CustomTextInputProps {
     focus?: boolean;
-    fullWidth?: boolean;
     height?: number | string;
     inputBorderRadius?: InputRadius;
     connectLeft?: React.ReactNode | null;
@@ -13,9 +12,5 @@ interface CustomTextInputProps {
     className?: string;
 }
 export type TextInputProps = ReactAriaInputProps & InputBaseProps & CustomTextInputProps;
-export declare const TextInput: import("react").ForwardRefExoticComponent<ReactAriaInputProps & {
-    borderRadius?: InputRadius | undefined;
-    paddingSize?: import("../InputBase").InputSize | undefined;
-    height?: string | number | undefined;
-} & import("../InputBase").FullWidth & CustomTextInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const TextInput: import("react").ForwardRefExoticComponent<ReactAriaInputProps & InputBaseProps & CustomTextInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -1,3 +1,9 @@
-/// <reference types="react" />
+import { type TODOFIXME } from 'helpers';
 export { Time } from '@internationalized/date';
-export declare function TimeInput(props: any): JSX.Element;
+interface TimeInputProps {
+    label?: string;
+    defaultValue?: TODOFIXME;
+    value?: TODOFIXME;
+    onChange?: TODOFIXME;
+}
+export declare function TimeInput(props: TimeInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -8,5 +8,6 @@ export interface LabelProps extends ComponentPropsWithoutStyles<'label'> {
     display?: 'flex' | 'inline-flex' | 'inline' | 'block' | undefined;
     children: ReactNode;
     as?: 'legend' | 'span' | undefined;
+    style?: Record<string, any>;
 }
-export declare function Label({ children, bold, size, display, srOnly, ...remainingProps }: LabelProps): JSX.Element;
+export declare function Label({ children, bold, size, display, srOnly, style, ...remainingProps }: LabelProps): import("react/jsx-runtime").JSX.Element;

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

@@ -12,18 +12,18 @@ interface MultiSelectListBoxProps extends AriaListBoxOptions<unknown> {
     listBoxRef?: React.RefObject<HTMLUListElement>;
     state: MultiSelectState<unknown>;
 }
-export declare function ListBox(props: ListBoxProps): JSX.Element;
-export declare function MultiSelectListBox(props: MultiSelectListBoxProps): JSX.Element;
+export declare function ListBox(props: ListBoxProps): import("react/jsx-runtime").JSX.Element;
+export declare function MultiSelectListBox(props: MultiSelectListBoxProps): import("react/jsx-runtime").JSX.Element;
 export declare function OptionLabel({ children }: {
     children: React.ReactNode;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function OptionDescription({ children }: {
     children: React.ReactNode;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 interface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef'> {
     children: React.ReactNode;
     state: OverlayTriggerState;
     popoverRef?: React.RefObject<HTMLDivElement>;
 }
-export declare function Popover(props: PopoverProps): JSX.Element;
+export declare function Popover(props: PopoverProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,5 +5,5 @@ interface ListBoxProps<T> extends AriaListBoxOptions<T> {
     listBoxRef?: React.RefObject<HTMLUListElement>;
     state: MultiSelectState<T>;
 }
-export declare const MultiSelectListBox: <T>(props: ListBoxProps<T>) => JSX.Element;
+export declare const MultiSelectListBox: <T>(props: ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,5 +7,5 @@ type PopoverProps = {
     triggerRef: React.RefObject<HTMLButtonElement>;
 };
 /** Do we really need two different popovers */
-export declare function Popover({ isOpen, onClose, children, className, triggerRef, }: PopoverProps): JSX.Element;
+export declare function Popover({ isOpen, onClose, children, className, triggerRef, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/NavigationMenu/NavigationMenu.d.ts

@@ -23,7 +23,7 @@ export type TriggerProps = PropsWithChildren<{
     open?: boolean;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
 }>;
-declare const Trigger: ({ children }: TriggerProps) => JSX.Element;
+declare const Trigger: ({ children }: TriggerProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * List
  */
@@ -43,13 +43,13 @@ interface ItemProps<T extends React.ElementType> {
     as?: T;
     children?: React.ReactNode;
 }
-export declare function Item<T extends React.ElementType = 'div'>({ as, ...props }: ItemProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof ItemProps<T>>): JSX.Element;
+export declare function Item<T extends React.ElementType = 'div'>({ as, ...props }: ItemProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof ItemProps<T>>): import("react/jsx-runtime").JSX.Element;
 /**
  * Separator
  */
 export declare const Separator: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const NavigationMenu: CompoundedComponent & {
-    Trigger: ({ children }: TriggerProps) => JSX.Element;
+    Trigger: ({ children }: TriggerProps) => import("react/jsx-runtime").JSX.Element;
     List: ({ children, portalIdOverride, }: {
         children: React.ReactNode[];
         portalIdOverride?: string | undefined;
@@ -57,5 +57,5 @@ declare const NavigationMenu: CompoundedComponent & {
     Item: typeof Item;
     Separator: import("styled-components").StyledComponent<"div", any, {}, never>;
 };
-declare const NavigationMenuPortal: () => JSX.Element;
+declare const NavigationMenuPortal: () => import("react/jsx-runtime").JSX.Element;
 export { NavigationMenu, NavigationMenuPortal };

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

@@ -8,5 +8,5 @@ import type { ComponentPropsWithoutRef } from 'react';
 
  */
 export declare const PageHeader: import("styled-components").StyledComponent<"header", any, {}, never>;
-export declare const StickyPageHeader: ({ children, className, }: ComponentPropsWithoutRef<'div'>) => JSX.Element;
+export declare const StickyPageHeader: ({ children, className, }: ComponentPropsWithoutRef<'div'>) => import("react/jsx-runtime").JSX.Element;
 export declare const PageHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -17,5 +17,5 @@ type PaginationProps = {
     className?: string | undefined;
     displayAtMost?: number | undefined;
 };
-export declare function Pagination({ nrOfPages, currentPage, onPrevious, onClick, onNext, className, ariaLabel, displayAtMost, }: PaginationProps): JSX.Element;
+export declare function Pagination({ nrOfPages, currentPage, onPrevious, onClick, onNext, className, ariaLabel, displayAtMost, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

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