@still-forest/canopy 0.17.0 → 0.19.0

package/dist/index.d.ts

@@ -1,10 +1,38 @@
+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';
 import { JSX } from 'react/jsx-runtime';
 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"];
@@ -62,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 {
@@ -103,7 +145,7 @@ 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];
 
@@ -284,6 +326,8 @@ declare type Overflow = (typeof OVERFLOWS)[number];
 
 declare const OVERFLOWS: readonly ["auto", "scroll", "hidden", "clip", "visible"];
 
+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"];
@@ -307,18 +351,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;
 }
 
@@ -336,7 +386,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;
 
@@ -383,7 +433,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;
@@ -411,6 +461,16 @@ 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;
+
+export declare function TabsList({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.List>): JSX.Element;
+
+export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
+
 declare const Text_2: default_2.ForwardRefExoticComponent<Omit<any, "ref"> & default_2.RefAttributes<Element>>;
 export { Text_2 as Text }