@still-forest/canopy 0.64.1 → 0.65.1

package/dist/index.d.ts

@@ -1,13 +1,19 @@
 import { Accordion as Accordion_3 } from '@base-ui/react/accordion';
-import { Button as Button_4 } from '@base-ui/react/button';
+import { AlertDialog as AlertDialog_2 } from '@base-ui/react/alert-dialog';
+import { ButtonHTMLAttributes } from 'react';
+import { ClassAttributes } from 'react';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
 import { Collapsible as Collapsible_3 } from '@base-ui/react/collapsible';
 import { ComponentProps } from 'react';
+import { ComponentRenderFn } from '@base-ui/react';
 import { default as default_2 } from 'react';
-import { Dialog as Dialog_3 } from '@base-ui/react/dialog';
+import { Dialog as Dialog_2 } from '@base-ui/react/dialog';
+import { ElementType } from 'react';
 import { FC } from 'react';
+import { HTMLProps } from '@base-ui/react';
 import { JSX } from 'react/jsx-runtime';
+import { JSXElementConstructor } from 'react';
 import { Menu } from '@base-ui/react/menu';
 import { Menubar as Menubar_2 } from '@base-ui/react/menubar';
 import { Popover as Popover_2 } from '@base-ui/react/popover';
@@ -21,6 +27,7 @@ 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';
+import { useRender as useRender_2 } from '@base-ui/react';
 import { VariantProps } from 'class-variance-authority';
 
 export declare const Accordion: AccordionComponent;
@@ -59,6 +66,46 @@ declare interface AddonProps extends ComponentProps<"div"> {
 
 export declare const Alert: ({ variant, title, description, actions, className, children }: AlertProps) => JSX.Element;
 
+export declare function AlertDialog({ ...props }: AlertDialog_2.Root.Props): JSX.Element;
+
+export declare namespace AlertDialog {
+    var Action: typeof AlertDialogAction;
+    var Cancel: typeof AlertDialogCancel;
+    var Content: typeof AlertDialogContent;
+    var Description: typeof AlertDialogDescription;
+    var Footer: typeof AlertDialogFooter;
+    var Header: typeof AlertDialogHeader;
+    var Media: typeof AlertDialogMedia;
+    var Overlay: typeof AlertDialogOverlay;
+    var Portal: typeof AlertDialogPortal;
+    var Title: typeof AlertDialogTitle;
+    var Trigger: typeof AlertDialogTrigger;
+}
+
+declare function AlertDialogAction({ className, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
+
+declare function AlertDialogCancel({ className, variant, outline, size, ...props }: AlertDialog_2.Close.Props & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size" | "outline">): JSX.Element;
+
+declare function AlertDialogContent({ className, size, ...props }: AlertDialog_2.Popup.Props & {
+    size?: "default" | "sm";
+}): JSX.Element;
+
+declare function AlertDialogDescription({ className, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Description>): JSX.Element;
+
+declare function AlertDialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare function AlertDialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare function AlertDialogMedia({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare function AlertDialogOverlay({ className, ...props }: AlertDialog_2.Backdrop.Props): JSX.Element;
+
+declare function AlertDialogPortal({ ...props }: AlertDialog_2.Portal.Props): JSX.Element;
+
+declare function AlertDialogTitle({ className, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Title>): JSX.Element;
+
+declare function AlertDialogTrigger({ ...props }: AlertDialog_2.Trigger.Props): JSX.Element;
+
 declare interface AlertProps {
     variant: NotificationVariant;
     title?: string;
@@ -145,8 +192,6 @@ export declare const Button: ({ className, variant, size, outline, knockout, rou
 
 declare const Button_2: ({ children, size, variant, ...props }: ComponentProps<typeof Button>) => JSX.Element;
 
-declare function Button_3({ className, variant, size, ...props }: Button_4.Props & VariantProps<typeof buttonVariants>): JSX.Element;
-
 export declare const ButtonGroup: ({ children, className, ...props }: ButtonGroupProps) => JSX.Element;
 
 export declare interface ButtonGroupProps extends ComponentProps<"fieldset"> {
@@ -190,11 +235,6 @@ export declare type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
 
 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;
-    size?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "unstyled" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & ClassProp) | undefined) => string;
-
 export declare const Card: CardComponent;
 
 declare function Card_2({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
@@ -343,40 +383,22 @@ declare interface DesktopSelectPickerProps {
 }
 
 export declare const Dialog: {
-    (props: ComponentProps<typeof Dialog_2>): JSX.Element;
-    Close: typeof DialogClose;
-    Content: typeof DialogContent;
-    Description: typeof DialogDescription;
-    Footer: typeof DialogFooter;
-    Header: typeof DialogHeader;
-    Overlay: typeof DialogOverlay;
-    Portal: typeof DialogPortal;
-    Title: typeof DialogTitle;
-    Trigger: ({ children, render, ...props }: Dialog_3.Trigger.Props & ButtonProps) => JSX.Element;
+    ({ ...props }: Dialog_2.Root.Props): JSX.Element;
+    Close: ({ ...props }: Dialog_2.Close.Props) => JSX.Element;
+    Content: ({ className, children, showCloseButton, ...props }: Dialog_2.Popup.Props & {
+        showCloseButton?: boolean;
+    }) => JSX.Element;
+    Description: ({ className, ...props }: Dialog_2.Description.Props) => JSX.Element;
+    Header: ({ className, ...props }: React_2.ComponentProps<"div">) => JSX.Element;
+    Footer: ({ className, showCloseButton, children, ...props }: React_2.ComponentProps<"div"> & {
+        showCloseButton?: boolean;
+    }) => JSX.Element;
+    Overlay: ({ className, ...props }: Dialog_2.Backdrop.Props) => JSX.Element;
+    Portal: ({ ...props }: Dialog_2.Portal.Props) => JSX.Element;
+    Title: ({ className, ...props }: Dialog_2.Title.Props) => JSX.Element;
+    Trigger: ({ ...props }: Dialog_2.Trigger.Props) => JSX.Element;
 };
 
-declare function Dialog_2({ ...props }: Dialog_3.Root.Props): JSX.Element;
-
-declare function DialogClose({ ...props }: Dialog_3.Close.Props): JSX.Element;
-
-declare function DialogContent({ className, children, showCloseButton, ...props }: Dialog_3.Popup.Props & {
-    showCloseButton?: boolean;
-}): JSX.Element;
-
-declare function DialogDescription({ className, ...props }: Dialog_3.Description.Props): JSX.Element;
-
-declare function DialogFooter({ className, showCloseButton, children, ...props }: React_2.ComponentProps<"div"> & {
-    showCloseButton?: boolean;
-}): JSX.Element;
-
-declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
-
-declare function DialogOverlay({ className, ...props }: Dialog_3.Backdrop.Props): JSX.Element;
-
-declare function DialogPortal({ ...props }: Dialog_3.Portal.Props): JSX.Element;
-
-declare function DialogTitle({ className, ...props }: Dialog_3.Title.Props): JSX.Element;
-
 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"];
@@ -749,12 +771,6 @@ export declare const Menubar: {
     MenuSeparator: ({ className, ...props }: ComponentProps<typeof Separator_2>) => 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 MultiSelectInput: ({ options, selectedOptions, onChange, unFilteredLabel, filteredLabel, size, className, }: MultiSelectInputProps) => JSX.Element;
 
 declare interface MultiSelectInputProps {
@@ -831,7 +847,7 @@ export declare type Overflow = (typeof OVERFLOWS)[number];
 
 export declare const OVERFLOWS: readonly ["auto", "scroll", "hidden", "clip", "visible"];
 
-export declare const Pagination: ({ pageCount, currentPage, onChange }: Props_3) => JSX.Element;
+export declare const Pagination: ({ pageCount, currentPage, onChange }: Props_2) => JSX.Element;
 
 export declare const Paragraph: ({ children, className, as, ...props }: TextProps) => JSX.Element;
 
@@ -882,6 +898,12 @@ declare interface Props {
 }
 
 declare interface Props_2 {
+    pageCount: number;
+    currentPage: number;
+    onChange: (page: number) => void;
+}
+
+declare interface Props_3 {
     children: ReactNode;
     trigger?: ReactElement;
     title?: string;
@@ -891,16 +913,6 @@ declare interface Props_2 {
     ariaDescription?: string;
 }
 
-declare interface Props_3 {
-    pageCount: number;
-    currentPage: number;
-    onChange: (page: number) => void;
-}
-
-declare interface Props_4 extends SidebarProps {
-    children?: React.ReactNode;
-}
-
 export declare const RadioField: ({ label, name, options, note, value, size, onChange, error, labelClassName, }: RadioFieldProps) => JSX.Element;
 
 declare interface RadioFieldProps {
@@ -970,61 +982,93 @@ export declare interface SelectPickerProps {
 
 export declare const Separator: ({ className, orientation, gap, ...props }: SeparatorProps) => JSX.Element;
 
+declare function Separator_3({ className, orientation, ...props }: Separator_2.Props): JSX.Element;
+
 declare interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: "horizontal" | "vertical";
     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 & {
+    ({ ...props }: Dialog_2.Root.Props): JSX.Element;
+    Trigger: ({ ...props }: Dialog_2.Trigger.Props) => JSX.Element;
+    Close: ({ ...props }: Dialog_2.Close.Props) => JSX.Element;
+    Content: ({ className, children, side, showCloseButton, showOverlay, ...props }: Dialog_2.Popup.Props & {
         side?: "top" | "right" | "bottom" | "left";
         showCloseButton?: boolean;
         showOverlay?: boolean;
     }) => JSX.Element;
-    Overlay: ({ className, ...props }: Dialog_3.Backdrop.Props) => JSX.Element;
+    Overlay: ({ className, ...props }: Dialog_2.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;
+    Title: ({ className, ...props }: Dialog_2.Title.Props) => JSX.Element;
+    Description: ({ className, ...props }: Dialog_2.Description.Props) => JSX.Element;
+};
+
+export declare const Sidebar: {
+    ({ side, collapsible, className, children, ...props }: SidebarProps): JSX.Element;
+    Rail: ({ className, ...props }: React.ComponentProps<"button">) => JSX.Element;
+    Inset: ({ className, ...props }: React.ComponentProps<"main">) => JSX.Element;
+    Header: ({ className, ...props }: React.ComponentProps<"div">) => JSX.Element;
+    Footer: ({ className, ...props }: React.ComponentProps<"div">) => JSX.Element;
+    Content: ({ className, ...props }: React.ComponentProps<"div">) => JSX.Element;
+    Group: ({ className, ...props }: React.ComponentProps<"div">) => JSX.Element;
+    GroupLabel: ({ className, render, ...props }: useRender_2.ComponentProps<"div"> & React.ComponentProps<"div">) => ReactElement<unknown, string | JSXElementConstructor<any>>;
+    GroupAction: ({ className, render, ...props }: useRender_2.ComponentProps<"button"> & React.ComponentProps<"button">) => ReactElement<unknown, string | JSXElementConstructor<any>>;
+    GroupContent: ({ className, ...props }: React.ComponentProps<"div">) => JSX.Element;
+    Menu: ({ className, ...props }: React.ComponentProps<"ul">) => JSX.Element;
+    MenuItem: ({ className, ...props }: React.ComponentProps<"li">) => JSX.Element;
+    MenuAction: ({ className, render, showOnHover, ...props }: useRender_2.ComponentProps<"button"> & React.ComponentProps<"button"> & {
+        showOnHover?: boolean;
+    }) => ReactElement<unknown, string | JSXElementConstructor<any>>;
+    MenuSub: ({ className, ...props }: React.ComponentProps<"ul">) => JSX.Element;
+    MenuSubItem: ({ className, ...props }: React.ComponentProps<"li">) => JSX.Element;
+    MenuSubButton: ({ render, size, isActive, className, ...props }: useRender_2.ComponentProps<"a"> & React.ComponentProps<"a"> & {
+        size?: "sm" | "md";
+        isActive?: boolean;
+    }) => ReactElement<unknown, string | JSXElementConstructor<any>>;
+    Separator: ({ className, ...props }: React.ComponentProps<Separator_3>) => JSX.Element;
+    MenuButton: ({ render, active, size, tooltip, forceTooltip, className, ...buttonProps }: ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement> & {
+        render?: ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, {}> | undefined;
+    } & {
+        active?: boolean;
+        tooltip?: string;
+        forceTooltip?: boolean;
+        size?: "default" | "lg";
+    }) => JSX.Element;
+    Trigger: ({ className, icon, children, ...props }: SidebarTriggerProps) => JSX.Element;
 };
 
-export declare const Sidebar: ({ brandContent, brandOnClick, activeSlug, itemSets, bottomItemSets, theme, setTheme, ...props }: SidebarProps) => JSX.Element;
+declare const SidebarMenuButton: ({ render, active, size, tooltip, forceTooltip, className, ...buttonProps }: SidebarMenuButtonProps) => JSX.Element;
 
-declare function Sidebar_2({ side, variant, collapsible, className, children, dir, ...props }: React_2.ComponentProps<"div"> & {
+declare type SidebarMenuButtonProps = useRender.ComponentProps<"button"> & React_2.ComponentProps<"button"> & {
+    active?: boolean;
+    tooltip?: string;
+    forceTooltip?: boolean;
+    size?: "default" | "lg";
+};
+
+export declare interface SidebarProps extends React.ComponentProps<"div"> {
     side?: "left" | "right";
-    variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
-}): JSX.Element;
+}
 
-export declare const SidebarLayout: ({ children, ...props }: Props_4) => JSX.Element;
+export declare const SidebarProvider: ({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: SidebarProviderProps) => JSX.Element;
 
-export declare interface SidebarProps extends React.ComponentProps<typeof Sidebar_2> {
-    brandContent: React.ReactNode;
-    brandOnClick?: () => void;
-    activeSlug?: string;
-    itemSets: SideLinkSet[];
-    bottomItemSets?: SideLinkSet[];
-    theme: Theme;
-    setTheme: (theme: Theme) => void;
+declare interface SidebarProviderProps extends React_2.ComponentProps<"div"> {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 }
 
-export declare function SidebarTrigger({ className, onClick, children, ...props }: React_2.ComponentProps<typeof Button_3>): JSX.Element;
+export declare const SidebarTrigger: ({ className, icon, children, ...props }: SidebarTriggerProps) => JSX.Element;
 
-declare interface SideLink {
-    slug: string;
-    title: string;
-    icon: React.ElementType;
-    onClick?: () => void;
-    external?: boolean;
+export declare interface SidebarTriggerProps extends React_2.ComponentProps<typeof SidebarMenuButton> {
+    icon?: ElementType;
 }
 
-declare interface SideLinkSet {
-    links: SideLink[];
-}
+export declare const SimpleDialog: ({ trigger, children, title, description, open, onOpenChange, ariaDescription }: Props_3) => JSX.Element;
 
 export declare const SimpleTooltip: ({ children, cursor, content, ...props }: SimpleTooltipProps) => JSX.Element;
 
@@ -1072,11 +1116,21 @@ export declare interface SubmitButtonProps extends Omit<ButtonProps, "type"> {
     submitting: boolean;
 }
 
-declare function Switch({ className, size, thumbClassName, ...props }: Switch_2.Root.Props & {
+export declare function Switch({ className, size, thumbClassName, ...props }: Switch_2.Root.Props & {
     size?: "xs" | "sm" | "md" | "lg" | "xl";
     thumbClassName?: string;
 }): JSX.Element;
 
+export declare const SwitchField: ({ id: idProp, label, labelClassName, containerClassName, size, ...props }: SwitchFieldProps) => JSX.Element;
+
+declare interface SwitchFieldProps extends React.ComponentProps<typeof Switch> {
+    id?: string;
+    label?: string | (string | null)[];
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    labelClassName?: string | string[];
+    containerClassName?: string;
+}
+
 export declare const Table: {
     ({ className, ...props }: ComponentProps<"table">): JSX.Element;
     Header: (props: ComponentProps<"thead">) => JSX.Element;
@@ -1192,16 +1246,6 @@ export declare type TextTracking = (typeof TEXT_TRACKINGS)[number];
 
 export declare type Theme = "system" | "light" | "dark";
 
-export declare const ToggleField: ({ id: idProp, label, labelClassName, containerClassName, size, ...props }: ToggleFieldProps) => JSX.Element;
-
-declare interface ToggleFieldProps extends React.ComponentProps<typeof Switch> {
-    id?: string;
-    label?: string | (string | null)[];
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    labelClassName?: string | string[];
-    containerClassName?: string;
-}
-
 export declare const Tooltip: TooltipComponent;
 
 declare function Tooltip_2({ ...props }: Tooltip_3.Root.Props): JSX.Element;