@still-forest/canopy 0.23.0 → 0.25.0

package/dist/forms.d.ts

@@ -0,0 +1,185 @@
+import { ComponentProps } from 'react';
+import { default as default_2 } from 'react';
+import { JSX } from 'react/jsx-runtime';
+
+export declare type BaseButtonSize = "default" | "sm" | "lg" | "icon";
+
+export declare type BaseButtonVariant = "default" | "secondary" | "destructive" | "outline" | "ghost" | "link";
+
+export declare const Button: ({ children, onClick, variant, size, icon, disabled, className, type, asChild, ...rest }: ButtonProps) => JSX.Element;
+
+export declare const ButtonGroup: {
+    ({ children, className }: ButtonGroupProps): JSX.Element;
+    Button({ children, className, ...props }: ButtonProps): JSX.Element;
+};
+
+export declare interface ButtonGroupProps {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare interface ButtonProps extends default_2.ComponentProps<"button"> {
+    children?: default_2.ReactNode;
+    onClick?: () => void;
+    variant?: "default" | "primary" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "subtle";
+    size?: "default" | "xs" | "sm" | "md" | "lg";
+    icon?: default_2.ReactElement;
+    disabled?: boolean;
+    className?: string;
+    type?: "button" | "submit" | "reset";
+    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 DateInput: ({ name, label, placeholder, note, className, ...props }: DateInputProps) => JSX.Element;
+
+declare interface DateInputProps extends Omit<TextInputProps, "type"> {
+}
+
+export declare const DatePicker: ({ onDateSelection, initialValue, className, size, error }: DatePickerProps) => JSX.Element;
+
+declare interface DatePickerProps {
+    onDateSelection: (date: Date) => void;
+    initialValue?: Date;
+    className?: string;
+    size?: "default" | "xs" | "sm" | "lg";
+    error?: string;
+}
+
+export declare const DeleteButton: ({ disabled, handleDelete, ...rest }: Props) => JSX.Element;
+
+export declare const InputError: ({ message }: {
+    message: string;
+}) => JSX.Element;
+
+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"> {
+    htmlFor?: string;
+    value?: string;
+    children?: React.ReactNode;
+    className?: string;
+}
+
+/**
+ + * A specialized input component for numeric values.
+ + * Extends TextInput with number-specific functionality.
+ + */
+export declare const NumberInput: ({ name, label, placeholder, note, step, className, ...props }: NumberInputProps) => JSX.Element;
+
+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 interface Props extends ButtonProps {
+    disabled?: boolean;
+    handleDelete: () => void;
+}
+
+export declare const RadioSelect: ({ label, name, options, value, onChange, error }: RadioSelectProps) => JSX.Element;
+
+declare interface RadioSelectProps {
+    name: string;
+    label?: string;
+    value?: string;
+    options: Option_3[];
+    onChange?: (value: string) => void;
+    error?: string;
+}
+
+export declare const SelectInput: ({ name, defaultValue, options, label, placeholder, note, className, value, onValueChange, error, ...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;
+    error?: string;
+}
+
+export declare const SelectPicker: ({ options, value, placeholder, className, onSelect, renderSelected, }: SelectPickerProps) => JSX.Element;
+
+export declare interface SelectPickerOption {
+    icon?: string;
+    value: string;
+    label: string;
+}
+
+export declare interface SelectPickerProps {
+    options: SelectPickerOption[];
+    onSelect: (selected: string) => void;
+    value?: string;
+    placeholder?: string;
+    className?: string;
+    renderSelected?: (selected: SelectPickerOption) => React.ReactNode;
+}
+
+export declare const SubmitButton: ({ submitting, disabled, submittingIcon, action, noIcon, ...rest }: SubmitButtonProps) => JSX.Element;
+
+export declare interface SubmitButtonProps extends ButtonProps {
+    action?: "default" | "submit" | "save" | "send";
+    submitting?: boolean;
+    disabled?: boolean;
+    submittingIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    noIcon?: boolean;
+}
+
+export declare function Textarea({ label, name, note, placeholder, className, error, ...props }: TextareaProps): JSX.Element;
+
+export declare interface TextareaProps extends React.ComponentProps<"textarea"> {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    note?: string;
+    className?: string;
+    error?: string;
+}
+
+export declare const TextInput: ({ name, type, placeholder, label, labelOrientation, note, className, error, ...props }: TextInputProps) => JSX.Element;
+
+export declare interface TextInputProps extends React.ComponentProps<"input"> {
+    name: string;
+    type?: string;
+    placeholder?: string;
+    label?: string;
+    labelOrientation?: "top" | "left";
+    note?: string;
+    className?: string;
+    error?: string;
+}
+
+export { }