@still-forest/canopy 0.42.1 → 0.44.0

package/dist/index.d.ts

@@ -98,6 +98,16 @@ export declare interface BreadcrumbType {
     to?: string;
 }
 
+export declare const BulletList: BulletListComponent;
+
+declare type BulletListComponent = React.FC<BulletListProps> & {
+    Item: React.FC<BulletListItemProps>;
+};
+
+declare type BulletListItemProps = ComponentProps<typeof Text_2>;
+
+declare type BulletListProps = ComponentProps<"ul">;
+
 export declare const Button: ({ label, children, onClick, variant, size, icon, asIcon, disabled, className, type, asChild, full, fit, rounded, ...rest }: ButtonProps) => JSX.Element;
 
 declare function Button_2({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
@@ -179,7 +189,7 @@ declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div"
 
 declare type CardTitleProps = React.ComponentProps<typeof CardTitle>;
 
-export declare const Checkbox: ({ label, name, value, checked, onCheckedChange }: CheckboxProps) => JSX.Element;
+export declare const Checkbox: ({ label, name, value, checked, onCheckedChange, note, error }: CheckboxProps) => JSX.Element;
 
 export declare interface CheckboxProps {
     label: string;
@@ -187,6 +197,8 @@ export declare interface CheckboxProps {
     value?: string;
     checked: boolean;
     onCheckedChange?: (checked: boolean) => void;
+    note?: string;
+    error?: string;
 }
 
 export declare function cn(...inputs: ClassValue[]): string;
@@ -430,9 +442,12 @@ declare const HEIGHTS: readonly [...string[], "auto", "full", "min", "max", "fit
 
 export declare const Input: ({ type, step, ...props }: InputProps) => JSX.Element;
 
-export declare const InputError: ({ message }: {
+export declare const InputError: ({ id, message }: InputErrorProps) => JSX.Element;
+
+declare interface InputErrorProps {
+    id?: string;
     message: string;
-}) => JSX.Element;
+}
 
 export declare const InputGroup: InputGroupComponent;
 
@@ -593,7 +608,7 @@ export declare const MenuItemText: ({ children }: {
     children: React.ReactNode;
 }) => JSX.Element;
 
-export declare const Modal: ({ trigger, children, title, description, open, onOpenChange }: Props_2) => JSX.Element;
+export declare const Modal: ({ trigger, children, title, description, open, onOpenChange, ariaDescription }: Props_2) => JSX.Element;
 
 /**
  + * A specialized input component for numeric values.
@@ -672,6 +687,7 @@ declare interface Props_2 {
     description?: string;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
+    ariaDescription?: string;
 }
 
 declare interface Props_3 {
@@ -704,10 +720,9 @@ declare const ROUNDED_SIZES: readonly ["none", "xs", "sm", "md", "lg", "xl", "2x
 
 declare type RoundedSize = (typeof ROUNDED_SIZES)[number];
 
-export declare const SelectInput: ({ name, defaultValue, options: optionsProp, label, placeholder, note, className, value, onValueChange, error, emptyOptionLabel, size, ...props }: SelectInputProps) => JSX.Element;
+export declare const SelectInput: ({ name, defaultValue, options, label, placeholder, note, className, value, onChange, error, size, id: idProp, ...props }: SelectInputProps) => JSX.Element;
 
 export declare interface SelectInputOption {
-    icon?: string;
     value: string;
     label: string;
 }
@@ -717,39 +732,44 @@ export declare interface SelectInputOptionGroup {
     options: SelectInputOption[];
 }
 
-export declare interface SelectInputProps extends Omit<React.ComponentProps<"select">, "dir" | "size"> {
+export declare interface SelectInputProps extends Omit<ComponentProps<"select">, "dir" | "size" | "onChange"> {
     name: string;
     value?: string;
-    onValueChange: (value: string) => void;
+    onChange: (value: string) => void;
     options: SelectInputOption[] | SelectInputOptionGroup[];
     label?: string;
     placeholder?: string;
     note?: string;
     className?: string;
     error?: string;
-    emptyOptionLabel?: string;
     size?: "xs" | "sm" | "md" | "lg" | "xl";
 }
 
-export declare const SelectPicker: ({ options: optionGroups, value, placeholder, className, onSelect, renderSelected, }: SelectPickerProps) => JSX.Element;
+export declare const SelectPicker: ({ options, value, placeholder, onChange, label, name, note, error, renderSelected, }: SelectPickerProps) => JSX.Element;
 
 export declare interface SelectPickerOption {
     icon?: string;
-    value: string;
     label: string;
+    value: SelectPickerOptionValue;
+    keywords?: string[];
 }
 
 export declare interface SelectPickerOptionGroup {
-    label: string;
+    label?: string;
     options: SelectPickerOption[];
 }
 
+export declare type SelectPickerOptionValue = string;
+
 export declare interface SelectPickerProps {
-    options: SelectPickerOptionGroup[];
-    onSelect: (selected: string) => void;
+    name: string;
     value?: string;
+    onChange: (value: string) => void;
+    options: SelectPickerOption[] | SelectPickerOptionGroup[];
+    label?: string;
     placeholder?: string;
-    className?: string;
+    note?: string;
+    error?: string;
     renderSelected?: (selected: SelectPickerOption) => React.ReactNode;
 }
 
@@ -980,6 +1000,69 @@ export declare interface ThemeSelectorProps {
     buttonClassName?: string;
 }
 
+export declare const Timeline: TimelineComponent;
+
+declare function Timeline_2({ defaultValue, value, onValueChange, orientation, className, ...props }: TimelineProps_2): JSX.Element;
+
+declare type TimelineComponent = React.FC<TimelineProps> & {
+    Item: React.FC<TimelineItemProps>;
+    Header: React.FC<TimelineHeaderProps>;
+    Separator: React.FC<TimelineSeparatorProps>;
+    Date: React.FC<TimelineDateProps>;
+    Title: React.FC<TimelineTitleProps>;
+    Indicator: React.FC<TimelineIndicatorProps>;
+    Content: React.FC<TimelineContentProps>;
+};
+
+declare function TimelineContent({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
+
+declare type TimelineContentProps = React.ComponentProps<typeof TimelineContent>;
+
+declare function TimelineDate({ asChild, className, ...props }: TimelineDateProps_2): JSX.Element;
+
+declare type TimelineDateProps = React.ComponentProps<typeof TimelineDate>;
+
+declare interface TimelineDateProps_2 extends React_2.HTMLAttributes<HTMLTimeElement> {
+    asChild?: boolean;
+}
+
+declare function TimelineHeader({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
+
+declare type TimelineHeaderProps = React.ComponentProps<typeof TimelineHeader>;
+
+declare function TimelineIndicator({ asChild, className, children, ...props }: TimelineIndicatorProps_2): JSX.Element;
+
+declare type TimelineIndicatorProps = React.ComponentProps<typeof TimelineIndicator>;
+
+declare interface TimelineIndicatorProps_2 extends React_2.HTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+}
+
+declare function TimelineItem({ step, className, ...props }: TimelineItemProps_2): JSX.Element;
+
+declare type TimelineItemProps = React.ComponentProps<typeof TimelineItem>;
+
+declare interface TimelineItemProps_2 extends React_2.HTMLAttributes<HTMLDivElement> {
+    step: number;
+}
+
+export declare type TimelineProps = React.ComponentProps<typeof Timeline_2> & {
+    children: ReactNode;
+};
+
+declare interface TimelineProps_2 extends React_2.HTMLAttributes<HTMLDivElement> {
+    defaultValue?: number;
+    value?: number;
+    onValueChange?: (value: number) => void;
+    orientation?: "horizontal" | "vertical";
+}
+
+declare function TimelineSeparator({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
+
+declare type TimelineSeparatorProps = React.ComponentProps<typeof TimelineSeparator>;
+
+declare type TimelineTitleProps = React.ComponentProps<typeof Heading>;
+
 export declare const Tooltip: TooltipComponent;
 
 declare function Tooltip_2({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;