@theroutingcompany/components 0.0.26-alpha.1 → 0.0.26-alpha.11

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

@@ -1,54 +0,0 @@
-/// <reference types="react" />
-export declare const buttonPadding: {
-    readonly small: "0.5rem 0.75rem";
-    readonly large: "0.75rem 1rem";
-};
-export declare const ButtonBase: import("styled-components").StyledComponent<"div", any, {
-    display?: "none" | "inline" | "block" | "inline-block" | "contents" | undefined;
-    position?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.Position> | undefined;
-    top?: import("csstype").Property.Top<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
-    bottom?: import("csstype").Property.Bottom<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
-    left?: import("csstype").Property.Left<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
-    right?: import("csstype").Property.Right<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
-    zIndex?: import("csstype").Property.ZIndex | undefined;
-    w?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.Width<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    minW?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.MinWidth<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    maxW?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.MaxWidth<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    h?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.Height<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    minH?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.MinHeight<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    maxH?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.MaxHeight<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    m?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.Margin<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    mt?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.MarginTop<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    mb?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.MarginBottom<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    ml?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.MarginLeft<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    mr?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.MarginRight<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    p?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.Padding<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    pt?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.PaddingTop<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    pr?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.PaddingRight<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    pb?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.PaddingBottom<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    pl?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.PaddingLeft<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    borderRadius?: import("csstype").Property.BorderRadius<"circle" | "0" | "400" | "100" | "200" | "800" | "pill"> | undefined;
-    borderTopLeftRadius?: import("csstype").Property.BorderTopLeftRadius<"circle" | "0" | "400" | "100" | "200" | "800" | "pill"> | undefined;
-    borderTopRightRadius?: import("csstype").Property.BorderTopRightRadius<"circle" | "0" | "400" | "100" | "200" | "800" | "pill"> | undefined;
-    borderBottomLeftRadius?: import("csstype").Property.BorderBottomLeftRadius<"circle" | "0" | "400" | "100" | "200" | "800" | "pill"> | undefined;
-    borderBottomRightRadius?: import("csstype").Property.BorderBottomRightRadius<"circle" | "0" | "400" | "100" | "200" | "800" | "pill"> | undefined;
-    elevation?: import("../../helpers/tokenUtils").ElevationToken | undefined;
-    flexShrink?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.FlexShrink> | undefined;
-    flexGrow?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.FlexGrow> | undefined;
-    flexBasis?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.FlexBasis<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    flex?: import("csstype").Property.Flex<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500"> | undefined;
-    alignSelf?: import("csstype").Property.AlignSelf | undefined;
-    order?: import("csstype").Property.Order | undefined;
-    border?: import("csstype").Property.Border<0 | (string & {})> | undefined;
-    borderColor?: import("csstype").Property.BorderColor | undefined;
-    borderWidth?: import("csstype").Property.BorderWidth<0 | (string & {})> | undefined;
-    bg?: import("csstype").Property.Background<0 | (string & {})> | undefined;
-    bgColor?: import("csstype").Property.BackgroundColor | undefined;
-    opacity?: import("csstype").Property.Background<0 | (string & {})> | undefined;
-    color?: import("csstype").Property.Color | undefined;
-    overflow?: import("../../helpers/tokenUtils").RemoveVendorProperties<import("csstype").Property.Overflow> | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    buttonPadding?: string | undefined;
-}, never>;

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

@@ -1,10 +0,0 @@
-import type React from 'react';
-export type ButtonGroupProps = {
-    className?: string;
-    children?: React.ReactNode;
-};
-declare const Group: {
-    ({ children, className }: ButtonGroupProps): JSX.Element;
-    displayName: string;
-};
-export default Group;

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

@@ -1 +0,0 @@
-export declare const group: () => string;

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { type CalendarDate } from '@internationalized/date';
-import type { CalendarState, RangeCalendarState } from '@react-stately/calendar';
-type CalendarCellProps<T> = {
-    state: T;
-    date: CalendarDate;
-    currentMonth: CalendarDate;
-    disabled?: boolean | undefined;
-    today: CalendarDate;
-};
-export declare function CalendarCell<T extends CalendarState | RangeCalendarState>({ state, date, today, disabled, currentMonth, }: CalendarCellProps<T>): JSX.Element;
-export {};

package/types/src/components/Flex/Flex.d.ts

@@ -1,73 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import type { Property } from 'csstype';
-import { type SpacingToken } from '../../helpers/tokenUtils';
-export type FlexProps = PropsWithChildren<{
-    display?: 'flex' | 'inline-flex';
-    wrap?: Property.FlexWrap;
-    direction?: Property.FlexDirection;
-    alignItems?: Property.AlignItems;
-    alignContent?: Property.AlignContent;
-    justifyContent?: Property.JustifyContent;
-    flow?: Property.FlexFlow;
-    gap?: Property.Gap<SpacingToken>;
-    columnGap?: Property.ColumnGap<SpacingToken>;
-    rowGap?: Property.RowGap<SpacingToken>;
-}>;
-export declare const Flex: import("styled-components").StyledComponent<"div", any, {
-    display?: "none" | "inline" | "block" | "inline-block" | "contents" | undefined;
-    position?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.Position> | undefined;
-    top?: Property.Top<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
-    bottom?: Property.Bottom<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
-    left?: Property.Left<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
-    right?: Property.Right<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
-    zIndex?: Property.ZIndex | undefined;
-    w?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.Width<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    minW?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.MinWidth<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    maxW?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.MaxWidth<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    h?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.Height<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    minH?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.MinHeight<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    maxH?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.MaxHeight<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    m?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.Margin<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    mt?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.MarginTop<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    mb?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.MarginBottom<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    ml?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.MarginLeft<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    mr?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.MarginRight<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    p?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.Padding<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    pt?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.PaddingTop<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    pr?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.PaddingRight<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    pb?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.PaddingBottom<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    pl?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.PaddingLeft<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    borderRadius?: Property.BorderRadius<"circle" | "0" | "400" | "100" | "200" | "800" | "pill"> | undefined;
-    borderTopLeftRadius?: Property.BorderTopLeftRadius<"circle" | "0" | "400" | "100" | "200" | "800" | "pill"> | undefined;
-    borderTopRightRadius?: Property.BorderTopRightRadius<"circle" | "0" | "400" | "100" | "200" | "800" | "pill"> | undefined;
-    borderBottomLeftRadius?: Property.BorderBottomLeftRadius<"circle" | "0" | "400" | "100" | "200" | "800" | "pill"> | undefined;
-    borderBottomRightRadius?: Property.BorderBottomRightRadius<"circle" | "0" | "400" | "100" | "200" | "800" | "pill"> | undefined;
-    elevation?: import("../../helpers/tokenUtils").ElevationToken | undefined;
-    flexShrink?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.FlexShrink> | undefined;
-    flexGrow?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.FlexGrow> | undefined;
-    flexBasis?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.FlexBasis<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500">> | undefined;
-    flex?: Property.Flex<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500"> | undefined;
-    alignSelf?: Property.AlignSelf | undefined;
-    order?: Property.Order | undefined;
-    border?: Property.Border<0 | (string & {})> | undefined;
-    borderColor?: Property.BorderColor | undefined;
-    borderWidth?: Property.BorderWidth<0 | (string & {})> | undefined;
-    bg?: Property.Background<0 | (string & {})> | undefined;
-    bgColor?: Property.BackgroundColor | undefined;
-    opacity?: Property.Background<0 | (string & {})> | undefined;
-    color?: Property.Color | undefined;
-    overflow?: import("../../helpers/tokenUtils").RemoveVendorProperties<Property.Overflow> | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    display?: "flex" | "inline-flex" | undefined;
-    wrap?: Property.FlexWrap | undefined;
-    direction?: Property.FlexDirection | undefined;
-    alignItems?: Property.AlignItems | undefined;
-    alignContent?: Property.AlignContent | undefined;
-    justifyContent?: Property.JustifyContent | undefined;
-    flow?: Property.FlexFlow | undefined;
-    gap?: Property.Gap<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
-    columnGap?: Property.ColumnGap<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
-    rowGap?: Property.RowGap<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
-}, never>;

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

@@ -1,11 +0,0 @@
-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>;
-interface CustomProps {
-    children: ReactNode;
-    defaultValue?: string;
-    padding?: string;
-    placeholder?: string;
-}
-export type InlineEditProps = CustomProps;
-export declare const InlineEdit: import("react").ForwardRefExoticComponent<CustomProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export { Time } from '@internationalized/date';
-export declare function TimeInput(props: any): JSX.Element;

package/types/src/components/Tokens/Tokens.cy.d.ts

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

package/types/src/helpers/typeHelpers.d.ts

@@ -1,27 +0,0 @@
-import type { ComponentPropsWithoutRef, ElementType } from 'react';
-declare module 'csstype' {
-    interface Properties {
-        [index: `--${string}`]: string | number | undefined;
-    }
-}
-export type Falsy = '' | 0 | false | null | undefined;
-/** Util for filtering arrays with type guard to remove falsy values from the type */
-export declare function typedBoolean<T>(value: T): value is Exclude<T, Falsy>;
-/** Utility type to get pretty readout of all of the members of an intersection. TS Quirk */
-export type Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-export type ComponentPropsWithoutStyles<E extends ElementType> = Omit<ComponentPropsWithoutRef<E>, 'style'>;
-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> & {
-    [S in MisnamedKeys as RemovePrefix<S, Prefix>]?: InputProps[S];
-};
-type RemoveSuffix<S extends string, Suffix extends string = 'Value'> = S extends `${infer R}${Suffix}` ? Uncapitalize<R> : never;
-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];
-};
-/** Get a type warning when an `errorMessage` is passed without a `validationState` prop. */
-type MisprefixedBooleanProps = 'isDisabled' | 'isRequired' | 'isReadOnly';
-/** 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 {};