@still-forest/canopy 0.11.1 → 0.13.0

package/dist/index.d.ts

@@ -47,13 +47,39 @@ export declare interface ButtonProps extends default_2.ComponentProps<"button">
     asChild?: boolean;
 }
 
+export declare const Checkbox: ({ label, name, value, checked, onCheckedChange }: CheckboxProps) => JSX.Element;
+
+export declare interface CheckboxProps {
+    label: string;
+    name: string;
+    value?: string;
+    checked: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+
+export declare const Code: ({ children, ...props }: TextProps) => JSX.Element;
+
+export declare const Container: ({ children, className, ...props }: ContainerProps) => JSX.Element;
+
+export declare interface ContainerProps extends BoxProps {
+    children: React.ReactNode;
+    className?: string;
+}
+
+export declare const DateInput: ({ name, label, placeholder, note, className, ...props }: DateInputProps) => JSX.Element;
+
+declare interface DateInputProps extends Omit<TextInputProps, "type"> {
+}
+
 export declare const DeleteButton: ({ disabled, handleDelete, ...rest }: Props) => JSX.Element;
 
 declare type Display = (typeof DISPLAYS)[number];
 
 declare const DISPLAYS: readonly ["block", "flex", "grid", "inline", "inline-block", "inline-flex", "inline-grid", "inline-table", "list-item", "flow-root", "contents", "table", "table-header-group", "table-footer-group", "table-column-group", "table-column", "table-row-group", "table-row", "table-cell", "table-caption", "hidden", "sr-only", "not-sr-only"];
 
-export declare const Flex: default_2.ForwardRefExoticComponent<FlexProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const Flex: typeof FlexComponent & {
+    Item: typeof FlexItem;
+};
 
 declare const FLEX_ALIGNS: readonly ["start", "center", "end", "stretch", "baseline"];
 
@@ -67,10 +93,19 @@ declare const FLEX_WRAPS: readonly ["nowrap", "wrap", "wrap-reverse"];
 
 declare type FlexAlign = (typeof FLEX_ALIGNS)[number];
 
+declare const FlexComponent: default_2.ForwardRefExoticComponent<FlexProps & default_2.RefAttributes<HTMLDivElement>>;
+
 declare type FlexDirection = (typeof FLEX_DIRECTIONS)[number];
 
 declare type FlexGrow = (typeof FLEX_GROWS)[number];
 
+declare const FlexItem: ({ flex, className, children, ...props }: FlexItemProps) => JSX.Element;
+
+declare interface FlexItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: React.ElementType;
+    flex?: FlexType;
+}
+
 declare type FlexJustify = (typeof FLEX_JUSTIFIES)[number];
 
 export declare interface FlexProps extends default_2.HTMLAttributes<HTMLDivElement> {
@@ -85,6 +120,8 @@ export declare interface FlexProps extends default_2.HTMLAttributes<HTMLDivEleme
     gapY?: Gap;
 }
 
+declare type FlexType = "1" | "auto" | "initial" | "none";
+
 declare type FlexWrap = (typeof FLEX_WRAPS)[number];
 
 declare const FONT_FAMILIES: readonly ["display", "serif", "sans", "mono"];
@@ -99,6 +136,12 @@ declare type FontSize = (typeof FONT_SIZES)[number];
 
 declare type FontWeight = (typeof FONT_WEIGHTS)[number];
 
+export declare const Footer: ({ children, ...props }: FooterProps) => JSX.Element;
+
+declare interface FooterProps extends ContainerProps {
+    children: React.ReactNode;
+}
+
 declare type Gap = (typeof GAPS)[number];
 
 declare const GAPS: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16"];
@@ -155,6 +198,16 @@ declare type Height = (typeof HEIGHTS)[number];
 
 declare const HEIGHTS: readonly [...string[], "auto", "full", "min", "max", "fit", "px", "screen"];
 
+export declare const InputGroup: ({ label, labelFor, className, labelClassName, children }: InputGroupProps) => JSX.Element;
+
+declare interface InputGroupProps {
+    label?: string;
+    labelFor?: string;
+    className?: string;
+    labelClassName?: string;
+    children: React.ReactNode;
+}
+
 export declare const Label: ({ htmlFor, value, children, className, ...props }: LabelProps) => JSX.Element;
 
 export declare interface LabelProps extends ComponentProps<"label"> {
@@ -178,6 +231,17 @@ export declare interface NumberInputProps extends Omit<TextInputProps, "type"> {
     step?: string;
 }
 
+declare interface Option_2 {
+    value: string;
+    label: string;
+}
+export { Option_2 as Option }
+
+declare interface Option_3 {
+    value: string;
+    label: string;
+}
+
 declare type Overflow = (typeof OVERFLOWS)[number];
 
 declare const OVERFLOWS: readonly ["auto", "scroll", "hidden", "clip", "visible"];
@@ -197,12 +261,35 @@ declare interface Props_2 extends ButtonProps {
     submittingIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
 }
 
+export declare const RadioSelect: ({ label, name, options, value, onChange }: RadioSelectProps) => JSX.Element;
+
+declare interface RadioSelectProps {
+    name: string;
+    label?: string;
+    value?: string;
+    options: Option_3[];
+    onChange?: (value: string) => void;
+}
+
 declare const ROUNDED_SIZES: readonly ["none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "full", true, false];
 
 declare type RoundedSize = (typeof ROUNDED_SIZES)[number];
 
 export declare const SaveButton: ({ submitting, disabled, submittingIcon, ...rest }: Props_2) => JSX.Element;
 
+export declare const SelectInput: ({ name, defaultValue, options, label, placeholder, note, className, value, onValueChange, ...props }: SelectInputProps) => JSX.Element;
+
+export declare interface SelectInputProps extends Omit<React.ComponentProps<"select">, "dir"> {
+    name: string;
+    value?: string;
+    onValueChange: (value: string) => void;
+    options: Option_2[];
+    label?: string;
+    placeholder?: string;
+    note?: string;
+    className?: string;
+}
+
 export declare const SelectPicker: ({ options, value, placeholder, className, onSelect, renderSelected, }: SelectPickerProps) => JSX.Element;
 
 export declare interface SelectPickerOption {