@theroutingcompany/components 0.0.73-alpha.3 → 0.0.74-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.73-alpha.3",
+  "version": "0.0.74-alpha.1",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -50,7 +50,6 @@
     "@radix-ui/react-accessible-icon": "^1.0.3",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-alert-dialog": "^1.0.4",
-    "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-dialog": "^1.0.4",
     "@radix-ui/react-dropdown-menu": "^2.0.5",
@@ -67,8 +66,9 @@
     "@react-aria/breadcrumbs": "^3.5.2",
     "@react-aria/button": "^3.7.2",
     "@react-aria/calendar": "^3.3.0",
+    "@react-aria/checkbox": "^3.14.1",
     "@react-aria/combobox": "^3.6.1",
-    "@react-aria/datepicker": "^3.9.3",
+    "@react-aria/datepicker": "^3.4.1",
     "@react-aria/dnd": "^3.2.1",
     "@react-aria/focus": "^3.12.1",
     "@react-aria/i18n": "^3.7.2",
@@ -88,7 +88,7 @@
     "@react-stately/calendar": "^3.2.1",
     "@react-stately/collections": "^3.8.0",
     "@react-stately/combobox": "^3.5.1",
-    "@react-stately/datepicker": "^3.9.2",
+    "@react-stately/datepicker": "^3.4.1",
     "@react-stately/list": "^3.8.1",
     "@react-stately/menu": "^3.5.2",
     "@react-stately/numberfield": "^3.4.2",
@@ -97,10 +97,11 @@
     "@react-stately/searchfield": "^3.4.2",
     "@react-stately/select": "^3.5.1",
     "@react-stately/selection": "^3.13.1",
+    "@react-stately/toggle": "^3.7.2",
     "@react-stately/tree": "^3.7.6",
     "@react-types/calendar": "^3.2.1",
     "@react-types/combobox": "^3.6.2",
-    "@react-types/datepicker": "^3.7.2",
+    "@react-types/datepicker": "^3.3.1",
     "@react-types/overlays": "^3.7.2",
     "@react-types/select": "^3.8.1",
     "@styled-system/prop-types": "^5.1.2",

package/types/components/Accordion/Accordion.d.ts

@@ -1,6 +1,6 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { AccordionItemProps } from '@radix-ui/react-accordion';
-import { CSSProperties, type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export declare const SectionTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
 export interface SectionHeaderProps extends AccordionPrimitive.AccordionHeaderProps {
     children: ReactNode;
@@ -11,9 +11,8 @@ export declare function SectionHeader({ children, icon, bold, ...rest }: Section
 type SectionItemProps = {
     children: ReactNode;
     includeBottomDivider?: boolean;
-    style: CSSProperties;
 } & AccordionItemProps;
-export declare function SectionItem({ children, includeBottomDivider, style, ...rest }: SectionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SectionItem({ children, includeBottomDivider, ...rest }: SectionItemProps): import("react/jsx-runtime").JSX.Element;
 export interface AccordionProps {
     children: ReactNode;
     type: 'multiple' | 'single';

package/types/components/Checkbox/Checkbox.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-export type CheckedState = CheckboxPrimitive.CheckedState;
-export type CheckboxProps = Omit<CheckboxPrimitive.CheckboxProps, 'defaultChecked'> & {
-    invalid?: boolean;
-};
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps, "defaultChecked"> & {
-    invalid?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+import { type AriaCheckboxProps } from '@react-aria/checkbox';
+export interface CheckboxProps extends AriaCheckboxProps {
+    dir?: 'ltr' | 'rtl';
+    children?: React.ReactNode;
+    onClick?: (e: React.MouseEvent) => void;
+}
+export declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

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

@@ -0,0 +1 @@
+export * from './Checkbox';

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

@@ -33,7 +33,7 @@ export declare const TextAreaFormControl: import("react").ForwardRefExoticCompon
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-errormessage'?: string | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
     'aria-label'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;

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

@@ -1,11 +1,8 @@
 import { CalendarDateTime } from '@internationalized/date';
-import type { AriaDateFieldOptions } from '@react-aria/datepicker';
-import type { DateFieldStateOptions } from '@react-stately/datepicker';
 export declare const DateField: import("styled-components").StyledComponent<"div", any, {
     paddingSize: string;
-    invalid?: boolean | undefined;
 }, never>;
-export type DateInputProps = {
+export interface DateInputProps {
     defaultValue?: CalendarDateTime;
     date?: Date;
     label?: string;
@@ -13,5 +10,5 @@ export type DateInputProps = {
     granularity?: 'day' | 'hour' | 'minute';
     order?: string[];
     paddingSize?: string;
-} & AriaDateFieldOptions<CalendarDateTime> & Omit<DateFieldStateOptions<CalendarDateTime>, 'locale' | 'createCalendar'>;
+}
 export declare function DateInput({ granularity, paddingSize, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,17 +1,17 @@
 import { type BoxProps } from 'components/Box';
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 import type { ComponentPropsWithoutStyles } from '../../helpers/typeHelpers';
 export interface LabelProps extends ComponentPropsWithoutStyles<'label'>, Omit<BoxProps, 'color'> {
     size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
     bold?: boolean;
-    /** Screen Reader Only */
     srOnly?: boolean;
-    display?: 'flex' | 'inline-flex' | 'inline' | 'block' | undefined;
+    display?: 'flex' | 'inline-flex' | 'inline' | 'block';
+    flexDirection?: 'row' | 'row-reverse';
     children: ReactNode;
     as?: 'legend' | 'span' | undefined;
-    style?: Record<string, any>;
+    style?: CSSProperties;
     color?: string;
-    pointer?: boolean;
+    pointer?: boolean | string;
 }
-export declare function Label({ children, bold, size, display, pointer, srOnly, style, color, ...remainingProps }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Label({ children, bold, size, display, flexDirection, pointer, srOnly, style, color, ...remainingProps }: LabelProps): import("react/jsx-runtime").JSX.Element;
 export default Label;