@still-forest/canopy 0.16.1 → 0.18.0

package/dist/index.d.ts

@@ -3,6 +3,7 @@ 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 const Box: default_2.ForwardRefExoticComponent<BoxProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -26,6 +27,13 @@ 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> & {
@@ -96,7 +104,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];
 
@@ -250,6 +258,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.
@@ -279,18 +289,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;
 }
 
@@ -308,7 +337,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;
 
@@ -355,7 +384,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;
@@ -383,6 +412,14 @@ declare type Size = (typeof SIZES)[number];
 
 declare const SIZES: readonly [...string[], "auto", "full", "min", "max", "fit", "px"];
 
+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 }