@still-forest/canopy 0.44.0 → 0.45.0

package/dist/index.d.ts

@@ -189,14 +189,16 @@ 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, note, error }: CheckboxProps) => JSX.Element;
+export declare const Checkbox: ({ label, name, value, checked, onCheckedChange, note, error, labelClassName, hint, }: CheckboxProps) => JSX.Element;
 
 export declare interface CheckboxProps {
     label: string;
+    labelClassName?: string;
     name: string;
     value?: string;
     checked: boolean;
     onCheckedChange?: (checked: boolean) => void;
+    hint?: string;
     note?: string;
     error?: string;
 }
@@ -440,6 +442,13 @@ declare type Height = (typeof HEIGHTS)[number];
 
 declare const HEIGHTS: readonly [...string[], "auto", "full", "min", "max", "fit", "px", "screen"];
 
+export declare const Hint: ({ content, className }: HintProps) => JSX.Element;
+
+export declare interface HintProps {
+    content: string;
+    className?: string;
+}
+
 export declare const Input: ({ type, step, ...props }: InputProps) => JSX.Element;
 
 export declare const InputError: ({ id, message }: InputErrorProps) => JSX.Element;
@@ -623,6 +632,7 @@ export declare interface NumberInputProps extends Omit<TextInputProps, "type"> {
 declare interface Option_2 {
     value: string;
     label: string;
+    hint?: string;
 }
 
 declare type Overflow = (typeof OVERFLOWS)[number];
@@ -705,11 +715,12 @@ declare interface Props_5 extends SidebarProps {
     children?: React.ReactNode;
 }
 
-export declare const RadioSelect: ({ label, name, options, value, onChange, error }: RadioSelectProps) => JSX.Element;
+export declare const RadioSelect: ({ label, name, options, value, onChange, error, labelClassName }: RadioSelectProps) => JSX.Element;
 
 declare interface RadioSelectProps {
     name: string;
     label?: string;
+    labelClassName?: string;
     value?: string;
     options: Option_2[];
     onChange?: (value: string) => void;
@@ -720,7 +731,7 @@ 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, label, placeholder, note, className, value, onChange, error, size, id: idProp, ...props }: SelectInputProps) => JSX.Element;
+export declare const SelectInput: ({ name, defaultValue, options, label, labelClassName, placeholder, hint, note, className, value, onChange, error, size, id: idProp, ...props }: SelectInputProps) => JSX.Element;
 
 export declare interface SelectInputOption {
     value: string;
@@ -738,14 +749,16 @@ export declare interface SelectInputProps extends Omit<ComponentProps<"select">,
     onChange: (value: string) => void;
     options: SelectInputOption[] | SelectInputOptionGroup[];
     label?: string;
+    labelClassName?: string;
     placeholder?: string;
+    hint?: string;
     note?: string;
     className?: string;
     error?: string;
     size?: "xs" | "sm" | "md" | "lg" | "xl";
 }
 
-export declare const SelectPicker: ({ options, value, placeholder, onChange, label, name, note, error, renderSelected, }: SelectPickerProps) => JSX.Element;
+export declare const SelectPicker: ({ options, value, placeholder, onChange, label, name, labelClassName, hint, note, error, renderSelected, }: SelectPickerProps) => JSX.Element;
 
 export declare interface SelectPickerOption {
     icon?: string;
@@ -767,7 +780,9 @@ export declare interface SelectPickerProps {
     onChange: (value: string) => void;
     options: SelectPickerOption[] | SelectPickerOptionGroup[];
     label?: string;
+    labelClassName?: string;
     placeholder?: string;
+    hint?: string;
     note?: string;
     error?: string;
     renderSelected?: (selected: SelectPickerOption) => React.ReactNode;
@@ -916,12 +931,14 @@ declare const TEXT_TRACKINGS: readonly ["tighter", "tight", "normal", "wide", "w
 
 declare type TextAlign = (typeof TEXT_ALIGNS)[number];
 
-export declare function Textarea({ label, name, note, placeholder, className, error, ...props }: TextareaProps): JSX.Element;
+export declare function Textarea({ label, name, note, placeholder, className, error, labelClassName, hint, ...props }: TextareaProps): JSX.Element;
 
 export declare interface TextareaProps extends React.ComponentProps<"textarea"> {
     name: string;
     label?: string;
+    labelClassName?: string;
     placeholder?: string;
+    hint?: string;
     note?: string;
     className?: string;
     error?: string;
@@ -947,14 +964,16 @@ declare interface TextBaseProps {
     as?: TypographyElement;
 }
 
-export declare const TextInput: ({ name, type, placeholder, label, labelOrientation, note, size, className, error, ...props }: TextInputProps) => JSX.Element;
+export declare const TextInput: ({ name, type, placeholder, label, labelClassName, labelOrientation, hint, note, size, className, error, ...props }: TextInputProps) => JSX.Element;
 
 export declare interface TextInputProps extends Omit<React.ComponentProps<"input">, "size"> {
     name: string;
     type?: string;
     placeholder?: string;
     label?: string;
+    labelClassName?: string;
     labelOrientation?: "top" | "left";
+    hint?: string;
     note?: string;
     size?: "xs" | "sm" | "md" | "lg" | "xl";
     className?: string;