@still-forest/canopy 0.62.0 → 0.64.0

package/dist/index.d.ts

@@ -155,20 +155,35 @@ export declare interface ButtonGroupProps extends ComponentProps<"fieldset"> {
 
 export declare type ButtonProps = BaseButtonProps & ComponentProps<"button">;
 
-export declare const ButtonRadioField: ({ name, label, hint, options, error, note, secondaryOptions, value, onChange, buttonClassName, secondaryButtonClassName, className: groupClassName, ...props }: ButtonRadioFieldProps) => JSX.Element;
+export declare const ButtonRadioField: ({ id, name, label, hint, error, note, ...inputProps }: ButtonRadioFieldProps) => JSX.Element;
 
-declare interface ButtonRadioFieldProps extends Omit<ButtonGroupProps, "children" | "onChange"> {
-    name?: string;
+declare interface ButtonRadioFieldProps extends ButtonRadioInputProps {
     label?: string;
     hint?: string;
     error?: string;
     note?: string;
-    options: Option_2[];
+}
+
+export declare const ButtonRadioInput: ({ name, options, secondaryOptions, value, onChange, buttonClassName, secondaryButtonClassName, className: groupClassName, ...props }: ButtonRadioInputProps) => JSX.Element;
+
+export declare interface ButtonRadioInputProps extends Omit<ButtonGroupProps, "children" | "onChange"> {
+    name?: string;
+    options: ButtonRadioOption[];
     secondaryOptions?: SelectPickerOption[];
     value: string | undefined;
     onChange: (value: string) => void;
     buttonClassName?: string;
     secondaryButtonClassName?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: "true" | undefined;
+}
+
+export declare interface ButtonRadioOption {
+    label?: string;
+    value: string;
+    icon?: ReactElement<ComponentProps<"svg">>;
 }
 
 export declare type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
@@ -226,7 +241,8 @@ export declare const Checkbox: ({ children, className, onCheckedChange, name, id
 export declare const CheckboxField: ({ label, name, value, checked, onCheckedChange, note, error, labelClassName, hint, ...props }: CheckboxFieldProps) => JSX.Element;
 
 export declare interface CheckboxFieldProps extends CheckboxProps {
-    label: string;
+    name: string;
+    label?: string;
     labelClassName?: string;
     hint?: string;
     note?: string;
@@ -291,13 +307,18 @@ export declare const DateField: (props: DateFieldProps) => JSX.Element;
 declare interface DateFieldProps extends Omit<TextFieldProps, "type"> {
 }
 
-export declare const DatePickerField: ({ onDateSelection, initialValue, className, size, error }: DatePickerFieldProps) => JSX.Element;
+export declare const DatePickerField: ({ onDateSelection, initialValue, className, size, error, id, name, label, hint, note, }: DatePickerFieldProps) => JSX.Element;
 
 declare interface DatePickerFieldProps {
     onDateSelection: (date: Date) => void;
     initialValue?: Date;
     className?: string;
     size?: ButtonSize;
+    id?: string;
+    name?: string;
+    label?: string;
+    hint?: string;
+    note?: string;
     error?: string;
 }
 
@@ -396,6 +417,7 @@ export declare const Field: {
     ({ children, className, orientation, ...props }: FieldProps): JSX.Element;
     Label: ({ children, className, htmlFor, ...props }: FieldLabelProps) => JSX.Element;
     LabelGroup: ({ children, className, ...props }: ComponentProps<"div">) => JSX.Element;
+    Legend: typeof FieldLegend;
     Title: ({ children, className, ...props }: ComponentProps<"div">) => JSX.Element;
     Content: ({ children, className, ...props }: ComponentProps<"div">) => JSX.Element;
     Description: ({ children, className, ...props }: ComponentProps<"p">) => JSX.Element;
@@ -405,13 +427,19 @@ export declare const Field: {
 export declare const FieldGroup: ({ className, ...props }: React.ComponentProps<"div">) => JSX.Element;
 
 declare interface FieldLabelProps extends ComponentProps<"label"> {
-    htmlFor: string;
+    htmlFor?: string;
 }
 
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): JSX.Element;
+
 declare interface FieldProps extends ComponentProps<"div"> {
     orientation?: "vertical" | "horizontal";
 }
 
+export declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): JSX.Element;
+
 export declare const Flex: typeof FlexComponent & {
     Item: typeof FlexItem;
 };
@@ -566,13 +594,6 @@ export declare const Input: ({ id, name, className, size, ...props }: InputProps
 
 declare const Input_2: (props: ComponentProps<typeof Input>) => JSX.Element;
 
-export declare const InputError: ({ id, message }: InputErrorProps) => JSX.Element;
-
-declare interface InputErrorProps {
-    id?: string;
-    message: string;
-}
-
 export declare const InputGroup: InputGroupComponent;
 
 declare type InputGroupComponent = FC<ComponentProps<"div">> & {
@@ -752,7 +773,7 @@ export declare const NativeSelect: {
     OptGroup: ({ className, ...props }: React_2.ComponentProps<"optgroup">) => JSX.Element;
 };
 
-export declare const NativeSelectField: ({ name, defaultValue, options, label, labelClassName, placeholder, hint, note, className, value, onChange, error, size, id: idProp, ...props }: NativeSelectFieldProps) => JSX.Element;
+export declare const NativeSelectField: ({ name, defaultValue, options, label, labelClassName, placeholder, hint, note, className, value, onChange, error, size, id, ...props }: NativeSelectFieldProps) => JSX.Element;
 
 export declare interface NativeSelectFieldOption {
     value: string;
@@ -800,15 +821,10 @@ export declare interface NumberFieldProps extends Omit<TextFieldProps, "type"> {
 }
 
 declare interface Option_2 {
-    label?: string;
-    value: string;
-    icon?: ReactElement<ComponentProps<"svg">>;
-}
-
-declare interface Option_3 {
     value: string;
     label: string;
     hint?: string;
+    note?: string;
 }
 
 export declare type Overflow = (typeof OVERFLOWS)[number];
@@ -885,16 +901,15 @@ declare interface Props_4 extends SidebarProps {
     children?: React.ReactNode;
 }
 
-export declare const RadioField: ({ cols, gap, label, name, options, value, size, onChange, error, labelClassName, }: RadioFieldProps) => JSX.Element;
+export declare const RadioField: ({ label, name, options, note, value, size, onChange, error, labelClassName, }: RadioFieldProps) => JSX.Element;
 
 declare interface RadioFieldProps {
-    cols?: GridCols;
-    gap?: Gap;
     name: string;
     label?: string;
     labelClassName?: string;
+    note?: string;
     value?: string;
-    options: Option_3[];
+    options: Option_2[];
     onChange?: (value: string) => void;
     size?: "sm" | "md" | "lg";
     error?: string;
@@ -1027,7 +1042,7 @@ export declare function Skeleton({ className, ...props }: React.ComponentProps<"
 
 declare function Slider({ className, defaultValue, value, min, max, thumbClassName, trackClassName, ...props }: SliderProps): JSX.Element;
 
-export declare const SliderField: ({ name, size, label, labelClassName, labelOrientation, hint, note, error, thumbClassName, trackClassName, value: valueProp, defaultValue: defaultValueProp, ...props }: SliderFieldProps) => JSX.Element;
+export declare const SliderField: ({ id, name, size, label, labelClassName, labelOrientation, hint, note, error, thumbClassName, trackClassName, value: valueProp, defaultValue: defaultValueProp, ...props }: SliderFieldProps) => JSX.Element;
 
 declare interface SliderFieldProps extends Omit<React.ComponentProps<typeof Slider>, "value" | "defaultValue"> {
     name: string;
@@ -1106,7 +1121,7 @@ export declare function Textarea({ className, ...props }: React_2.ComponentProps
 
 declare const Textarea_2: ({ children, className, ...props }: ComponentProps<typeof Textarea>) => JSX.Element;
 
-export declare function TextareaField({ label, name, note, placeholder, className, error, labelClassName, hint, ...props }: TextareaFieldProps): JSX.Element;
+export declare function TextareaField({ id, label, name, note, placeholder, className, error, labelClassName, hint, ...props }: TextareaFieldProps): JSX.Element;
 
 export declare interface TextareaFieldProps extends React.ComponentProps<"textarea"> {
     name: string;