@theroutingcompany/components 0.0.26-alpha.9 → 0.0.26

package/types/components/RadioGroup/RadioGroup.d.ts

@@ -2,5 +2,5 @@
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 export declare const RadioGroupRadio: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const RadioGroupIndicator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare function RadioGroup({ children, disabled, loop, onValueChange, ...props }: RadioGroupPrimitive.RadioGroupProps): JSX.Element;
-export declare function Radio({ disabled, ...props }: RadioGroupPrimitive.RadioGroupItemProps): JSX.Element;
+export declare function RadioGroup({ children, disabled, loop, onValueChange, ...props }: RadioGroupPrimitive.RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function Radio({ disabled, ...props }: RadioGroupPrimitive.RadioGroupItemProps): import("react/jsx-runtime").JSX.Element;

package/types/components/ReactAriaButton/ReactAriaButton.d.ts

@@ -2,4 +2,4 @@ import { type ComponentPropsWithoutRef } from 'react';
 import { type AriaButtonProps } from '@react-aria/button';
 export type ReactAriaButtonProps = AriaButtonProps & ComponentPropsWithoutRef<'button'>;
 /**  For internal use only! */
-export declare function ReactAriaButton(props: ReactAriaButtonProps): JSX.Element;
+export declare function ReactAriaButton(props: ReactAriaButtonProps): import("react/jsx-runtime").JSX.Element;

package/types/components/Select/Select.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import * as SelectPrimitive from '@radix-ui/react-select';
 export declare const StyledTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare function SelectContent({ children, ...props }: SelectPrimitive.SelectContentProps): JSX.Element;
+export declare function SelectContent({ children, ...props }: SelectPrimitive.SelectContentProps): import("react/jsx-runtime").JSX.Element;
 export declare const Select: import("react").FC<SelectPrimitive.SelectProps>;
 export declare const SelectTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const SelectValue: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
@@ -18,5 +18,5 @@ export declare const SelectScrollDownButton: import("styled-components").StyledC
 type SingleSelectProps = {
     items: string[];
 } & SelectPrimitive.SelectProps;
-export declare function SingleSelect({ items, ...selectProps }: SingleSelectProps): JSX.Element;
+export declare function SingleSelect({ items, ...selectProps }: SingleSelectProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/SingleSelect/SingleSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AriaSelectProps } from '@react-types/select';
 export { Item as SingleSelectItem, Section as SingleSelectSection, } from '@react-stately/collections';
 type SingleSelectProps<T> = AriaSelectProps<T> & {
@@ -8,4 +7,4 @@ type SingleSelectProps<T> = AriaSelectProps<T> & {
 };
 export declare function SingleSelect<T extends object>(props: SingleSelectProps<T> & {
     hideLabel?: boolean | undefined;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/Stack/Stack.d.ts

@@ -6,6 +6,7 @@ export type StackProps = {
     children?: React.ReactNode;
     align?: ResponsiveValue<AlignX>;
     space?: ResponsiveValue<SpacingTokenValues>;
+    addLastSpace?: boolean;
     'data-id'?: string;
 };
 export declare function Stack(props: StackProps): JSX.Element;

package/types/components/Table/Table.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const TableHeader: import("styled-components").StyledComponent<"th", any, {}, never>;
 export declare const TableDataCell: import("styled-components").StyledComponent<"td", any, {}, never>;
 export declare const Table: import("styled-components").StyledComponent<"table", any, {}, never>;
-export declare const TableSortButtons: () => JSX.Element;
+export declare const TableSortButtons: () => import("react/jsx-runtime").JSX.Element;

package/types/components/Title/Title.d.ts

@@ -2,6 +2,9 @@ import type * as Polymorphic from '@radix-ui/react-polymorphic';
 export interface TitleProps {
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'legend' | 'figcaption';
     size: 'small' | 'medium' | 'large' | 'xsmall';
+    weight?: 'light' | 'regular' | 'medium' | 'bold';
+    marginBottom?: string;
+    mb?: string;
 }
 export type PolymorphicTitle = Polymorphic.ForwardRefComponent<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6', TitleProps>;
 export declare const Title: PolymorphicTitle;

package/types/components/Toast/Toast.d.ts

@@ -6,12 +6,12 @@ export declare const ToastClose: import("styled-components").StyledComponent<imp
 export declare const ToastSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SeparatorPrimitive.SeparatorProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 type Sentiment = 'inverse' | 'negative' | 'info';
 export declare const ToastViewport: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ToastPrimitive.ToastViewportProps & import("react").RefAttributes<HTMLOListElement>>, any, {}, never>;
-export declare function ToastProvider({ children, ...props }: ToastPrimitive.ToastProviderProps): JSX.Element;
+export declare function ToastProvider({ children, ...props }: ToastPrimitive.ToastProviderProps): import("react/jsx-runtime").JSX.Element;
 export type ToastProps = PropsWithChildren<{
     sentiment: Sentiment;
     title: string;
     onDismiss?: () => void;
 }> & ToastPrimitive.ToastProps;
 export type ToastActionProps = ToastPrimitive.ToastActionProps;
-export declare function Toast({ title, children, sentiment, onDismiss, ...toastRootProps }: ToastProps): JSX.Element;
+export declare function Toast({ title, children, sentiment, onDismiss, ...toastRootProps }: ToastProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/Tooltip/IconTooltip.d.ts

@@ -4,5 +4,5 @@ type IconTooltipProps = {
     label?: string;
     icon?: ReactNode;
 };
-export declare function IconTooltip({ children, icon, label, }: IconTooltipProps): JSX.Element;
+export declare function IconTooltip({ children, icon, label, }: IconTooltipProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/Tooltip/Tooltip.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export type { TooltipContentProps, TooltipProps, } from '@radix-ui/react-tooltip';
-declare function Content({ children, ...props }: TooltipPrimitive.TooltipContentProps): JSX.Element;
+declare function Content({ children, ...props }: TooltipPrimitive.TooltipContentProps): import("react/jsx-runtime").JSX.Element;
 export declare const TooltipTrigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
 export declare const Tooltip: import("react").FC<TooltipPrimitive.TooltipProps>;

package/types/components/index.d.ts

@@ -16,7 +16,6 @@ export * from './Fieldset/Fieldset';
 export * from './FileUpload/FileUpload';
 export * from './Flex/Flex';
 export * from './FormControl/FormControl';
-export * from './Heading/Heading';
 export * from './Input/NumberInput/NumberInput';
 export * from './Input/TextInput/TextInput';
 export * from './Input/InlineEdit/InlineEdit';

package/types/helpers/typeHelpers.d.ts

@@ -86,4 +86,5 @@ export type LinkActionProps = {
 };
 export type ClickHandler = MouseEventHandler<HTMLButtonElement>;
 export type FocusHandler = FocusEventHandler<HTMLButtonElement>;
+export type TODOFIXME = any;
 export {};

package/types/styles/index.d.ts

@@ -1,34 +1 @@
 export declare const buttonReset = "\n  border: none;\n  margin: 0;\n  padding: 0;\n  overflow: visible;\n  width: auto;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  -webkit-appearance: none;\n\n  &::-moz-focus-inner {\n    border: 0;\n    padding: 0;\n  }\n";
-export declare const visuallyHidden = "\n  border: 0 !important;\n  clip: rect(1px, 1px, 1px, 1px) !important;\n  clip-path: inset(50%) !important;\n  height: 1px !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  padding: 0 !important;\n  position: absolute !important;\n  width: 1px !important;\n  word-wrap: normal !important;\n";
-type FocusOutline = {
-    /**
-     * Color of the focus ring. Defaults to color_blue_700.
-     */
-    color?: string;
-    /**
-     * CSS selector to target the pseudo-element with the ring. Defaults to '&:focus'.
-     */
-    modifier?: string;
-    /**
-     * Pixel offset of the focus ring. Defaults to '3px'.
-     */
-    offset?: string;
-    /**
-     * Border radius of the focus ring. Defaults to borderRadius_200.
-     */
-    radius?: string;
-};
-/**
- * Creates focus styles on an :after pseudo-element.
- * @param string Color of the focus ring. Defaults to color_blue_700.
- * @param modifier CSS selector to target the pseudo-element with the ring, defaults to '&:focus'
- * @param offset Pixel offset of the focus ring. Defaults to '3px'.
- * @param radius Border radius of the focus ring. Defaults to borderRadius_200.
- *
- * @example
- * const Styled = styled.div`
- *   ${focusOutline({ color: 'gray', modifier: '&:focus-within' })}
- * `;
- */
-export declare const focusOutline: ({ modifier, offset, }?: FocusOutline) => string;
-export {};

package/types/components/Heading/Heading.d.ts

@@ -1,10 +0,0 @@
-import type * as Polymorphic from '@radix-ui/react-polymorphic';
-type HeadingProps = {
-    size: 'small' | 'medium' | 'large';
-    className: never;
-    style: never;
-};
-type PolymorphicHeading = Polymorphic.ForwardRefComponent<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6', // more? span? div?
-HeadingProps>;
-export declare const Heading: PolymorphicHeading;
-export {};

package/types/components/SegmentControl/SegmentControl.d.ts

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