@still-forest/canopy 0.16.0 → 0.17.0

package/dist/index.d.ts

@@ -1,7 +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>>;
 
@@ -24,8 +26,19 @@ export declare interface BoxProps extends default_2.HTMLAttributes<HTMLDivElemen
 
 declare type BoxSizing = (typeof BOX_SIZINGS)[number];
 
+export declare const Breadcrumbs: ({ breadcrumbs, linkComponent, pageComponent, className }: Props) => JSX.Element;
+
+export declare interface BreadcrumbType {
+    label: string;
+    to?: string;
+}
+
 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;
@@ -48,6 +61,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 {
@@ -85,7 +103,7 @@ declare interface DatePickerProps {
     size?: "default" | "xs" | "sm" | "lg";
 }
 
-export declare const DeleteButton: ({ disabled, handleDelete, ...rest }: Props) => JSX.Element;
+export declare const DeleteButton: ({ disabled, handleDelete, ...rest }: Props_3) => JSX.Element;
 
 declare type Display = (typeof DISPLAYS)[number];
 
@@ -239,6 +257,8 @@ export declare const MenuItemText: ({ children }: {
     children: React.ReactNode;
 }) => JSX.Element;
 
+export declare const Modal: ({ trigger, children, title, description }: Props_2) => JSX.Element;
+
 /**
  + * A specialized input component for numeric values.
  + * Extends TextInput with number-specific functionality.
@@ -268,18 +288,37 @@ declare type Position = (typeof POSITIONS)[number];
 
 declare const POSITIONS: readonly ["static", "fixed", "absolute", "relative", "sticky"];
 
-declare interface Props extends ButtonProps {
+declare interface Props {
+    breadcrumbs: BreadcrumbType[];
+    linkComponent?: React.ComponentType<{
+        to: string;
+        label: string;
+    }>;
+    pageComponent?: React.ComponentType<{
+        label: string;
+    }>;
+    className?: string;
+}
+
+declare interface Props_2 {
+    trigger: React.ReactNode;
+    children: React.ReactNode;
+    title?: string;
+    description?: string;
+}
+
+declare interface Props_3 extends ButtonProps {
     disabled?: boolean;
     handleDelete: () => void;
 }
 
-declare interface Props_2 extends ButtonProps {
+declare interface Props_4 extends ButtonProps {
     submitting?: boolean;
     disabled?: boolean;
     submittingIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
 }
 
-declare interface Props_3 extends SidebarProps {
+declare interface Props_5 extends SidebarProps {
     children?: React.ReactNode;
 }
 
@@ -297,7 +336,7 @@ declare const ROUNDED_SIZES: readonly ["none", "xs", "sm", "md", "lg", "xl", "2x
 
 declare type RoundedSize = (typeof ROUNDED_SIZES)[number];
 
-export declare const SaveButton: ({ submitting, disabled, submittingIcon, ...rest }: Props_2) => JSX.Element;
+export declare const SaveButton: ({ submitting, disabled, submittingIcon, ...rest }: Props_4) => JSX.Element;
 
 export declare const SelectInput: ({ name, defaultValue, options, label, placeholder, note, className, value, onValueChange, ...props }: SelectInputProps) => JSX.Element;
 
@@ -344,7 +383,7 @@ declare function Sidebar_2({ side, variant, collapsible, className, children, ..
     collapsible?: "offcanvas" | "icon" | "none";
 }): JSX.Element;
 
-export declare const SidebarLayout: ({ children, ...props }: Props_3) => JSX.Element;
+export declare const SidebarLayout: ({ children, ...props }: Props_5) => JSX.Element;
 
 export declare interface SidebarProps extends React.ComponentProps<typeof Sidebar_2> {
     brandContent: React.ReactNode;
@@ -354,11 +393,14 @@ export declare interface SidebarProps extends React.ComponentProps<typeof Sideba
     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 {