@theroutingcompany/components 0.0.21 → 0.0.22-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.21",
+  "version": "0.0.22-alpha.2",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -57,6 +57,7 @@
     "@radix-ui/react-tooltip": "^1.0.5",
     "@react-aria/breadcrumbs": "^3.5.1",
     "@react-aria/button": "^3.7.1",
+    "@react-aria/calendar": "^3.2.0",
     "@react-aria/combobox": "^3.6.0",
     "@react-aria/datepicker": "^3.4.0",
     "@react-aria/dnd": "^3.2.0",
@@ -75,6 +76,7 @@
     "@react-aria/selection": "^3.14.0",
     "@react-aria/textfield": "^3.9.1",
     "@react-aria/utils": "^3.16.0",
+    "@react-stately/calendar": "^3.2.0",
     "@react-stately/collections": "^3.7.0",
     "@react-stately/combobox": "^3.5.0",
     "@react-stately/datepicker": "^3.4.0",
@@ -86,7 +88,9 @@
     "@react-stately/searchfield": "^3.4.1",
     "@react-stately/select": "^3.5.0",
     "@react-stately/selection": "^3.13.0",
+    "@react-types/calendar": "^3.2.0",
     "@react-types/combobox": "^3.6.1",
+    "@react-types/datepicker": "^3.3.0",
     "@react-types/overlays": "^3.7.1",
     "@react-types/select": "^3.8.0",
     "@tanstack/react-table": "^8.8.5",

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

@@ -105,11 +105,11 @@ export declare const Box: import("styled-components").StyledComponent<"div", any
     pb?: RemoveVendorProperties<Property.PaddingBottom<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
     /** padding-left */
     pl?: RemoveVendorProperties<Property.PaddingLeft<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900">> | undefined;
-    borderRadius?: Property.BorderRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
-    borderTopLeftRadius?: Property.BorderTopLeftRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
-    borderTopRightRadius?: Property.BorderTopRightRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
-    borderBottomLeftRadius?: Property.BorderBottomLeftRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
-    borderBottomRightRadius?: Property.BorderBottomRightRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | 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;
     /** box-shadow */
     elevation?: ElevationToken | undefined;
     flexShrink?: RemoveVendorProperties<Property.FlexShrink> | undefined;

package/types/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -13,6 +13,6 @@ export type BreadcrumbItemProps<ExtraProps = unknown> = RenameMisprefixedProps<A
 export declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<Omit<AriaBreadcrumbItemProps, "isDisabled"> & {
     disabled?: boolean | undefined;
 } & {
-    LinkComponent?: "a" | JSX.Element | undefined;
+    LinkComponent?: JSX.Element | "a" | undefined;
     href?: string | undefined;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

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

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

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

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

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

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

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

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

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

@@ -37,11 +37,11 @@ export declare const Flex: import("styled-components").StyledComponent<"div", an
     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<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
-    borderTopLeftRadius?: Property.BorderTopLeftRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
-    borderTopRightRadius?: Property.BorderTopRightRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
-    borderBottomLeftRadius?: Property.BorderBottomLeftRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
-    borderBottomRightRadius?: Property.BorderBottomRightRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | 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;

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

@@ -23,13 +23,13 @@ export declare const TextAreaFormControl: import("react").ForwardRefExoticCompon
 } & ComponentPropsWithoutStyles<"textarea"> & {
     label?: ReactNode;
     pattern?: string | undefined;
-    type?: "text" | (string & {}) | "search" | "tel" | "url" | "email" | "password" | 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?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
     'aria-describedby'?: string | undefined;

package/types/components/index.d.ts

@@ -1,36 +1,37 @@
-export * from './AlertDialog/AlertDialog';
 export * from './AccessibleIcon/AccessibleIcon';
+export * from './AlertDialog/AlertDialog';
 export * from './Badge/Badge';
 export * from './Box/Box';
 export * from './Breadcrumbs/Breadcrumbs';
 export * from './Button/Button';
+export * from './Calendar';
 export * from './Button/ButtonBase';
 export * from './Checkbox/Checkbox';
-export * from './DropdownMenu/DropdownMenu';
 export * from './Dialog/Dialog';
-export * from './Flex/Flex';
+export * from './DropdownMenu/DropdownMenu';
 export * from './Fieldset/Fieldset';
 export * from './FileUpload/FileUpload';
+export * from './Flex/Flex';
 export * from './FormControl/FormControl';
 export * from './Heading/Heading';
-export * from './NavigationMenu/NavigationMenu';
 export * from './IconButton/IconButton';
 export * from './Input/NumberInput/NumberInput';
 export * from './Input/TextInput/TextInput';
+export * from './Input/TimeInput/TimeInput';
 export * from './Label/Label';
-export * from './Tabs/Tabs';
-export * from './Toast/Toast';
+export * from './MultiSelect/MultiSelect';
+export * from './NavigationMenu/NavigationMenu';
 export * from './Page/Page';
 export * from './Page/PageHeader';
 export * from './Paginator/Paginator';
 export * from './Popover/Popover';
 export * from './RadioGroup/RadioGroup';
 export * from './Search/Search';
+export * from './SingleSelect/SingleSelect';
 export * from './Switch/Switch';
+export * from './Tabs/Tabs';
 export * from './Text/Text';
 export * from './Title/Title';
-export * from './Tooltip/Tooltip';
-export * from './MultiSelect/MultiSelect';
-export * from './SingleSelect/SingleSelect';
-export * from './Input/TimeInput/TimeInput';
+export * from './Toast/Toast';
 export * from './Tooltip/IconTooltip';
+export * from './Tooltip/Tooltip';