@still-forest/canopy 0.21.0 → 0.22.0

package/dist/index.d.ts

@@ -1,23 +1,24 @@
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { Accordion as Accordion_2 } from 'radix-ui';
 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 { Popover as Popover_3 } from 'radix-ui';
 import * as React_2 from 'react';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { Tabs as Tabs_2 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
-export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
+export declare function Accordion({ ...props }: React_2.ComponentProps<typeof Accordion_2.Root>): JSX.Element;
 
-export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
+export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof Accordion_2.Content>): JSX.Element;
 
-export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
+export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof Accordion_2.Item>): JSX.Element;
 
-export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element;
+export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof Accordion_2.Trigger>): JSX.Element;
 
 export declare const Alert: ({ type, title, message, className }: AlertProps) => JSX.Element;
 
-declare interface AlertProps {
+export declare interface AlertProps {
     type: "info" | "success" | "warning" | "error";
     title?: string;
     message: string;
@@ -34,6 +35,12 @@ declare interface BadgeProps {
     className?: string;
 }
 
+declare const Body_2: ({ children, className, withContainer, ...props }: BodyProps) => JSX.Element;
+
+declare interface BodyProps extends FlexProps {
+    withContainer?: boolean;
+}
+
 export declare const Box: default_2.ForwardRefExoticComponent<BoxProps & default_2.RefAttributes<HTMLDivElement>>;
 
 declare const BOX_SIZINGS: readonly ["content", "border"];
@@ -127,8 +134,9 @@ export declare const Code: ({ children, ...props }: TextProps) => JSX.Element;
 
 export declare const Container: ({ children, className, ...props }: ContainerProps) => JSX.Element;
 
-export declare interface ContainerProps extends BoxProps {
+export declare interface ContainerProps extends FlexProps {
     children: React.ReactNode;
+    display?: Display_2;
     className?: string;
 }
 
@@ -139,19 +147,22 @@ export declare const DateInput: ({ name, label, placeholder, note, className, ..
 declare interface DateInputProps extends Omit<TextInputProps, "type"> {
 }
 
-export declare const DatePicker: ({ onDateSelection, initialValue, className, size }: DatePickerProps) => JSX.Element;
+export declare const DatePicker: ({ onDateSelection, initialValue, className, size, error }: DatePickerProps) => JSX.Element;
 
 declare interface DatePickerProps {
     onDateSelection: (date: Date) => void;
     initialValue?: Date;
     className?: string;
     size?: "default" | "xs" | "sm" | "lg";
+    error?: string;
 }
 
 export declare const DeleteButton: ({ disabled, handleDelete, ...rest }: Props_4) => JSX.Element;
 
 declare type Display = (typeof DISPLAYS)[number];
 
+declare type Display_2 = "block" | "flex";
+
 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;
@@ -261,6 +272,13 @@ export declare interface GridProps extends default_2.HTMLAttributes<HTMLDivEleme
 
 declare type GridRows = (typeof GRID_ROWS)[number];
 
+export declare const Header: ({ children, sticky, className, ...props }: HeaderProps) => JSX.Element;
+
+declare interface HeaderProps extends ContainerProps {
+    children: React.ReactNode;
+    sticky?: boolean;
+}
+
 export declare const Heading: default_2.ForwardRefExoticComponent<HeadingProps & default_2.RefAttributes<HTMLHeadingElement>>;
 
 declare const HEADING_LEVELS: readonly ["1", "2", "3", "4", "5", "6"];
@@ -289,6 +307,10 @@ declare type Height = (typeof HEIGHTS)[number];
 
 declare const HEIGHTS: readonly [...string[], "auto", "full", "min", "max", "fit", "px", "screen"];
 
+export declare const InputError: ({ message }: {
+    message: string;
+}) => JSX.Element;
+
 export declare const InputGroup: ({ label, labelFor, className, labelClassName, children }: InputGroupProps) => JSX.Element;
 
 declare interface InputGroupProps {
@@ -317,8 +339,20 @@ export declare interface LabelProps extends ComponentProps<"label"> {
     className?: string;
 }
 
+export declare const Layout: typeof LayoutComponent & {
+    Header: typeof Header;
+    Body: typeof Body_2;
+    Footer: typeof Footer;
+};
+
 declare const LAYOUT_VARIANTS: readonly ["default", "primary", "secondary", "muted", "accent", "info", "success", "warning", "destructive"];
 
+declare const LayoutComponent: default_2.ForwardRefExoticComponent<LayoutProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare interface LayoutProps extends FlexProps {
+    children: default_2.ReactNode;
+}
+
 declare type LayoutVariant = (typeof LAYOUT_VARIANTS)[number];
 
 export declare const MenuItemText: ({ children }: {
@@ -368,6 +402,21 @@ declare interface PageNotFoundProps {
 
 export declare const Pagination: ({ pageCount, currentPage, onChange }: Props_3) => JSX.Element;
 
+export declare const Paragraph: ({ children, className, ...props }: TextProps) => JSX.Element;
+
+export declare const Popover: PopoverComponent;
+
+declare function Popover_2({ ...props }: React_2.ComponentProps<typeof Popover_3.Root>): JSX.Element;
+
+declare type PopoverComponent = default_2.FC<default_2.ComponentProps<typeof Popover_2>> & {
+    Trigger: typeof PopoverTrigger;
+    Content: typeof PopoverContent;
+};
+
+declare function PopoverContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof Popover_3.Content>): JSX.Element;
+
+declare function PopoverTrigger({ ...props }: React_2.ComponentProps<typeof Popover_3.Trigger>): JSX.Element;
+
 declare type Position = (typeof POSITIONS)[number];
 
 declare const POSITIONS: readonly ["static", "fixed", "absolute", "relative", "sticky"];
@@ -404,17 +453,11 @@ declare interface Props_4 extends ButtonProps {
     handleDelete: () => void;
 }
 
-declare interface Props_5 extends ButtonProps {
-    submitting?: boolean;
-    disabled?: boolean;
-    submittingIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
-}
-
-declare interface Props_6 extends SidebarProps {
+declare interface Props_5 extends SidebarProps {
     children?: React.ReactNode;
 }
 
-export declare const RadioSelect: ({ label, name, options, value, onChange }: RadioSelectProps) => JSX.Element;
+export declare const RadioSelect: ({ label, name, options, value, onChange, error }: RadioSelectProps) => JSX.Element;
 
 declare interface RadioSelectProps {
     name: string;
@@ -422,15 +465,14 @@ declare interface RadioSelectProps {
     value?: string;
     options: Option_3[];
     onChange?: (value: string) => void;
+    error?: string;
 }
 
 declare const ROUNDED_SIZES: readonly ["none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "full", true, false];
 
 declare type RoundedSize = (typeof ROUNDED_SIZES)[number];
 
-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;
+export declare const SelectInput: ({ name, defaultValue, options, label, placeholder, note, className, value, onValueChange, error, ...props }: SelectInputProps) => JSX.Element;
 
 export declare interface SelectInputProps extends Omit<React.ComponentProps<"select">, "dir"> {
     name: string;
@@ -441,6 +483,7 @@ export declare interface SelectInputProps extends Omit<React.ComponentProps<"sel
     placeholder?: string;
     note?: string;
     className?: string;
+    error?: string;
 }
 
 export declare const SelectPicker: ({ options, value, placeholder, className, onSelect, renderSelected, }: SelectPickerProps) => JSX.Element;
@@ -475,7 +518,7 @@ declare function Sidebar_2({ side, variant, collapsible, className, children, ..
     collapsible?: "offcanvas" | "icon" | "none";
 }): JSX.Element;
 
-export declare const SidebarLayout: ({ children, ...props }: Props_6) => 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;
@@ -507,6 +550,16 @@ declare const SIZES: readonly [...string[], "auto", "full", "min", "max", "fit",
 
 export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
 
+export declare const SubmitButton: ({ submitting, disabled, submittingIcon, action, noIcon, ...rest }: SubmitButtonProps) => JSX.Element;
+
+declare interface SubmitButtonProps extends ButtonProps {
+    action?: "default" | "submit" | "save" | "send";
+    submitting?: boolean;
+    disabled?: boolean;
+    submittingIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    noIcon?: boolean;
+}
+
 export declare const Table: TableComponent;
 
 export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
@@ -530,13 +583,13 @@ export declare function TableHeader({ className, ...props }: React_2.ComponentPr
 
 export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
 
-export declare function Tabs({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Root>): JSX.Element;
+export declare function Tabs({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Root>): JSX.Element;
 
-export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Content>): JSX.Element;
+export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Content>): JSX.Element;
 
-export declare function TabsList({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.List>): JSX.Element;
+export declare function TabsList({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.List>): JSX.Element;
 
-export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
+export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Trigger>): JSX.Element;
 
 declare const TAILWIND_COLORS: readonly ["red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "slate", "gray", "zinc", "neutral", "stone", "white", "black"];
 
@@ -553,7 +606,7 @@ declare const TEXT_TRACKINGS: readonly ["tighter", "tight", "normal", "wide", "w
 
 declare type TextAlign = (typeof TEXT_ALIGNS)[number];
 
-export declare function Textarea({ label, name, note, placeholder, className, ...props }: TextareaProps): JSX.Element;
+export declare function Textarea({ label, name, note, placeholder, className, error, ...props }: TextareaProps): JSX.Element;
 
 export declare interface TextareaProps extends React.ComponentProps<"textarea"> {
     name: string;
@@ -561,6 +614,7 @@ export declare interface TextareaProps extends React.ComponentProps<"textarea">
     placeholder?: string;
     note?: string;
     className?: string;
+    error?: string;
 }
 
 declare interface TextBaseProps {
@@ -581,7 +635,7 @@ declare interface TextBaseProps {
     as?: TypographyElement;
 }
 
-export declare const TextInput: ({ name, type, placeholder, label, labelOrientation, note, className, ...props }: TextInputProps) => JSX.Element;
+export declare const TextInput: ({ name, type, placeholder, label, labelOrientation, note, className, error, ...props }: TextInputProps) => JSX.Element;
 
 export declare interface TextInputProps extends React.ComponentProps<"input"> {
     name: string;
@@ -591,6 +645,7 @@ export declare interface TextInputProps extends React.ComponentProps<"input"> {
     labelOrientation?: "top" | "left";
     note?: string;
     className?: string;
+    error?: string;
 }
 
 declare type TextLeading = (typeof TEXT_LEADINGS)[number];