@still-forest/canopy 0.14.0 → 0.16.0

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { ComponentProps } from 'react';
 import { default as default_2 } from 'react';
 import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
 
 export declare const Box: default_2.ForwardRefExoticComponent<BoxProps & default_2.RefAttributes<HTMLDivElement>>;
 
@@ -57,6 +58,10 @@ export declare interface CheckboxProps {
     onCheckedChange?: (checked: boolean) => void;
 }
 
+declare interface ChildProps {
+    children: React.ReactNode;
+}
+
 export declare const Code: ({ children, ...props }: TextProps) => JSX.Element;
 
 export declare const Container: ({ children, className, ...props }: ContainerProps) => JSX.Element;
@@ -230,6 +235,10 @@ declare const LAYOUT_VARIANTS: readonly ["default", "primary", "secondary", "mut
 
 declare type LayoutVariant = (typeof LAYOUT_VARIANTS)[number];
 
+export declare const MenuItemText: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+
 /**
  + * A specialized input component for numeric values.
  + * Extends TextInput with number-specific functionality.
@@ -270,6 +279,10 @@ declare interface Props_2 extends ButtonProps {
     submittingIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
 }
 
+declare interface Props_3 extends SidebarProps {
+    children?: React.ReactNode;
+}
+
 export declare const RadioSelect: ({ label, name, options, value, onChange }: RadioSelectProps) => JSX.Element;
 
 declare interface RadioSelectProps {
@@ -316,6 +329,42 @@ export declare interface SelectPickerProps {
     renderSelected?: (selected: SelectPickerOption) => React.ReactNode;
 }
 
+export declare const Separator: ({ className, orientation, gap, ...props }: SeparatorProps) => JSX.Element;
+
+declare interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: "horizontal" | "vertical";
+    gap?: Gap;
+}
+
+export declare const Sidebar: ({ brandContent, brandOnClick, activeSlug, itemSets, bottomItemSets, ...props }: SidebarProps) => JSX.Element;
+
+declare function Sidebar_2({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): JSX.Element;
+
+export declare const SidebarLayout: ({ children, ...props }: Props_3) => JSX.Element;
+
+export declare interface SidebarProps extends React.ComponentProps<typeof Sidebar_2> {
+    brandContent: React.ReactNode;
+    brandOnClick?: () => void;
+    activeSlug?: string;
+    itemSets: SideLinkSet[];
+    bottomItemSets: SideLinkSet[];
+}
+
+declare interface SideLink {
+    slug: string;
+    title: string;
+    icon: React.ElementType;
+    onClick?: () => void;
+}
+
+declare interface SideLinkSet {
+    links: SideLink[];
+}
+
 declare type Size = (typeof SIZES)[number];
 
 declare const SIZES: readonly [...string[], "auto", "full", "min", "max", "fit", "px"];
@@ -379,6 +428,19 @@ export declare type TextProps<E extends default_2.ElementType = "p"> = TextBaseP
 
 declare type TextTracking = (typeof TEXT_TRACKINGS)[number];
 
+export declare const Tooltip: TooltipComponent;
+
+declare type TooltipComponent = React.FC<TooltipProps> & {
+    Trigger: React.FC<ChildProps>;
+    Content: React.FC<ChildProps>;
+};
+
+declare interface TooltipProps {
+    children: React.ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+
 declare const TYPOGRAPHY_ELEMENTS: readonly ["p", "span", "label", "div", "h1", "h2", "h3", "h4", "h5", "h6"];
 
 declare const TYPOGRAPHY_VARIANTS: readonly ["default", "inherit", "primary", "secondary", "muted", "accent", "info", "success", "warning", "destructive"];