@still-forest/canopy 0.18.0 → 0.19.1

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ClassProp } from 'class-variance-authority/types';
 import { ComponentProps } from 'react';
 import { default as default_2 } from 'react';
@@ -6,6 +7,32 @@ import * as React_2 from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { VariantProps } from 'class-variance-authority';
 
+export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
+
+export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
+
+export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
+
+export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element;
+
+export declare const Alert: ({ type, title, message, className }: AlertProps) => JSX.Element;
+
+declare interface AlertProps {
+    type: "info" | "success" | "warning" | "error";
+    title?: string;
+    message: string;
+    className?: string;
+}
+
+export declare const Badge: ({ label, onClick, className, variant }: BadgeProps) => JSX.Element;
+
+declare interface BadgeProps {
+    variant?: "default" | "secondary" | "destructive" | "outline";
+    label: string;
+    onClick?: () => void;
+    className?: string;
+}
+
 export declare const Box: default_2.ForwardRefExoticComponent<BoxProps & default_2.RefAttributes<HTMLDivElement>>;
 
 declare const BOX_SIZINGS: readonly ["content", "border"];
@@ -63,10 +90,24 @@ export declare interface ButtonProps extends default_2.ComponentProps<"button">
 }
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "secondary" | "destructive" | "default" | "outline" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
 export declare const Checkbox: ({ label, name, value, checked, onCheckedChange }: CheckboxProps) => JSX.Element;
 
 export declare interface CheckboxProps {
@@ -104,12 +145,26 @@ declare interface DatePickerProps {
     size?: "default" | "xs" | "sm" | "lg";
 }
 
-export declare const DeleteButton: ({ disabled, handleDelete, ...rest }: Props_3) => JSX.Element;
+export declare const DeleteButton: ({ disabled, handleDelete, ...rest }: Props_4) => JSX.Element;
 
 declare type Display = (typeof DISPLAYS)[number];
 
 declare const DISPLAYS: readonly ["block", "flex", "grid", "inline", "inline-block", "inline-flex", "inline-grid", "inline-table", "list-item", "flow-root", "contents", "table", "table-header-group", "table-footer-group", "table-column-group", "table-column", "table-row-group", "table-row", "table-cell", "table-caption", "hidden", "sr-only", "not-sr-only"];
 
+export declare const ErrorFallback: ({ error, onRetry }: ErrorFallbackProps) => JSX.Element;
+
+declare interface ErrorFallbackProps {
+    error: Error;
+    onRetry?: () => void;
+}
+
+export declare const ErrorOverlay: ({ message, children }: ErrorOverlayProps) => JSX.Element;
+
+declare interface ErrorOverlayProps {
+    message?: string;
+    children?: React.ReactNode;
+}
+
 export declare const Flex: typeof FlexComponent & {
     Item: typeof FlexItem;
 };
@@ -241,6 +296,15 @@ declare interface InputGroupProps {
     children: React.ReactNode;
 }
 
+export declare const Interstitial: ({ variant, iconComponent, message, children }: InterstitialProps) => JSX.Element;
+
+export declare interface InterstitialProps {
+    variant?: "error" | "info" | "success" | "warning";
+    iconComponent?: default_2.ElementType;
+    message?: string;
+    children?: default_2.ReactNode;
+}
+
 export declare const Label: ({ htmlFor, value, children, className, ...props }: LabelProps) => JSX.Element;
 
 export declare interface LabelProps extends ComponentProps<"label"> {
@@ -285,6 +349,22 @@ declare type Overflow = (typeof OVERFLOWS)[number];
 
 declare const OVERFLOWS: readonly ["auto", "scroll", "hidden", "clip", "visible"];
 
+export declare const PageLoader: ({ iconComponent, message }: PageLoaderProps) => JSX.Element;
+
+declare interface PageLoaderProps {
+    iconComponent?: React.ElementType;
+    message?: string;
+}
+
+export declare const PageNotFound: ({ goHome, message }: PageNotFoundProps) => JSX.Element;
+
+declare interface PageNotFoundProps {
+    message?: string;
+    goHome?: () => void;
+}
+
+export declare const Pagination: ({ pageCount, currentPage, onChange }: Props_3) => JSX.Element;
+
 declare type Position = (typeof POSITIONS)[number];
 
 declare const POSITIONS: readonly ["static", "fixed", "absolute", "relative", "sticky"];
@@ -308,18 +388,24 @@ declare interface Props_2 {
     description?: string;
 }
 
-declare interface Props_3 extends ButtonProps {
+declare interface Props_3 {
+    pageCount: number;
+    currentPage: number;
+    onChange: (page: number) => void;
+}
+
+declare interface Props_4 extends ButtonProps {
     disabled?: boolean;
     handleDelete: () => void;
 }
 
-declare interface Props_4 extends ButtonProps {
+declare interface Props_5 extends ButtonProps {
     submitting?: boolean;
     disabled?: boolean;
     submittingIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
 }
 
-declare interface Props_5 extends SidebarProps {
+declare interface Props_6 extends SidebarProps {
     children?: React.ReactNode;
 }
 
@@ -337,7 +423,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_4) => JSX.Element;
+export declare const SaveButton: ({ submitting, disabled, submittingIcon, ...rest }: Props_5) => JSX.Element;
 
 export declare const SelectInput: ({ name, defaultValue, options, label, placeholder, note, className, value, onValueChange, ...props }: SelectInputProps) => JSX.Element;
 
@@ -384,7 +470,7 @@ declare function Sidebar_2({ side, variant, collapsible, className, children, ..
     collapsible?: "offcanvas" | "icon" | "none";
 }): JSX.Element;
 
-export declare const SidebarLayout: ({ children, ...props }: Props_5) => JSX.Element;
+export declare const SidebarLayout: ({ children, ...props }: Props_6) => JSX.Element;
 
 export declare interface SidebarProps extends React.ComponentProps<typeof Sidebar_2> {
     brandContent: React.ReactNode;
@@ -412,6 +498,8 @@ declare type Size = (typeof SIZES)[number];
 
 declare const SIZES: readonly [...string[], "auto", "full", "min", "max", "fit", "px"];
 
+export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
 export declare function Tabs({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Root>): JSX.Element;
 
 export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Content>): JSX.Element;