@still-forest/canopy 0.52.0 → 0.54.0

package/dist/index.d.ts

@@ -1,24 +1,26 @@
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Accordion as Accordion_3 } from 'radix-ui';
+import { Button as Button_3 } from '@base-ui/react/button';
+import { Checkbox as Checkbox_3 } from 'radix-ui';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Collapsible as Collapsible_3 } from 'radix-ui';
 import { ComponentProps } from 'react';
 import { default as default_2 } from 'react';
+import { Dialog as Dialog_3 } from '@base-ui/react/dialog';
 import { JSX } from 'react/jsx-runtime';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
+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 * as SliderPrimitive from '@radix-ui/react-slider';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { Slider as Slider_3 } from 'radix-ui';
+import { Switch as Switch_3 } from 'radix-ui';
+import { Tabs as Tabs_2 } from 'radix-ui';
+import { Tooltip as Tooltip_3 } from '@base-ui/react/tooltip';
 import { VariantProps } from 'class-variance-authority';
 
 export declare const Accordion: AccordionComponent;
 
-declare function Accordion_2({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
+declare function Accordion_2({ ...props }: React_2.ComponentProps<typeof Accordion_3.Root>): JSX.Element;
 
 declare type AccordionComponent = React.FC<AccordionProps> & {
     Item: React.FC<AccordionItemProps>;
@@ -26,11 +28,11 @@ declare type AccordionComponent = React.FC<AccordionProps> & {
     Content: React.FC<AccordionContentProps>;
 };
 
-declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof Accordion_3.Content>): JSX.Element;
 
 declare type AccordionContentProps = React.ComponentProps<typeof AccordionContent>;
 
-declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
+declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof Accordion_3.Item>): JSX.Element;
 
 declare type AccordionItemProps = React.ComponentProps<typeof AccordionItem>;
 
@@ -38,7 +40,7 @@ export declare type AccordionProps = React.ComponentProps<typeof Accordion_2> &
     children: ReactNode;
 };
 
-declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof Accordion_3.Trigger>): JSX.Element;
 
 declare type AccordionTriggerProps = React.ComponentProps<typeof AccordionTrigger>;
 
@@ -123,11 +125,9 @@ declare type BulletListItemProps = ComponentProps<typeof Text_2>;
 
 declare type BulletListProps = ComponentProps<"ul">;
 
-export declare const Button: ({ label, children, onClick, variant, size, icon, asIcon, disabled, className, type, asChild, full, fit, rounded, ...rest }: ButtonProps) => JSX.Element;
+export declare const Button: ({ label, children, onClick, variant, size, icon, asIcon, disabled, className, type, full, fit, rounded, render, ...rest }: ButtonProps) => JSX.Element;
 
-declare function Button_2({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): JSX.Element;
+declare function Button_2({ className, variant, size, ...props }: Button_3.Props & VariantProps<typeof buttonVariants>): JSX.Element;
 
 export declare const ButtonGroup: {
     ({ children, className, ...props }: ButtonGroupProps): JSX.Element;
@@ -139,21 +139,21 @@ export declare interface ButtonGroupProps extends default_2.ComponentPropsWithou
     className?: string;
 }
 
-export declare interface ButtonProps extends default_2.ComponentProps<"button"> {
+export declare interface ButtonProps extends React.ComponentProps<"button"> {
     label?: string;
-    children?: default_2.ReactNode;
+    children?: React.ReactNode;
     onClick?: () => void;
     variant?: ButtonVariant;
     size?: "default" | "xs" | "sm" | "md" | "lg" | "xl";
-    icon?: default_2.ReactElement;
+    icon?: ReactElement;
     asIcon?: boolean;
     disabled?: boolean;
     className?: string;
     type?: "button" | "submit" | "reset";
     fit?: boolean;
     full?: boolean;
-    asChild?: boolean;
     rounded?: boolean;
+    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;
@@ -176,7 +176,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" | "icon" | "unstyled" | null | undefined;
+    size?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "unstyled" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Card: CardComponent;
@@ -222,7 +222,7 @@ 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_2({ className, ...props }: React_2.ComponentProps<typeof CheckboxPrimitive.Root>): JSX.Element;
+declare function Checkbox_2({ className, ...props }: React_2.ComponentProps<typeof Checkbox_3.Root>): JSX.Element;
 
 export declare interface CheckboxProps extends React.ComponentProps<typeof Checkbox_2> {
     label: string;
@@ -242,20 +242,20 @@ export declare const Code: ({ children, ...props }: TextProps) => JSX.Element;
 
 export declare const Collapsible: CollapsibleComponent;
 
-declare function Collapsible_2({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): JSX.Element;
+declare function Collapsible_2({ ...props }: React.ComponentProps<typeof Collapsible_3.Root>): JSX.Element;
 
 declare type CollapsibleComponent = React.FC<CollapsibleProps> & {
     Trigger: React.FC<CollapsibleTriggerProps>;
     Content: React.FC<CollapsibleContentProps>;
 };
 
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible_3.CollapsibleContent>): JSX.Element;
 
 declare type CollapsibleContentProps = React.ComponentProps<typeof CollapsibleContent>;
 
 export declare type CollapsibleProps = React.ComponentProps<typeof Collapsible_2>;
 
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible_3.CollapsibleTrigger>): JSX.Element;
 
 declare type CollapsibleTriggerProps = React.ComponentProps<typeof CollapsibleTrigger>;
 
@@ -297,6 +297,41 @@ declare interface DatePickerProps {
 
 export declare const DeleteButton: ({ icon, disabled, handleDelete, ...rest }: Props_4) => JSX.Element;
 
+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;
+};
+
+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];
 
 declare type Display_2 = "block" | "flex";
@@ -714,16 +749,16 @@ declare interface PasswordInputProps extends Omit<InputProps, "type"> {
 
 export declare const Popover: PopoverComponent;
 
-declare function Popover_2({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element;
+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;
 };
 
-declare function PopoverContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Content>): 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 }: React_2.ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element;
+declare function PopoverTrigger({ ...props }: Popover_3.Trigger.Props): JSX.Element;
 
 export declare type Position = (typeof POSITIONS)[number];
 
@@ -742,8 +777,8 @@ declare interface Props {
 }
 
 declare interface Props_2 {
-    children: React.ReactNode;
-    trigger?: React.ReactNode;
+    children: ReactNode;
+    trigger?: ReactElement;
     title?: string;
     description?: string;
     open?: boolean;
@@ -813,7 +848,7 @@ export declare interface SelectInputProps extends Omit<ComponentProps<"select">,
     size?: "xs" | "sm" | "md" | "lg" | "xl";
 }
 
-export declare const SelectPicker: ({ options, value, placeholder, onChange, label, name, labelClassName, triggerClassName, dropdownClassName, hint, note, error, renderSelected, }: SelectPickerProps) => JSX.Element;
+export declare const SelectPicker: ({ options, value, placeholder, onChange, name, renderSelected, dropdownClassName, }: SelectPickerProps) => JSX.Element;
 
 export declare interface SelectPickerOption {
     icon?: string;
@@ -831,19 +866,12 @@ export declare type SelectPickerOptionValue = string;
 
 export declare interface SelectPickerProps {
     name: string;
-    value?: string;
+    value?: string | null;
     onChange: (value: string) => void;
     options: SelectPickerOption[] | SelectPickerOptionGroup[];
-    label?: string;
-    labelClassName?: string;
-    triggerClassName?: string;
-    dropdownClassName?: string;
     placeholder?: string;
-    hint?: string;
-    note?: string;
-    error?: string;
     renderSelected?: (selected: SelectPickerOption) => React.ReactNode;
-    className?: string;
+    dropdownClassName?: string;
 }
 
 export declare const Separator: ({ className, orientation, gap, ...props }: SeparatorProps) => JSX.Element;
@@ -887,12 +915,12 @@ declare interface SideLinkSet {
     links: SideLink[];
 }
 
-export declare const SimpleTooltip: ({ children, cursor, content }: SimpleTooltipProps) => JSX.Element;
+export declare const SimpleTooltip: ({ children, cursor, content, ...props }: SimpleTooltipProps) => JSX.Element;
 
-declare interface SimpleTooltipProps {
-    children: string | React.ReactNode;
+declare interface SimpleTooltipProps extends Omit<ComponentProps<typeof Tooltip.Content>, "content"> {
+    children: string | ReactElement;
     cursor?: CursorType;
-    content: string | React.ReactNode;
+    content: string | ReactElement;
 }
 
 export declare type Size = (typeof SIZES)[number];
@@ -920,7 +948,7 @@ declare interface SliderProps extends Omit<React.ComponentProps<typeof Slider_2>
     defaultValue?: number | number[];
 }
 
-declare interface SliderProps_2 extends React_2.ComponentProps<typeof SliderPrimitive.Root> {
+declare interface SliderProps_2 extends React_2.ComponentProps<typeof Slider_3.Root> {
     trackClassName?: string;
     thumbClassName?: string;
 }
@@ -940,7 +968,7 @@ export declare interface SubmitButtonProps extends Omit<ButtonProps, "icon"> {
 
 export declare const Switch: ({ id: idProp, label, className, thumbClassName, labelClassName, size, ...props }: SwitchProps) => JSX.Element;
 
-declare function Switch_2({ className, thumbClassName, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root> & {
+declare function Switch_2({ className, thumbClassName, ...props }: React_2.ComponentProps<typeof Switch_3.Root> & {
     thumbClassName?: string;
 }): JSX.Element;
 
@@ -974,13 +1002,13 @@ export declare function TableHeader({ className, ...props }: React_2.ComponentPr
 
 export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
 
-export declare function Tabs({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Root>): JSX.Element;
+export declare function Tabs({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Root>): JSX.Element;
 
-export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Content>): JSX.Element;
+export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Content>): JSX.Element;
 
-export declare function TabsList({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.List>): JSX.Element;
+export declare function TabsList({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.List>): JSX.Element;
 
-export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
+export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Trigger>): JSX.Element;
 
 export declare const TAILWIND_COLORS: readonly ["red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "slate", "gray", "zinc", "neutral", "stone", "white", "black"];
 
@@ -1150,20 +1178,20 @@ declare type TimelineTitleProps = React.ComponentProps<typeof Heading>;
 
 export declare const Tooltip: TooltipComponent;
 
-declare function Tooltip_2({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
+declare function Tooltip_2({ ...props }: Tooltip_3.Root.Props): JSX.Element;
 
 declare type TooltipComponent = React.FC<TooltipProps> & {
     Trigger: React.FC<TooltipTriggerProps>;
     Content: React.FC<TooltipContentProps>;
 };
 
-declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip_3.Popup.Props & Pick<Tooltip_3.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): JSX.Element;
 
 declare type TooltipContentProps = React.ComponentProps<typeof TooltipContent>;
 
 declare type TooltipProps = React.ComponentProps<typeof Tooltip_2>;
 
-declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
+declare function TooltipTrigger({ ...props }: Tooltip_3.Trigger.Props): JSX.Element;
 
 declare type TooltipTriggerProps = React.ComponentProps<typeof TooltipTrigger> & {
     cursor?: CursorType;