@still-forest/canopy 0.58.4 → 0.59.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Accordion as Accordion_3 } from '@base-ui/react/accordion';
 import { Button as Button_4 } from '@base-ui/react/button';
-import { Checkbox as Checkbox_2 } from '@base-ui/react/checkbox';
+import { Checkbox as Checkbox_3 } 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';
@@ -9,10 +9,12 @@ import { default as default_2 } from 'react';
 import { Dialog as Dialog_3 } from '@base-ui/react/dialog';
 import { FC } from 'react';
 import { JSX } from 'react/jsx-runtime';
-import { Popover as Popover_3 } from '@base-ui/react/popover';
+import { Menu } from '@base-ui/react/menu';
+import { Popover as Popover_2 } from '@base-ui/react/popover';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
+import { Select as Select_2 } from '@base-ui/react/select';
 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';
@@ -81,7 +83,7 @@ export declare interface BadgeProps {
 
 export declare type BadgeSize = ButtonSize;
 
-export declare type BadgeVariant = ButtonVariant;
+export declare type BadgeVariant = "primary" | "secondary" | "muted" | "ghost" | "info" | "success" | "warning" | "danger";
 
 export declare type BaseButtonProps = {
     className?: string;
@@ -170,7 +172,7 @@ declare interface ButtonRadioFieldProps extends Omit<ButtonGroupProps, "children
 
 export declare type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
 
-export declare type ButtonVariant = "primary" | "secondary" | "muted" | "ghost" | "link" | "info" | "success" | "warning" | "danger";
+export declare type ButtonVariant = "primary" | "secondary" | "muted" | "ghost" | "link" | "input" | "info" | "success" | "warning" | "danger";
 
 declare const buttonVariants: (props?: ({
     variant?: "secondary" | "info" | "success" | "warning" | "destructive" | "default" | "ghost" | "link" | "outline" | "unstyled" | "error" | null | undefined;
@@ -218,11 +220,13 @@ declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div"
 
 declare type CardTitleProps = React.ComponentProps<typeof CardTitle>;
 
-declare function Checkbox({ className, ...props }: Checkbox_2.Root.Props): JSX.Element;
+export declare const Checkbox: ({ children, className, onCheckedChange, name, id, ...props }: CheckboxProps) => 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 CheckboxFieldProps extends React.ComponentProps<typeof Checkbox> {
+export declare interface CheckboxFieldProps extends React.ComponentProps<typeof Checkbox_2> {
     label: string;
     labelClassName?: string;
     name: string;
@@ -234,6 +238,10 @@ export declare interface CheckboxFieldProps extends React.ComponentProps<typeof
     error?: string;
 }
 
+export declare interface CheckboxProps extends Omit<ComponentProps<"input">, "onChange"> {
+    onCheckedChange: (checked: boolean) => void;
+}
+
 export declare function cn(...inputs: ClassValue[]): string;
 
 export declare const Code: ({ children, ...props }: TextProps) => JSX.Element;
@@ -305,6 +313,19 @@ declare interface DeleteButtonProps extends BaseButtonProps {
     handleDelete: () => void;
 }
 
+export declare const DesktopSelectPicker: ({ selectedLabel, open, setOpen, children, id, triggerClassName, dropdownClassName, triggerProps, }: DesktopSelectPickerProps) => JSX.Element;
+
+declare interface DesktopSelectPickerProps {
+    selectedLabel: string | ReactNode;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    children: ReactNode;
+    id?: string;
+    triggerClassName?: string;
+    dropdownClassName?: string;
+    triggerProps?: Partial<ButtonProps>;
+}
+
 export declare const Dialog: {
     (props: ComponentProps<typeof Dialog_2>): JSX.Element;
     Close: typeof DialogClose;
@@ -344,6 +365,33 @@ export declare type Display = (typeof DISPLAYS)[number];
 
 export 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 DropdownMenu: {
+    ({ ...props }: Menu.Root.Props): JSX.Element;
+    Portal: ({ ...props }: Menu.Portal.Props) => JSX.Element;
+    Trigger: ({ className, ...props }: Menu.Trigger.Props) => JSX.Element;
+    Content: ({ align, alignOffset, side, sideOffset, className, ...props }: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => JSX.Element;
+    Group: ({ ...props }: Menu.Group.Props) => JSX.Element;
+    Label: ({ className, inset, ...props }: Menu.GroupLabel.Props & {
+        inset?: boolean;
+    }) => JSX.Element;
+    Item: ({ className, inset, variant, ...props }: Menu.Item.Props & {
+        inset?: boolean;
+        variant?: "default" | "destructive";
+    }) => JSX.Element;
+    CheckboxItem: ({ className, children, checked, ...props }: Menu.CheckboxItem.Props) => JSX.Element;
+    RadioGroup: ({ ...props }: Menu.RadioGroup.Props) => JSX.Element;
+    RadioItem: ({ className, children, ...props }: Menu.RadioItem.Props) => JSX.Element;
+    Separator: ({ className, ...props }: Menu.Separator.Props) => JSX.Element;
+    Shortcut: ({ className, ...props }: React_2.ComponentProps<"span">) => JSX.Element;
+    Sub: ({ ...props }: Menu.SubmenuRoot.Props) => JSX.Element;
+    SubTrigger: ({ className, inset, children, ...props }: Menu.SubmenuTrigger.Props & {
+        inset?: boolean;
+    }) => JSX.Element;
+    SubContent: ({ align, alignOffset, side, sideOffset, className, ...props }: React_2.ComponentProps<typeof DropdownMenuContent>) => JSX.Element;
+};
+
+declare const DropdownMenuContent: ({ align, alignOffset, side, sideOffset, className, ...props }: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => JSX.Element;
+
 export declare const ErrorPage: ({ headline, message, children, ...props }: ErrorPageProps) => JSX.Element;
 
 export declare interface ErrorPageProps extends InterstitialProps {
@@ -450,6 +498,11 @@ export declare type GridCols = (typeof GRID_COLS)[number];
 
 export declare type GridFlow = (typeof GRID_FLOWS)[number];
 
+export declare const GridLayout: {
+    ({ children, className, ...props }: ComponentProps<"div">): JSX.Element;
+    Item: ({ children, className, span, sm, md, lg, style, ...props }: ItemProps) => JSX.Element;
+};
+
 export declare interface GridProps extends default_2.HTMLAttributes<HTMLDivElement> {
     as?: default_2.ElementType;
     cols?: GridCols;
@@ -462,6 +515,16 @@ export declare interface GridProps extends default_2.HTMLAttributes<HTMLDivEleme
 
 export declare type GridRows = (typeof GRID_ROWS)[number];
 
+export declare const GroupedOptionList: ({ optionGroups, placeholder, noSearch, ...props }: GroupedOptionListProps) => JSX.Element;
+
+declare interface GroupedOptionListProps {
+    optionGroups: SelectPickerOptionGroup[];
+    placeholder: string;
+    selectedValue?: SelectPickerOptionValue | null;
+    onSelect: (value: SelectPickerOptionValue) => void;
+    noSearch?: boolean;
+}
+
 export declare const Header: ({ children, sticky, className, ...props }: HeaderProps) => JSX.Element;
 
 declare interface HeaderProps extends ContainerProps {
@@ -549,7 +612,7 @@ declare function ItemActions({ className, ...props }: React_2.ComponentProps<"di
 
 declare type ItemActionsProps = React.ComponentProps<typeof ItemActions>;
 
-declare type ItemComponent = React.FC<ItemProps> & {
+declare type ItemComponent = React.FC<ItemProps_2> & {
     Actions: React.FC<ItemActionsProps>;
     Content: React.FC<ItemContentProps>;
     Description: React.FC<ItemDescriptionProps>;
@@ -585,7 +648,14 @@ declare const itemMediaVariants: (props?: ({
     variant?: "default" | "image" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-declare type ItemProps = React.ComponentProps<typeof Item_2> & {
+export declare interface ItemProps extends ComponentProps<"div"> {
+    span: Span;
+    sm?: Span;
+    md?: Span;
+    lg?: Span;
+}
+
+declare type ItemProps_2 = React.ComponentProps<typeof Item_2> & {
     children: ReactNode;
 };
 
@@ -732,19 +802,15 @@ declare interface PlaceholderProps {
     compact?: boolean;
 }
 
-export declare const Popover: PopoverComponent;
-
-declare function Popover_2({ ...props }: Popover_3.Root.Props): JSX.Element;
-
-declare type PopoverComponent = default_2.FC<default_2.ComponentProps<typeof Popover_2>> & {
-    Trigger: typeof PopoverTrigger;
-    Content: typeof PopoverContent;
+export declare const Popover: {
+    ({ ...props }: Popover_2.Root.Props): JSX.Element;
+    Trigger: ({ ...props }: Popover_2.Trigger.Props) => JSX.Element;
+    Content: ({ className, align, alignOffset, side, sideOffset, ...props }: Popover_2.Popup.Props & Pick<Popover_2.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => JSX.Element;
+    Header: ({ className, ...props }: React_2.ComponentProps<"div">) => JSX.Element;
+    Title: ({ className, ...props }: Popover_2.Title.Props) => JSX.Element;
+    Description: ({ className, ...props }: Popover_2.Description.Props) => JSX.Element;
 };
 
-declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: Popover_3.Popup.Props & Pick<Popover_3.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): JSX.Element;
-
-declare function PopoverTrigger({ ...props }: Popover_3.Trigger.Props): JSX.Element;
-
 export declare type Position = (typeof POSITIONS)[number];
 
 export declare const POSITIONS: readonly ["static", "fixed", "absolute", "relative", "sticky"];
@@ -800,18 +866,32 @@ export declare const ROUNDED_SIZES: readonly ["none", "xs", "sm", "md", "lg", "x
 
 export declare type RoundedSize = (typeof ROUNDED_SIZES)[number];
 
-export declare const SelectPickerField: ({ options, value, placeholder, onChange, name, renderSelected, dropdownClassName, }: SelectPickerFieldProps) => JSX.Element;
+declare const Select: typeof Select_2.Root;
 
-export declare interface SelectPickerFieldProps {
+export declare const SelectInput: ({ options, placeholder, className, onChange, id, name, value, ...props }: SelectInputProps) => JSX.Element;
+
+export declare interface SelectInputProps extends Omit<React.ComponentProps<typeof Select>, "onValueChange" | "onChange" | "error" | "label"> {
+    options: SelectOptionGroup[] | SelectOption[];
+    placeholder?: string;
+    id?: string;
     name: string;
     value?: string | null;
-    onChange: (value: string) => void;
-    options: SelectPickerOption[] | SelectPickerOptionGroup[];
-    placeholder?: string;
-    renderSelected?: (selected: SelectPickerOption) => React.ReactNode;
-    dropdownClassName?: string;
+    className?: string;
+    onChange: (value?: string | null) => void;
+}
+
+export declare interface SelectOption {
+    label: string;
+    value: string;
+}
+
+export declare interface SelectOptionGroup {
+    label: string | null;
+    options: SelectOption[];
 }
 
+export declare const SelectPicker: ({ options, value, placeholder, onChange, name, renderSelected, }: SelectPickerProps) => JSX.Element;
+
 export declare interface SelectPickerOption {
     icon?: string;
     label: string;
@@ -826,6 +906,15 @@ 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;
+}
+
 export declare const Separator: ({ className, orientation, gap, ...props }: SeparatorProps) => JSX.Element;
 
 declare interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -833,6 +922,23 @@ declare interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
     gap?: Gap;
 }
 
+export declare const Sheet: {
+    ({ ...props }: Dialog_3.Root.Props): JSX.Element;
+    Trigger: ({ ...props }: Dialog_3.Trigger.Props) => JSX.Element;
+    Close: ({ ...props }: Dialog_3.Close.Props) => JSX.Element;
+    Content: ({ className, children, side, showCloseButton, showOverlay, ...props }: Dialog_3.Popup.Props & {
+        side?: "top" | "right" | "bottom" | "left";
+        showCloseButton?: boolean;
+        showOverlay?: boolean;
+    }) => JSX.Element;
+    Overlay: ({ className, ...props }: Dialog_3.Backdrop.Props) => JSX.Element;
+    Header: ({ className, ...props }: ComponentProps<"div">) => JSX.Element;
+    Body: ({ className, ...props }: ComponentProps<"div">) => JSX.Element;
+    Footer: ({ className, ...props }: ComponentProps<"div">) => JSX.Element;
+    Title: ({ className, ...props }: Dialog_3.Title.Props) => JSX.Element;
+    Description: ({ className, ...props }: Dialog_3.Description.Props) => JSX.Element;
+};
+
 export declare const Sidebar: ({ brandContent, brandOnClick, activeSlug, itemSets, bottomItemSets, theme, setTheme, ...props }: SidebarProps) => JSX.Element;
 
 declare function Sidebar_2({ side, variant, collapsible, className, children, dir, ...props }: React_2.ComponentProps<"div"> & {
@@ -905,6 +1011,8 @@ declare interface SliderProps extends Slider_2.Root.Props {
     trackClassName?: string;
 }
 
+declare type Span = number | [col: number, row: number];
+
 export declare const SubmitButton: ({ variant, disabled, submitting, label, icon, children, ...props }: SubmitButtonProps) => JSX.Element;
 
 export declare interface SubmitButtonProps extends Omit<ButtonProps, "type"> {
@@ -915,29 +1023,17 @@ declare function Switch({ className, size, ...props }: Switch_2.Root.Props & {
     size?: "xs" | "sm" | "md" | "lg" | "xl";
 }): JSX.Element;
 
-export declare const Table: TableComponent;
-
-export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
-
-export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
-
-export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
-
-declare type TableComponent = React_2.FC<React_2.ComponentProps<"table">> & {
-    Body: typeof TableBody;
-    Caption: typeof TableCaption;
-    Cell: typeof TableCell;
-    Head: typeof TableHead;
-    Header: typeof TableHeader;
-    Row: typeof TableRow;
+export declare const Table: {
+    ({ className, ...props }: ComponentProps<"table">): JSX.Element;
+    Header: (props: ComponentProps<"thead">) => JSX.Element;
+    Body: (props: ComponentProps<"tbody">) => JSX.Element;
+    Footer: (props: ComponentProps<"tfoot">) => JSX.Element;
+    Head: (props: ComponentProps<"th">) => JSX.Element;
+    Row: (props: ComponentProps<"tr">) => JSX.Element;
+    Cell: (props: ComponentProps<"td">) => JSX.Element;
+    Caption: (props: ComponentProps<"caption">) => JSX.Element;
 };
 
-export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX.Element;
-
-export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): JSX.Element;
-
-export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
-
 export declare function Tabs({ className, orientation, ...props }: Tabs_2.Root.Props): JSX.Element;
 
 export declare function TabsContent({ className, ...props }: Tabs_2.Panel.Props): JSX.Element;
@@ -1029,13 +1125,12 @@ declare type TextListComponent = React.FC<TextListProps> & {
 };
 
 declare type TextListItemProps = React.ComponentProps<"li"> & {
-    asChild?: boolean;
     children: ReactNode;
 };
 
 declare type TextListProps = React.ComponentProps<"ul"> & {
-    position?: "inside" | "outside";
     variant?: "ordered" | "unordered" | "none";
+    position?: "inside" | "outside";
     children: ReactNode;
 };