@still-forest/canopy 0.54.0 → 0.55.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 Still Forest LLC
+Copyright (c) 2026 Still Forest LLC
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/index.d.ts

@@ -1,26 +1,28 @@
-import { Accordion as Accordion_3 } from 'radix-ui';
+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 'radix-ui';
+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 'radix-ui';
+import { Collapsible as Collapsible_3 } from '@base-ui/react/collapsible';
 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 { JSXElementConstructor } from 'react';
 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 'radix-ui';
-import { Switch as Switch_3 } from 'radix-ui';
-import { Tabs as Tabs_2 } from 'radix-ui';
+import { Slider as Slider_3 } from '@base-ui/react/slider';
+import { Switch as Switch_3 } 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 { VariantProps } from 'class-variance-authority';
 
 export declare const Accordion: AccordionComponent;
 
-declare function Accordion_2({ ...props }: React_2.ComponentProps<typeof Accordion_3.Root>): JSX.Element;
+declare function Accordion_2({ className, ...props }: Accordion_3.Root.Props): JSX.Element;
 
 declare type AccordionComponent = React.FC<AccordionProps> & {
     Item: React.FC<AccordionItemProps>;
@@ -28,11 +30,13 @@ declare type AccordionComponent = React.FC<AccordionProps> & {
     Content: React.FC<AccordionContentProps>;
 };
 
-declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof Accordion_3.Content>): JSX.Element;
+declare function AccordionContent({ className, contentClassName, children, ...props }: Accordion_3.Panel.Props & {
+    contentClassName?: string;
+}): JSX.Element;
 
 declare type AccordionContentProps = React.ComponentProps<typeof AccordionContent>;
 
-declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof Accordion_3.Item>): JSX.Element;
+declare function AccordionItem({ className, ...props }: Accordion_3.Item.Props): JSX.Element;
 
 declare type AccordionItemProps = React.ComponentProps<typeof AccordionItem>;
 
@@ -40,7 +44,7 @@ export declare type AccordionProps = React.ComponentProps<typeof Accordion_2> &
     children: ReactNode;
 };
 
-declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof Accordion_3.Trigger>): JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: Accordion_3.Trigger.Props): JSX.Element;
 
 declare type AccordionTriggerProps = React.ComponentProps<typeof AccordionTrigger>;
 
@@ -56,11 +60,9 @@ export declare interface AlertProps {
 
 declare type AlertVariant = "info" | "success" | "warning" | "error";
 
-export declare const Badge: ({ label, onClick, className, variant, color, children, ...props }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ label, onClick, className, variant, color, children, render, ...props }: BadgeProps) => JSX.Element;
 
-declare function Badge_2({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
-    asChild?: boolean;
-}): JSX.Element;
+declare function Badge_2({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): ReactElement<unknown, string | JSXElementConstructor<any>>;
 
 export declare interface BadgeProps extends React.ComponentProps<typeof Badge_2> {
     variant?: BadgeVariant;
@@ -74,7 +76,7 @@ export declare interface BadgeProps extends React.ComponentProps<typeof Badge_2>
 declare type BadgeVariant = AlertVariant | "default" | "secondary" | "destructive" | "outline";
 
 declare const badgeVariants: (props?: ({
-    variant?: "info" | "success" | "warning" | "error" | "default" | "secondary" | "destructive" | "outline" | null | undefined;
+    variant?: "link" | "info" | "success" | "warning" | "error" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare type BaseButtonSize = "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "unstyled";
@@ -222,7 +224,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 Checkbox_3.Root>): JSX.Element;
+declare function Checkbox_2({ className, ...props }: Checkbox_3.Root.Props): JSX.Element;
 
 export declare interface CheckboxProps extends React.ComponentProps<typeof Checkbox_2> {
     label: string;
@@ -242,20 +244,20 @@ export declare const Code: ({ children, ...props }: TextProps) => JSX.Element;
 
 export declare const Collapsible: CollapsibleComponent;
 
-declare function Collapsible_2({ ...props }: React.ComponentProps<typeof Collapsible_3.Root>): JSX.Element;
+declare function Collapsible_2({ ...props }: Collapsible_3.Root.Props): JSX.Element;
 
 declare type CollapsibleComponent = React.FC<CollapsibleProps> & {
     Trigger: React.FC<CollapsibleTriggerProps>;
     Content: React.FC<CollapsibleContentProps>;
 };
 
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible_3.CollapsibleContent>): JSX.Element;
+declare function CollapsibleContent({ ...props }: Collapsible_3.Panel.Props): 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 Collapsible_3.CollapsibleTrigger>): JSX.Element;
+declare function CollapsibleTrigger({ ...props }: Collapsible_3.Trigger.Props): JSX.Element;
 
 declare type CollapsibleTriggerProps = React.ComponentProps<typeof CollapsibleTrigger>;
 
@@ -596,9 +598,7 @@ export declare interface InterstitialProps {
 
 export declare const Item: ItemComponent;
 
-declare function Item_2({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
-    asChild?: boolean;
-}): JSX.Element;
+declare function Item_2({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
 
 declare function ItemActions({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
@@ -650,7 +650,7 @@ declare type ItemTitleProps = React.ComponentProps<typeof ItemTitle>;
 
 declare const itemVariants: (props?: ({
     variant?: "default" | "outline" | "muted" | null | undefined;
-    size?: "default" | "sm" | null | undefined;
+    size?: "default" | "xs" | "sm" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Label: ({ htmlFor, value, children, size, className, ...props }: LabelProps) => JSX.Element;
@@ -883,7 +883,7 @@ declare interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
 
 export declare const Sidebar: ({ brandContent, brandOnClick, activeSlug, itemSets, bottomItemSets, theme, setTheme, ...props }: SidebarProps) => JSX.Element;
 
-declare function Sidebar_2({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<"div"> & {
+declare function Sidebar_2({ side, variant, collapsible, className, children, dir, ...props }: React_2.ComponentProps<"div"> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
@@ -931,7 +931,7 @@ export declare function Skeleton({ className, ...props }: React.ComponentProps<"
 
 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_2({ className, trackClassName, thumbClassName, defaultValue, value, min, max, ...props }: SliderProps_2): JSX.Element;
+declare function Slider_2({ className, defaultValue, value, min, max, thumbClassName, trackClassName, ...props }: SliderProps_2): JSX.Element;
 
 declare interface SliderProps extends Omit<React.ComponentProps<typeof Slider_2>, "value" | "defaultValue"> {
     name: string;
@@ -948,9 +948,9 @@ declare interface SliderProps extends Omit<React.ComponentProps<typeof Slider_2>
     defaultValue?: number | number[];
 }
 
-declare interface SliderProps_2 extends React_2.ComponentProps<typeof Slider_3.Root> {
-    trackClassName?: string;
+declare interface SliderProps_2 extends Slider_3.Root.Props {
     thumbClassName?: string;
+    trackClassName?: string;
 }
 
 export declare const SubmitButton: ({ submitting, disabled, submittingIcon, action, label: customLabel, submittingLabel: customSubmittingLabel, icon: customIcon, noIcon, ...rest }: SubmitButtonProps) => JSX.Element;
@@ -966,10 +966,10 @@ export declare interface SubmitButtonProps extends Omit<ButtonProps, "icon"> {
     noIcon?: boolean;
 }
 
-export declare const Switch: ({ id: idProp, label, className, thumbClassName, labelClassName, size, ...props }: SwitchProps) => JSX.Element;
+export declare const Switch: ({ id: idProp, label, className, labelClassName, size, ...props }: SwitchProps) => JSX.Element;
 
-declare function Switch_2({ className, thumbClassName, ...props }: React_2.ComponentProps<typeof Switch_3.Root> & {
-    thumbClassName?: string;
+declare function Switch_2({ className, size, ...props }: Switch_3.Root.Props & {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
 }): JSX.Element;
 
 declare interface SwitchProps extends React.ComponentProps<typeof Switch_2> {
@@ -1002,13 +1002,17 @@ 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 Tabs_2.Root>): JSX.Element;
+export declare function Tabs({ className, orientation, ...props }: Tabs_2.Root.Props): JSX.Element;
 
-export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Content>): JSX.Element;
+export declare function TabsContent({ className, ...props }: Tabs_2.Panel.Props): JSX.Element;
 
-export declare function TabsList({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.List>): JSX.Element;
+export declare function TabsList({ className, variant, ...props }: Tabs_2.List.Props & VariantProps<typeof tabsListVariants>): JSX.Element;
+
+declare const tabsListVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & ClassProp) | undefined) => string;
 
-export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Trigger>): JSX.Element;
+export declare function TabsTrigger({ className, ...props }: Tabs_2.Tab.Props): 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"];
 
@@ -1088,9 +1092,8 @@ declare type TextListItemProps = React.ComponentProps<"li"> & {
 };
 
 declare type TextListProps = React.ComponentProps<"ul"> & {
-    type?: "ordered" | "unordered" | "none";
     position?: "inside" | "outside";
-    variant?: TypographyVariant;
+    variant?: "ordered" | "unordered" | "none";
     children: ReactNode;
 };
 
@@ -1113,69 +1116,6 @@ export declare interface ThemeSelectorProps {
     buttonClassName?: string;
 }
 
-export declare const Timeline: TimelineComponent;
-
-declare function Timeline_2({ defaultValue, value, onValueChange, orientation, className, ...props }: TimelineProps_2): JSX.Element;
-
-declare type TimelineComponent = React.FC<TimelineProps> & {
-    Item: React.FC<TimelineItemProps>;
-    Header: React.FC<TimelineHeaderProps>;
-    Separator: React.FC<TimelineSeparatorProps>;
-    Date: React.FC<TimelineDateProps>;
-    Title: React.FC<TimelineTitleProps>;
-    Indicator: React.FC<TimelineIndicatorProps>;
-    Content: React.FC<TimelineContentProps>;
-};
-
-declare function TimelineContent({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
-
-declare type TimelineContentProps = React.ComponentProps<typeof TimelineContent>;
-
-declare function TimelineDate({ asChild, className, ...props }: TimelineDateProps_2): JSX.Element;
-
-declare type TimelineDateProps = React.ComponentProps<typeof TimelineDate>;
-
-declare interface TimelineDateProps_2 extends React_2.HTMLAttributes<HTMLTimeElement> {
-    asChild?: boolean;
-}
-
-declare function TimelineHeader({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
-
-declare type TimelineHeaderProps = React.ComponentProps<typeof TimelineHeader>;
-
-declare function TimelineIndicator({ asChild, className, children, ...props }: TimelineIndicatorProps_2): JSX.Element;
-
-declare type TimelineIndicatorProps = React.ComponentProps<typeof TimelineIndicator>;
-
-declare interface TimelineIndicatorProps_2 extends React_2.HTMLAttributes<HTMLDivElement> {
-    asChild?: boolean;
-}
-
-declare function TimelineItem({ step, className, ...props }: TimelineItemProps_2): JSX.Element;
-
-declare type TimelineItemProps = React.ComponentProps<typeof TimelineItem>;
-
-declare interface TimelineItemProps_2 extends React_2.HTMLAttributes<HTMLDivElement> {
-    step: number;
-}
-
-export declare type TimelineProps = React.ComponentProps<typeof Timeline_2> & {
-    children: ReactNode;
-};
-
-declare interface TimelineProps_2 extends React_2.HTMLAttributes<HTMLDivElement> {
-    defaultValue?: number;
-    value?: number;
-    onValueChange?: (value: number) => void;
-    orientation?: "horizontal" | "vertical";
-}
-
-declare function TimelineSeparator({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
-
-declare type TimelineSeparatorProps = React.ComponentProps<typeof TimelineSeparator>;
-
-declare type TimelineTitleProps = React.ComponentProps<typeof Heading>;
-
 export declare const Tooltip: TooltipComponent;
 
 declare function Tooltip_2({ ...props }: Tooltip_3.Root.Props): JSX.Element;