@theroutingcompany/components 0.0.25 → 0.0.26-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.25",
+  "version": "0.0.26-alpha.0",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -36,7 +36,9 @@
     "build:components": "vite build",
     "build": "npm run clean && npm run build:components && npm run build:types",
     "chromatic": "npx chromatic --project-token=df154c51409f",
-    "deploy": "npm run chromatic"
+    "deploy": "npm run chromatic",
+    "cy:open": "cypress open",
+    "cy:run": "cypress run"
   },
   "sideEffects": false,
   "license": "UNLICENSED",
@@ -99,7 +101,7 @@
     "@react-types/overlays": "^3.7.2",
     "@react-types/select": "^3.8.1",
     "@tanstack/react-table": "^8.9.1",
-    "@theroutingcompany/design-tokens": "^0.0.3",
+    "@theroutingcompany/design-tokens": "file:../design-tokens",
     "csstype": "^3.1.2"
   },
   "peerDependencies": {
@@ -133,6 +135,7 @@
     "@typescript-eslint/parser": "^5.58.0",
     "@vitejs/plugin-react": "^3.1.0",
     "chromatic": "^6.17.3",
+    "cypress": "^12.14.0",
     "eslint": "^8.38.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-jsx-a11y": "^6.7.1",

package/types/cypress/support/component.d.ts

@@ -0,0 +1,9 @@
+import { mount } from 'cypress/react18';
+import './commands';
+declare global {
+    namespace Cypress {
+        interface Chainable {
+            mount: typeof mount;
+        }
+    }
+}

package/types/cypress.config.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="cypress" />
+declare const _default: Cypress.ConfigOptions<any>;
+export default _default;

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

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

package/types/{components → src/components}/Badge/Badge.d.ts

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

package/types/{components → src/components}/Breadcrumbs/Breadcrumbs.d.ts

@@ -7,7 +7,7 @@ export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<Aria
     children?: ReactNode;
 } & import("react").RefAttributes<HTMLOListElement>>;
 export type BreadcrumbItemProps<ExtraProps = unknown> = RenameMisprefixedProps<AriaBreadcrumbItemProps, 'is', 'isDisabled'> & {
-    LinkComponent?: JSX.Element | "a";
+    LinkComponent?: JSX.Element | 'a';
     href?: string | undefined;
 } & ExtraProps;
 export declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<Omit<AriaBreadcrumbItemProps, "isDisabled"> & {

package/types/{components → src/components}/Button/Button.d.ts

@@ -1,5 +1,7 @@
+import type React from 'react';
 import { type ComponentPropsWithoutRef, type PropsWithChildren } from 'react';
 import { type AriaButtonProps } from '@react-aria/button';
+import type { BoxProps } from 'components/Box/Box';
 import type { Prettify, RenameMisprefixedProps } from '../../helpers';
 type Variant = 'primary' | 'secondary' | 'danger' | 'inverse';
 type Size = 'small' | 'large';
@@ -16,12 +18,14 @@ type ButtonDesignProps = {
     variant?: Variant;
     size?: Size;
 };
-export type ButtonBaseProps = {
-    paddingSize: Size;
+export type ButtonBaseProps = BoxProps & {
+    buttonPadding?: string;
 };
 type ReactAriaProps = RenameMisprefixedProps<AriaButtonProps, 'is', 'isDisabled'>;
 export type ButtonProps = Prettify<PropsWithChildren<ButtonDesignProps & ReactAriaProps & {
+    test?: React.ElementType | null;
+} & {
     onClick?: ReactAriaProps['onPress'];
 } & Pick<ComponentPropsWithoutRef<'button'>, 'form'>>>;
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

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

@@ -0,0 +1,54 @@
+/// <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

@@ -0,0 +1,10 @@
+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/Icon.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type IconBaseProps = {
+    width?: number | string;
+    height?: number | string;
+    size?: number | string;
+    label?: string;
+};
+export type ButtonIconProps = IconBaseProps;
+declare const Icon: React.ForwardRefExoticComponent<IconBaseProps & React.RefAttributes<SVGSVGElement>>;
+export default Icon;

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

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

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

@@ -0,0 +1,6 @@
+/// <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;

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

@@ -0,0 +1,12 @@
+/// <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/Calendar/CalendarGrid.d.ts

@@ -0,0 +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;
+}
+export declare function CalendarGrid<T extends CalendarState | RangeCalendarState>({ state, ...props }: CalendarGridProps<T>): JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+export interface TimeDateSelectProps {
+    children: ReactNode;
+}
+export declare const TimeDateSelect: React.ForwardRefExoticComponent<TimeDateSelectProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimeDateSelectItemProps extends SelectPrimitive.SelectItemProps {
+    children: ReactNode;
+}
+export declare const TimeDateSelectItem: React.ForwardRefExoticComponent<TimeDateSelectItemProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,6 @@
+export * from './CalendarCell';
+export * from './CalendarGrid';
+export * from './CalendarHeader';
+export * from './RangeCalendar';
+export * from './Calendar';
+export * from './TimeDateSelect';

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

@@ -0,0 +1,12 @@
+import type React from 'react';
+export type ConnectProps = {
+    children?: React.ReactNode;
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+    flexChildren?: string;
+};
+declare function Connect(props: ConnectProps): JSX.Element;
+declare namespace Connect {
+    var displayName: string;
+}
+export default Connect;

package/types/{components → src/components}/Flex/Flex.d.ts

@@ -2,7 +2,7 @@ import type { PropsWithChildren } from 'react';
 import type { Property } from 'csstype';
 import { type SpacingToken } from '../../helpers/tokenUtils';
 export type FlexProps = PropsWithChildren<{
-    display?: 'flex' | "inline-flex";
+    display?: 'flex' | 'inline-flex';
     wrap?: Property.FlexWrap;
     direction?: Property.FlexDirection;
     alignItems?: Property.AlignItems;

package/types/{components → src/components}/FormControl/FormControl.d.ts

@@ -21,15 +21,15 @@ export declare const TextAreaFormControl: import("react").ForwardRefExoticCompon
 } & AriaFieldProps & {
     children?: ReactNode;
 } & ComponentPropsWithoutStyles<"textarea"> & {
+    type?: "url" | "search" | "text" | (string & {}) | "tel" | "email" | "password" | undefined;
     label?: ReactNode;
     pattern?: string | undefined;
-    type?: "search" | "text" | (string & {}) | "tel" | "url" | "email" | "password" | undefined;
     name?: string | undefined;
     defaultValue?: string | undefined;
     autoFocus?: boolean | undefined;
     id?: string | undefined;
     placeholder?: string | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
     'aria-describedby'?: string | undefined;
@@ -55,10 +55,10 @@ export declare const TextAreaFormControl: import("react").ForwardRefExoticCompon
     disabled?: boolean | undefined;
     value?: string | undefined;
     autoComplete?: string | undefined;
+    required?: boolean | undefined;
     maxLength?: number | undefined;
     minLength?: number | undefined;
     readOnly?: boolean | undefined;
-    required?: boolean | undefined;
     description?: ReactNode;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
     excludeFromTabOrder?: boolean | undefined;

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

@@ -0,0 +1,11 @@
+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/{components → src/components}/Input/InputBase.d.ts

@@ -1,6 +1,9 @@
+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 InputBaseProps = {
     paddingSize?: InputSize;
+    borderRadius?: InputRadius;
 };
 export declare const InputBase: import("styled-components").StyledComponent<"input", any, InputBaseProps, never>;
 export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { type AriaTextFieldOptions } from '@react-aria/textfield';
+import type { RenameBooleanProps } from '../../../helpers/typeHelpers';
+import { type InputBaseProps, type InputRadius } from '../InputBase';
+type ReactAriaInputProps = Omit<RenameBooleanProps<AriaTextFieldOptions<'input'>>, 'inputElementType'>;
+interface CustomTextInputProps {
+    focus?: boolean | undefined;
+    inputBorderRadius?: InputRadius;
+    connectLeft?: React.ReactNode | null;
+    connectRight?: React.ReactNode | null;
+    className?: string;
+}
+export type TextInputProps = ReactAriaInputProps & InputBaseProps & CustomTextInputProps;
+export declare const TextInput: import("react").ForwardRefExoticComponent<ReactAriaInputProps & InputBaseProps & CustomTextInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/types/{components → src/components}/MultiSelect/MultiSelectListBox.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import type { AriaListBoxOptions } from "@react-aria/listbox";
-import type { MultiSelectState } from "./useMultiSelectState";
+import * as React from 'react';
+import type { AriaListBoxOptions } from '@react-aria/listbox';
+import type { MultiSelectState } from './useMultiSelectState';
 interface ListBoxProps<T> extends AriaListBoxOptions<T> {
     listBoxRef?: React.RefObject<HTMLUListElement>;
     state: MultiSelectState<T>;

package/types/{components → src/components}/Title/Title.d.ts

@@ -3,6 +3,5 @@ export interface TitleProps {
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'legend' | 'figcaption';
     size: 'small' | 'medium' | 'large' | 'xsmall';
 }
-export type PolymorphicTitle = Polymorphic.ForwardRefComponent<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6', // more? span? div?
-TitleProps>;
+export type PolymorphicTitle = Polymorphic.ForwardRefComponent<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6', TitleProps>;
 export declare const Title: PolymorphicTitle;

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

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

package/types/{components → src/components}/index.d.ts

@@ -15,9 +15,9 @@ export * from './FileUpload/FileUpload';
 export * from './Flex/Flex';
 export * from './FormControl/FormControl';
 export * from './Heading/Heading';
-export * from './IconButton/IconButton';
 export * from './Input/NumberInput/NumberInput';
 export * from './Input/TextInput/TextInput';
+export * from './Input/InlineEdit/InlineEdit';
 export * from './Input/TimeInput/TimeInput';
 export * from './Label/Label';
 export * from './MultiSelect/MultiSelect';

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

@@ -1,6 +0,0 @@
-import type { ButtonBaseProps } from './Button';
-export declare const buttonPadding: {
-    readonly small: "0.5rem 0.75rem";
-    readonly large: "0.75rem 1rem";
-};
-export declare const ButtonBase: import("styled-components").StyledComponent<"button", any, ButtonBaseProps, never>;

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

@@ -1,6 +0,0 @@
-export declare const highEmphasisButtons: {
-    readonly primary: import("styled-components").StyledComponent<"button", any, import("../Button").ButtonBaseProps, never>;
-    readonly secondary: import("styled-components").StyledComponent<"button", any, import("../Button").ButtonBaseProps, never>;
-    readonly danger: import("styled-components").StyledComponent<"button", any, import("../Button").ButtonBaseProps, never>;
-    readonly inverse: import("styled-components").StyledComponent<"button", any, import("../Button").ButtonBaseProps, never>;
-};

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

@@ -1,5 +0,0 @@
-export declare const lowEmphasisButtons: {
-    readonly primary: import("styled-components").StyledComponent<"button", any, import("../Button").ButtonBaseProps, never>;
-    readonly danger: import("styled-components").StyledComponent<"button", any, import("../Button").ButtonBaseProps, never>;
-    readonly inverse: import("styled-components").StyledComponent<"button", any, import("../Button").ButtonBaseProps, never>;
-};

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

@@ -1,5 +0,0 @@
-export declare const mediumEmphasisButtons: {
-    readonly primary: import("styled-components").StyledComponent<"button", any, import("../Button").ButtonBaseProps, never>;
-    readonly danger: import("styled-components").StyledComponent<"button", any, import("../Button").ButtonBaseProps, never>;
-    readonly inverse: import("styled-components").StyledComponent<"button", any, import("../Button").ButtonBaseProps, never>;
-};

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

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

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { type DateDuration } from '@internationalized/date';
-import type { RangeCalendarState } from '@react-stately/calendar';
-type CalendarGridProps = {
-    state: RangeCalendarState;
-    offset?: DateDuration;
-    timeZone: string;
-};
-export declare function CalendarGrid({ state, timeZone, offset, }: CalendarGridProps): JSX.Element;
-export {};

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

@@ -1,4 +0,0 @@
-export * from "./CalendarCell";
-export * from "./CalendarGrid";
-export * from "./CalendarHeader";
-export * from "./RangeCalendar";

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

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import { type AriaButtonProps } from '@react-aria/button';
-type Size = 'small' | 'large';
-type Variant = 'primary' | 'secondary' | 'danger' | 'inverse';
-type Shape = 'circle' | 'square';
-export type StyledIconButtonProps = AriaButtonProps & {
-    onClick?: AriaButtonProps['onPress'] | undefined;
-} & {
-    label: string;
-    size?: Size;
-    variant?: Variant;
-    shape?: Shape;
-    disabled?: boolean;
-};
-/** Be sure to add add a `label` prop. Note `aria-label` is already taken care of by the `label` prop.
- * ```jsx
- * <IconButton label="Add new item">
- *   <AddIcon/>
- * </IconButton>
- *
- */
-export declare const IconButton: import("react").ForwardRefExoticComponent<AriaButtonProps<"button"> & {
-    onClick?: AriaButtonProps['onPress'] | undefined;
-} & {
-    label: string;
-    size?: Size | undefined;
-    variant?: Variant | undefined;
-    shape?: Shape | undefined;
-    disabled?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;
-export {};

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

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { type AriaTextFieldOptions } from '@react-aria/textfield';
-import type { RenameBooleanProps } from '../../../helpers/typeHelpers';
-import { type InputBaseProps } from '../InputBase';
-type ReactAriaInputProps = Omit<RenameBooleanProps<AriaTextFieldOptions<'input'>>, 'inputElementType'>;
-export type TextInputProps = ReactAriaInputProps & InputBaseProps;
-/**
- * 1. With custom label element as prop
- * ```jsx
- * <TextInput label={<Label>Label text</Label>} />
- * ```
- *
- * 2. With string label as prop
- * ```jsx
- * <TextInput label="Label text" />
- * ```
- *
- * 3. Wrapped by <label>
- * ```jsx
- * <label>
- *   Label text
- *   <TextInput />
- * </label>
- * ```
- */
-export declare const TextInput: import("react").ForwardRefExoticComponent<ReactAriaInputProps & InputBaseProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};