@still-forest/canopy 0.55.0 → 0.56.1

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Accordion as Accordion_3 } from '@base-ui/react/accordion';
 import { Button as Button_3 } from '@base-ui/react/button';
-import { Checkbox as Checkbox_3 } from '@base-ui/react/checkbox';
+import { Checkbox as Checkbox_2 } from '@base-ui/react/checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
 import { Collapsible as Collapsible_3 } from '@base-ui/react/collapsible';
@@ -13,8 +13,8 @@ import { Popover as Popover_3 } from '@base-ui/react/popover';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
-import { Slider as Slider_3 } from '@base-ui/react/slider';
-import { Switch as Switch_3 } from '@base-ui/react/switch';
+import { Slider as Slider_2 } from '@base-ui/react/slider';
+import { Switch as Switch_2 } from '@base-ui/react/switch';
 import { Tabs as Tabs_2 } from '@base-ui/react/tabs';
 import { Tooltip as Tooltip_3 } from '@base-ui/react/tooltip';
 import { useRender } from '@base-ui/react/use-render';
@@ -158,9 +158,9 @@ export declare interface ButtonProps extends React.ComponentProps<"button"> {
     render?: React.ComponentProps<typeof Button_2>["render"];
 }
 
-export declare const ButtonSelectInput: ({ name, label, hint, options, error, note, secondaryOptions, value, onChange, buttonClassName, secondaryButtonClassName, className: groupClassName, ...props }: ButtonSelectInputProps) => JSX.Element;
+export declare const ButtonRadioField: ({ name, label, hint, options, error, note, secondaryOptions, value, onChange, buttonClassName, secondaryButtonClassName, className: groupClassName, ...props }: ButtonRadioFieldProps) => JSX.Element;
 
-declare interface ButtonSelectInputProps extends Omit<ButtonGroupProps, "children" | "onChange"> {
+declare interface ButtonRadioFieldProps extends Omit<ButtonGroupProps, "children" | "onChange"> {
     name?: string;
     label?: string;
     hint?: string;
@@ -178,7 +178,7 @@ export declare type ButtonVariant = "default" | "primary" | "secondary" | "destr
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "info" | "success" | "warning" | "error" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "unstyled" | null | undefined;
-    size?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "unstyled" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "default" | "unstyled" | "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Card: CardComponent;
@@ -222,11 +222,11 @@ 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, labelClassName, hint, ...props }: CheckboxProps) => JSX.Element;
+declare function Checkbox({ className, ...props }: Checkbox_2.Root.Props): JSX.Element;
 
-declare function Checkbox_2({ className, ...props }: Checkbox_3.Root.Props): JSX.Element;
+export declare const CheckboxField: ({ label, name, value, checked, onCheckedChange, note, error, labelClassName, hint, ...props }: CheckboxFieldProps) => JSX.Element;
 
-export declare interface CheckboxProps extends React.ComponentProps<typeof Checkbox_2> {
+export declare interface CheckboxFieldProps extends React.ComponentProps<typeof Checkbox> {
     label: string;
     labelClassName?: string;
     name: string;
@@ -282,14 +282,14 @@ export declare const CURSOR_TYPES: readonly ["arrow", "pointer", "text", "not-al
 
 export declare type CursorType = (typeof CURSOR_TYPES)[number];
 
-export declare const DateInput: ({ name, label, placeholder, note, className, size, ...props }: DateInputProps) => JSX.Element;
+export declare const DateField: ({ name, label, placeholder, note, className, size, ...props }: DateFieldProps) => JSX.Element;
 
-declare interface DateInputProps extends Omit<TextInputProps, "type"> {
+declare interface DateFieldProps extends Omit<TextFieldProps, "type"> {
 }
 
-export declare const DatePicker: ({ onDateSelection, initialValue, className, size, error }: DatePickerProps) => JSX.Element;
+export declare const DatePickerField: ({ onDateSelection, initialValue, className, size, error, }: DatePickerFieldProps) => JSX.Element;
 
-declare interface DatePickerProps {
+declare interface DatePickerFieldProps {
     onDateSelection: (date: Date) => void;
     initialValue?: Date;
     className?: string;
@@ -376,16 +376,9 @@ export declare type EmptyProps = React.ComponentProps<typeof Empty_2> & {
 
 declare type EmptyTitleProps = React.ComponentProps<typeof Heading>;
 
-export declare const ErrorFallback: ({ error, onRetry, ...props }: ErrorFallbackProps) => JSX.Element;
+export declare const ErrorPage: ({ headline, message, children, ...props }: ErrorPageProps) => JSX.Element;
 
-declare interface ErrorFallbackProps extends ErrorOverlayProps {
-    error: Error;
-    onRetry?: () => void;
-}
-
-export declare const ErrorOverlay: ({ headline, message, children, ...props }: ErrorOverlayProps) => JSX.Element;
-
-export declare interface ErrorOverlayProps extends InterstitialProps {
+export declare interface ErrorPageProps extends InterstitialProps {
 }
 
 export declare const Flex: typeof FlexComponent & {
@@ -523,8 +516,6 @@ export declare interface HintProps {
     className?: string;
 }
 
-export declare const Input: ({ type, step, ...props }: InputProps) => JSX.Element;
-
 export declare const InputError: ({ id, message }: InputErrorProps) => JSX.Element;
 
 declare interface InputErrorProps {
@@ -547,7 +538,7 @@ declare const inputGroupAddonVariants: (props?: ({
 } & ClassProp) | undefined) => string;
 
 declare type InputGroupComponent = React.FC<InputGroupProps> & {
-    Input: React.FC<InputProps>;
+    Input: React.FC<ComponentProps<"input">>;
     Addon: React.FC<InputGroupAddonProps>;
     Button: React.FC<ButtonProps>;
     Text: React.FC<InputGroupTextProps>;
@@ -558,27 +549,12 @@ export declare type InputGroupProps = React.ComponentProps<typeof InputGroup_2>
     children: ReactNode;
 };
 
-declare interface InputGroupProps_2 {
-    label?: string;
-    labelFor?: string;
-    className?: string;
-    labelClassName?: string;
-    children: ReactNode;
-}
-
 declare function InputGroupText({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
 
-declare const InputGroupTextarea: ({ className, ...props }: TextareaProps) => JSX.Element;
-
-declare type InputGroupTextareaProps = React.ComponentProps<typeof InputGroupTextarea>;
+declare type InputGroupTextareaProps = React.ComponentProps<"textarea">;
 
 declare type InputGroupTextProps = React.ComponentProps<typeof InputGroupText>;
 
-export declare interface InputProps extends TextInputProps {
-    type?: "text" | "number" | "date" | "email" | "password";
-    step?: string;
-}
-
 export declare const Interstitial: ({ variant, iconComponent, headline, headlineLevel, headlineWeight, message, messageClassName, children, iconSize, iconClassName, fullScreen, containerClassName, }: InterstitialProps) => JSX.Element;
 
 export declare interface InterstitialProps {
@@ -683,8 +659,6 @@ declare interface LayoutProps extends FlexProps {
 
 export declare type LayoutVariant = (typeof LAYOUT_VARIANTS)[number];
 
-export declare const LegacyInputGroup: ({ label, labelFor, className, labelClassName, children, }: InputGroupProps_2) => JSX.Element;
-
 export declare const Loader: ({ variant, icon, size, className, ...props }: LoaderProps) => JSX.Element;
 
 export declare interface LoaderProps extends React.ComponentProps<"svg"> {
@@ -693,19 +667,56 @@ export declare interface LoaderProps extends React.ComponentProps<"svg"> {
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl";
 }
 
+export declare const LoadingPage: ({ iconComponent, message, iconSize, iconClassName, ...props }: InterstitialProps) => JSX.Element;
+
 export declare const MenuItemText: ({ children }: {
     children: React.ReactNode;
 }) => JSX.Element;
 
 export declare const Modal: ({ trigger, children, title, description, open, onOpenChange, ariaDescription }: Props_2) => 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 interface NativeSelectFieldOption {
+    value: string;
+    label: string;
+}
+
+export declare interface NativeSelectFieldOptionGroup {
+    label: string;
+    options: NativeSelectFieldOption[];
+}
+
+export declare interface NativeSelectFieldProps extends Omit<ComponentProps<"select">, "dir" | "size" | "onChange"> {
+    name: string;
+    value?: string;
+    onChange: (value: string) => void;
+    options: NativeSelectFieldOption[] | NativeSelectFieldOptionGroup[];
+    label?: string;
+    labelClassName?: string;
+    placeholder?: string;
+    hint?: string;
+    note?: string;
+    className?: string;
+    error?: string;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+}
+
+export declare const NotFoundPage: ({ onBack, headline, message, backIcon, backLabel, ...props }: NotFoundPageProps) => JSX.Element;
+
+declare interface NotFoundPageProps extends InterstitialProps {
+    backIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    backLabel?: string;
+    onBack?: () => void;
+}
+
 /**
  + * A specialized input component for numeric values.
- + * Extends TextInput with number-specific functionality.
+ + * Extends TextField with number-specific functionality.
  + */
-export declare const NumberInput: ({ name, label, placeholder, note, step, className, ...props }: NumberInputProps) => JSX.Element;
+export declare const NumberField: ({ name, label, placeholder, note, step, className, ...props }: NumberFieldProps) => JSX.Element;
 
-export declare interface NumberInputProps extends Omit<TextInputProps, "type"> {
+export declare interface NumberFieldProps extends Omit<TextFieldProps, "type"> {
     step?: string;
 }
 
@@ -725,26 +736,19 @@ export declare type Overflow = (typeof OVERFLOWS)[number];
 
 export declare const OVERFLOWS: readonly ["auto", "scroll", "hidden", "clip", "visible"];
 
-export declare const PageLoader: ({ iconComponent, message, iconSize, iconClassName, ...props }: PageLoaderProps) => JSX.Element;
-
-declare interface PageLoaderProps extends InterstitialProps {
-}
-
-export declare const PageNotFound: ({ onBack, headline, message, backIcon, backLabel, ...props }: PageNotFoundProps) => JSX.Element;
-
-declare interface PageNotFoundProps extends InterstitialProps {
-    backIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
-    backLabel?: string;
-    onBack?: () => void;
-}
-
 export declare const Pagination: ({ pageCount, currentPage, onChange }: Props_3) => JSX.Element;
 
 export declare const Paragraph: ({ children, className, as, ...props }: TextProps) => JSX.Element;
 
-export declare const PasswordInput: ({ name, size, label, labelOrientation, note, error, ...props }: PasswordInputProps) => JSX.Element;
+export declare const PasswordField: ({ name, size, label, labelOrientation, note, error, id, ...props }: PasswordFieldProps) => JSX.Element;
 
-declare interface PasswordInputProps extends Omit<InputProps, "type"> {
+declare interface PasswordFieldProps extends Omit<ComponentProps<"input">, "type" | "size"> {
+    name: string;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    label?: string;
+    labelOrientation?: "top" | "left";
+    note?: string;
+    error?: string;
 }
 
 export declare const Popover: PopoverComponent;
@@ -802,9 +806,9 @@ declare interface Props_5 extends SidebarProps {
     children?: React.ReactNode;
 }
 
-export declare const RadioSelect: ({ cols, gap, label, name, options, value, size, onChange, error, labelClassName, }: RadioSelectProps) => JSX.Element;
+export declare const RadioField: ({ cols, gap, label, name, options, value, size, onChange, error, labelClassName, }: RadioFieldProps) => JSX.Element;
 
-declare interface RadioSelectProps {
+declare interface RadioFieldProps {
     cols?: GridCols;
     gap?: Gap;
     name: string;
@@ -821,35 +825,18 @@ export declare const ROUNDED_SIZES: readonly ["none", "xs", "sm", "md", "lg", "x
 
 export declare type RoundedSize = (typeof ROUNDED_SIZES)[number];
 
-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;
-    label: string;
-}
-
-export declare interface SelectInputOptionGroup {
-    label: string;
-    options: SelectInputOption[];
-}
+export declare const SelectPickerField: ({ options, value, placeholder, onChange, name, renderSelected, dropdownClassName, }: SelectPickerFieldProps) => JSX.Element;
 
-export declare interface SelectInputProps extends Omit<ComponentProps<"select">, "dir" | "size" | "onChange"> {
+export declare interface SelectPickerFieldProps {
     name: string;
-    value?: string;
+    value?: string | null;
     onChange: (value: string) => void;
-    options: SelectInputOption[] | SelectInputOptionGroup[];
-    label?: string;
-    labelClassName?: string;
+    options: SelectPickerOption[] | SelectPickerOptionGroup[];
     placeholder?: string;
-    hint?: string;
-    note?: string;
-    className?: string;
-    error?: string;
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    renderSelected?: (selected: SelectPickerOption) => React.ReactNode;
+    dropdownClassName?: string;
 }
 
-export declare const SelectPicker: ({ options, value, placeholder, onChange, name, renderSelected, dropdownClassName, }: SelectPickerProps) => JSX.Element;
-
 export declare interface SelectPickerOption {
     icon?: string;
     label: string;
@@ -864,16 +851,6 @@ export declare interface SelectPickerOptionGroup {
 
 export declare type SelectPickerOptionValue = string;
 
-export declare interface SelectPickerProps {
-    name: string;
-    value?: string | null;
-    onChange: (value: string) => void;
-    options: SelectPickerOption[] | SelectPickerOptionGroup[];
-    placeholder?: string;
-    renderSelected?: (selected: SelectPickerOption) => React.ReactNode;
-    dropdownClassName?: string;
-}
-
 export declare const Separator: ({ className, orientation, gap, ...props }: SeparatorProps) => JSX.Element;
 
 declare interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -929,11 +906,11 @@ export declare const SIZES: readonly [...string[], "auto", "full", "min", "max",
 
 export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
 
-export declare const Slider: ({ name, size, label, labelClassName, labelOrientation, hint, note, error, thumbClassName, trackClassName, value: valueProp, defaultValue: defaultValueProp, ...props }: SliderProps) => JSX.Element;
+declare function Slider({ className, defaultValue, value, min, max, thumbClassName, trackClassName, ...props }: SliderProps): JSX.Element;
 
-declare function Slider_2({ className, defaultValue, value, min, max, thumbClassName, trackClassName, ...props }: SliderProps_2): JSX.Element;
+export declare const SliderField: ({ name, size, label, labelClassName, labelOrientation, hint, note, error, thumbClassName, trackClassName, value: valueProp, defaultValue: defaultValueProp, ...props }: SliderFieldProps) => JSX.Element;
 
-declare interface SliderProps extends Omit<React.ComponentProps<typeof Slider_2>, "value" | "defaultValue"> {
+declare interface SliderFieldProps extends Omit<React.ComponentProps<typeof Slider>, "value" | "defaultValue"> {
     name: string;
     size?: "xs" | "sm" | "md" | "lg" | "xl";
     thumbClassName?: string;
@@ -948,7 +925,7 @@ declare interface SliderProps extends Omit<React.ComponentProps<typeof Slider_2>
     defaultValue?: number | number[];
 }
 
-declare interface SliderProps_2 extends Slider_3.Root.Props {
+declare interface SliderProps extends Slider_2.Root.Props {
     thumbClassName?: string;
     trackClassName?: string;
 }
@@ -966,19 +943,10 @@ export declare interface SubmitButtonProps extends Omit<ButtonProps, "icon"> {
     noIcon?: boolean;
 }
 
-export declare const Switch: ({ id: idProp, label, className, labelClassName, size, ...props }: SwitchProps) => JSX.Element;
-
-declare function Switch_2({ className, size, ...props }: Switch_3.Root.Props & {
+declare function Switch({ className, size, ...props }: Switch_2.Root.Props & {
     size?: "xs" | "sm" | "md" | "lg" | "xl";
 }): JSX.Element;
 
-declare interface SwitchProps extends React.ComponentProps<typeof Switch_2> {
-    id?: string;
-    label?: string | (string | null)[];
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    labelClassName?: string | string[];
-}
-
 export declare const Table: TableComponent;
 
 export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
@@ -1029,9 +997,9 @@ export declare const TEXT_TRACKINGS: readonly ["tighter", "tight", "normal", "wi
 
 export declare type TextAlign = (typeof TEXT_ALIGNS)[number];
 
-export declare function Textarea({ label, name, note, placeholder, className, error, labelClassName, hint, ...props }: TextareaProps): JSX.Element;
+export declare function TextareaField({ label, name, note, placeholder, className, error, labelClassName, hint, ...props }: TextareaFieldProps): JSX.Element;
 
-export declare interface TextareaProps extends React.ComponentProps<"textarea"> {
+export declare interface TextareaFieldProps extends React.ComponentProps<"textarea"> {
     name: string;
     label?: string;
     labelClassName?: string;
@@ -1062,9 +1030,9 @@ declare interface TextBaseProps {
     as?: TypographyElement;
 }
 
-export declare const TextInput: ({ name, type, placeholder, label, labelClassName, labelOrientation, hint, note, size, className, error, ...props }: TextInputProps) => JSX.Element;
+export declare const TextField: ({ name, type, placeholder, label, labelClassName, labelOrientation, hint, note, size, className, error, ...props }: TextFieldProps) => JSX.Element;
 
-export declare interface TextInputProps extends Omit<React.ComponentProps<"input">, "size"> {
+export declare interface TextFieldProps extends Omit<React.ComponentProps<"input">, "size"> {
     name: string;
     type?: string;
     placeholder?: string;
@@ -1105,15 +1073,13 @@ export declare type TextTracking = (typeof TEXT_TRACKINGS)[number];
 
 export declare type Theme = "system" | "light" | "dark";
 
-export declare const ThemeSelector: ({ variant, theme, setTheme, className, containerClassName, buttonClassName, ...props }: ThemeSelectorProps) => JSX.Element;
+export declare const ToggleField: ({ id: idProp, label, className, labelClassName, size, ...props }: ToggleFieldProps) => JSX.Element;
 
-export declare interface ThemeSelectorProps {
-    variant?: "horizontal" | "stacked";
-    theme: Theme;
-    setTheme: (theme: Theme) => void;
-    className?: string;
-    containerClassName?: string;
-    buttonClassName?: string;
+declare interface ToggleFieldProps extends React.ComponentProps<typeof Switch> {
+    id?: string;
+    label?: string | (string | null)[];
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    labelClassName?: string | string[];
 }
 
 export declare const Tooltip: TooltipComponent;