@still-forest/canopy 0.15.0 → 0.16.1

package/dist/index.d.ts

@@ -1,6 +1,9 @@
+import { ClassProp } from 'class-variance-authority/types';
 import { ComponentProps } from 'react';
 import { default as default_2 } from 'react';
 import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { VariantProps } from 'class-variance-authority';
 
 export declare const Box: default_2.ForwardRefExoticComponent<BoxProps & default_2.RefAttributes<HTMLDivElement>>;
 
@@ -25,6 +28,10 @@ declare type BoxSizing = (typeof BOX_SIZINGS)[number];
 
 export declare const Button: ({ children, onClick, variant, size, icon, disabled, className, type, asChild, ...rest }: ButtonProps) => JSX.Element;
 
+declare function Button_2({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
+
 export declare const ButtonGroup: {
     ({ children, className }: ButtonGroupProps): JSX.Element;
     Button({ children, className, ...props }: ButtonProps): JSX.Element;
@@ -47,6 +54,11 @@ export declare interface ButtonProps extends default_2.ComponentProps<"button">
     asChild?: boolean;
 }
 
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "secondary" | "destructive" | "default" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Checkbox: ({ label, name, value, checked, onCheckedChange }: CheckboxProps) => JSX.Element;
 
 export declare interface CheckboxProps {
@@ -234,6 +246,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.
@@ -274,6 +290,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 {
@@ -327,6 +347,38 @@ declare interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
     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[];
+}
+
+export declare function SidebarTrigger({ className, onClick, children, ...props }: React_2.ComponentProps<typeof Button_2>): JSX.Element;
+
+declare interface SideLink {
+    slug: string;
+    title: string;
+    icon: React.ElementType;
+    onClick?: () => void;
+    external?: boolean;
+}
+
+declare interface SideLinkSet {
+    links: SideLink[];
+}
+
 declare type Size = (typeof SIZES)[number];
 
 declare const SIZES: readonly [...string[], "auto", "full", "min", "max", "fit", "px"];