@ryanodd/design-system 0.1.0-dev9 → 0.2.0

package/dist/esm/index.d.ts

@@ -4,6 +4,7 @@ import { ComponentType } from 'react';
 import { DetailedHTMLProps } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixMenuButton from '@radix-ui/react-dropdown-menu';
@@ -11,7 +12,9 @@ import * as RadixToast from '@radix-ui/react-toast';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
+import * as Select from '@radix-ui/react-select';
 import { SVGProps } from 'react';
+import { TextareaHTMLAttributes } from 'react';
 
 export declare const ArrowLeft: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
 size?: (typeof iconSizes)[number];
@@ -21,6 +24,13 @@ export declare const ArrowRight: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGE
 size?: (typeof iconSizes)[number];
 } & RefAttributes<SVGSVGElement>>;
 
+export declare const Badge: ({ variant, size, className, ...props }: BadgeProps) => JSX.Element;
+
+export declare type BadgeProps = React.HTMLAttributes<HTMLDivElement> & {
+    variant?: "neutral" | "success" | "warning" | "error" | "brand";
+    size?: "sm" | "md" | "lg";
+};
+
 export declare const Button: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Props & RefAttributes<HTMLButtonElement>>;
 
 export declare type ButtonProps = ComponentPropsWithoutRef<"button"> & Props;
@@ -87,6 +97,13 @@ export declare type DialogSize = typeof dialogSizes[number];
 
 export declare const dialogSizes: string[];
 
+export declare const EmptyState: ({ title, description, ...props }: EmptyStateProps) => JSX.Element;
+
+export declare type EmptyStateProps = React.HTMLAttributes<HTMLDivElement> & {
+    title: string;
+    description?: string;
+};
+
 export declare const ExternalLink: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
 size?: (typeof iconSizes)[number];
 } & RefAttributes<SVGSVGElement>>;
@@ -188,6 +205,10 @@ export declare const Inbox: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElemen
 size?: (typeof iconSizes)[number];
 } & RefAttributes<SVGSVGElement>>;
 
+export declare const Input: ForwardRefExoticComponent<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & Props_2 & RefAttributes<HTMLInputElement>>;
+
+export declare type InputProps = ComponentPropsWithoutRef<"input"> & Props_2;
+
 export declare const Kebab: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
 size?: (typeof iconSizes)[number];
 } & RefAttributes<SVGSVGElement>>;
@@ -242,9 +263,20 @@ export declare const Plus: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement
 size?: (typeof iconSizes)[number];
 } & RefAttributes<SVGSVGElement>>;
 
+export declare const Popover: ({ trigger, title, size, popoverContent, ...props }: PopoverProps) => JSX.Element;
+
+export declare type PopoverProps = {
+    trigger: ReactNode;
+    title?: string;
+    size?: PopoverSize;
+    popoverContent: ReactNode;
+} & React.HTMLAttributes<HTMLDivElement>;
+
+export declare type PopoverSize = "sm" | "md" | "lg";
+
 declare type Props = {
     children?: ReactNode;
-    size?: "small" | "medium" | "large";
+    size?: "sm" | "md" | "lg";
     variant?: "primary" | "secondary" | "destructive" | "tertiary";
     loading?: boolean;
     iconOnly?: boolean;
@@ -260,6 +292,37 @@ declare type Props = {
     trailingIcon?: keyof typeof IconMap;
 };
 
+declare type Props_2 = {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    startIcon?: keyof typeof IconMap;
+    endIcon?: keyof typeof IconMap;
+};
+
+declare type Props_3 = {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    placeholder?: string;
+    children?: ReactNode;
+};
+
+declare type Props_4 = {
+    label?: string;
+    error?: string;
+    helperText?: string;
+};
+
+export declare const SelectInput: {
+    ({ label, error, helperText, placeholder, children, ...props }: SelectInputProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectInputProps = ComponentPropsWithoutRef<typeof Select.Root> & Props_3;
+
+export declare const SelectItem: ForwardRefExoticComponent<Omit<Select.SelectItemProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
+
 export declare const Signpost: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
 size?: (typeof iconSizes)[number];
 } & RefAttributes<SVGSVGElement>>;
@@ -284,6 +347,10 @@ export declare const SunMoon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElem
 size?: (typeof iconSizes)[number];
 } & RefAttributes<SVGSVGElement>>;
 
+export declare const TextArea: ForwardRefExoticComponent<Omit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & Props_4 & RefAttributes<HTMLTextAreaElement>>;
+
+export declare type TextAreaProps = ComponentPropsWithoutRef<"textarea"> & Props_4;
+
 export declare const Toast: ForwardRefExoticComponent<RadixToast.ToastProps & {
 toastTitle: ReactNode;
 toastDescription?: ReactNode;