@still-forest/canopy 0.48.2 → 0.49.0

package/dist/index.d.ts

@@ -76,7 +76,7 @@ declare interface BodyProps extends FlexProps {
 
 export declare const Box: default_2.ForwardRefExoticComponent<BoxProps & default_2.RefAttributes<HTMLDivElement>>;
 
-declare const BOX_SIZINGS: readonly ["content", "border"];
+export declare const BOX_SIZINGS: readonly ["content", "border"];
 
 export declare interface BoxProps extends default_2.HTMLAttributes<HTMLDivElement> {
     as?: default_2.ElementType;
@@ -93,7 +93,7 @@ export declare interface BoxProps extends default_2.HTMLAttributes<HTMLDivElemen
     rounded?: RoundedSize;
 }
 
-declare type BoxSizing = (typeof BOX_SIZINGS)[number];
+export declare type BoxSizing = (typeof BOX_SIZINGS)[number];
 
 export declare const Breadcrumbs: ({ breadcrumbs, linkComponent, pageComponent, className }: Props) => JSX.Element;
 
@@ -119,11 +119,11 @@ declare function Button_2({ className, variant, size, asChild, ...props }: React
 }): JSX.Element;
 
 export declare const ButtonGroup: {
-    ({ children, className }: ButtonGroupProps): JSX.Element;
-    Button({ children, className, ...props }: ButtonProps): JSX.Element;
+    ({ children, className, ...props }: ButtonGroupProps): JSX.Element;
+    Button: default_2.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & default_2.RefAttributes<HTMLButtonElement>>;
 };
 
-export declare interface ButtonGroupProps {
+export declare interface ButtonGroupProps extends default_2.ComponentPropsWithoutRef<"div"> {
     children: default_2.ReactNode;
     className?: string;
 }
@@ -145,16 +145,16 @@ export declare interface ButtonProps extends default_2.ComponentProps<"button">
     rounded?: boolean;
 }
 
-export declare const ButtonSelectInput: ({ name, label, hint, options, error, note, secondaryOptions, value, onChange, buttonClassName, secondaryButtonClassName, ...props }: ButtonSelectInputProps) => JSX.Element;
+export declare const ButtonSelectInput: ({ name, label, hint, options, error, note, secondaryOptions, value, onChange, buttonClassName, secondaryButtonClassName, className: groupClassName, ...props }: ButtonSelectInputProps) => JSX.Element;
 
-declare interface ButtonSelectInputProps extends Omit<ButtonGroupProps, "children"> {
+declare interface ButtonSelectInputProps extends Omit<ButtonGroupProps, "children" | "onChange"> {
     name?: string;
     label?: string;
     hint?: string;
     error?: string;
     note?: string;
     options: Option_2[];
-    secondaryOptions?: Option_2[];
+    secondaryOptions?: SelectPickerOption[];
     value: string | undefined;
     onChange: (value: string) => void;
     buttonClassName?: string;
@@ -246,6 +246,8 @@ declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Co
 
 declare type CollapsibleTriggerProps = React.ComponentProps<typeof CollapsibleTrigger>;
 
+export declare const COLOR_VARIANTS: readonly ["primary", "secondary", "muted", "accent", "info", "success", "warning", "destructive", "brand"];
+
 export declare const Container: ({ children, className, direction, separation, ...props }: ContainerProps) => JSX.Element;
 
 export declare interface ContainerProps extends FlexProps {
@@ -280,11 +282,11 @@ declare interface DatePickerProps {
 
 export declare const DeleteButton: ({ disabled, handleDelete, ...rest }: Props_4) => JSX.Element;
 
-declare type Display = (typeof DISPLAYS)[number];
+export 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 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 Empty: EmptyComponent;
 
@@ -338,23 +340,23 @@ export declare const Flex: typeof FlexComponent & {
     Item: typeof FlexItem;
 };
 
-declare const FLEX_ALIGNS: readonly ["start", "center", "end", "stretch", "baseline"];
+export declare const FLEX_ALIGNS: readonly ["start", "center", "end", "stretch", "baseline"];
 
-declare const FLEX_DIRECTIONS: readonly ["row", "col", "row-reverse", "col-reverse"];
+export declare const FLEX_DIRECTIONS: readonly ["row", "col", "row-reverse", "col-reverse"];
 
-declare const FLEX_GROWS: readonly [null, true, false, "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+export declare const FLEX_GROWS: readonly [null, true, false, "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
 
-declare const FLEX_JUSTIFIES: readonly ["start", "center", "end", "between", "around", "evenly", "stretch", "baseline", "normal"];
+export declare const FLEX_JUSTIFIES: readonly ["start", "center", "end", "between", "around", "evenly", "stretch", "baseline", "normal"];
 
-declare const FLEX_WRAPS: readonly ["nowrap", "wrap", "wrap-reverse"];
+export declare const FLEX_WRAPS: readonly ["nowrap", "wrap", "wrap-reverse"];
 
-declare type FlexAlign = (typeof FLEX_ALIGNS)[number];
+export declare type FlexAlign = (typeof FLEX_ALIGNS)[number];
 
 declare const FlexComponent: default_2.ForwardRefExoticComponent<FlexProps & default_2.RefAttributes<HTMLDivElement>>;
 
-declare type FlexDirection = (typeof FLEX_DIRECTIONS)[number];
+export declare type FlexDirection = (typeof FLEX_DIRECTIONS)[number];
 
-declare type FlexGrow = (typeof FLEX_GROWS)[number];
+export declare type FlexGrow = (typeof FLEX_GROWS)[number];
 
 declare const FlexItem: ({ flex, className, as, children, ...props }: FlexItemProps) => JSX.Element;
 
@@ -363,7 +365,7 @@ declare interface FlexItemProps extends React.HTMLAttributes<HTMLDivElement> {
     flex?: FlexType;
 }
 
-declare type FlexJustify = (typeof FLEX_JUSTIFIES)[number];
+export declare type FlexJustify = (typeof FLEX_JUSTIFIES)[number];
 
 export declare interface FlexProps extends default_2.HTMLAttributes<HTMLDivElement> {
     as?: default_2.ElementType;
@@ -379,19 +381,19 @@ export declare interface FlexProps extends default_2.HTMLAttributes<HTMLDivEleme
 
 declare type FlexType = "1" | "auto" | "initial" | "none";
 
-declare type FlexWrap = (typeof FLEX_WRAPS)[number];
+export declare type FlexWrap = (typeof FLEX_WRAPS)[number];
 
-declare const FONT_FAMILIES: readonly ["display", "serif", "sans", "mono", "heading", "body", "brand"];
+export declare const FONT_FAMILIES: readonly ["display", "serif", "sans", "mono", "heading", "body", "brand"];
 
-declare const FONT_SIZES: readonly ["xs", "sm", "base", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "9xl"];
+export declare const FONT_SIZES: readonly ["xs", "sm", "base", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "9xl"];
 
-declare const FONT_WEIGHTS: readonly ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"];
+export declare const FONT_WEIGHTS: readonly ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"];
 
-declare type FontFamily = (typeof FONT_FAMILIES)[number];
+export declare type FontFamily = (typeof FONT_FAMILIES)[number];
 
-declare type FontSize = (typeof FONT_SIZES)[number];
+export declare type FontSize = (typeof FONT_SIZES)[number];
 
-declare type FontWeight = (typeof FONT_WEIGHTS)[number];
+export declare type FontWeight = (typeof FONT_WEIGHTS)[number];
 
 export declare const Footer: ({ children, className, ...props }: FooterProps) => JSX.Element;
 
@@ -399,21 +401,21 @@ declare interface FooterProps extends ContainerProps {
     children: React.ReactNode;
 }
 
-declare type Gap = (typeof GAPS)[number];
+export declare type Gap = (typeof GAPS)[number];
 
-declare const GAPS: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16"];
+export declare const GAPS: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16"];
 
 export declare const Grid: default_2.ForwardRefExoticComponent<GridProps & default_2.RefAttributes<HTMLDivElement>>;
 
-declare const GRID_COLS: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"];
+export declare const GRID_COLS: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"];
 
-declare const GRID_FLOWS: readonly ["row", "col", "dense", "row-dense", "col-dense"];
+export declare const GRID_FLOWS: readonly ["row", "col", "dense", "row-dense", "col-dense"];
 
-declare const GRID_ROWS: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "none"];
+export declare const GRID_ROWS: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "none"];
 
-declare type GridCols = (typeof GRID_COLS)[number];
+export declare type GridCols = (typeof GRID_COLS)[number];
 
-declare type GridFlow = (typeof GRID_FLOWS)[number];
+export declare type GridFlow = (typeof GRID_FLOWS)[number];
 
 export declare interface GridProps extends default_2.HTMLAttributes<HTMLDivElement> {
     as?: default_2.ElementType;
@@ -425,7 +427,7 @@ export declare interface GridProps extends default_2.HTMLAttributes<HTMLDivEleme
     gapY?: Gap;
 }
 
-declare type GridRows = (typeof GRID_ROWS)[number];
+export declare type GridRows = (typeof GRID_ROWS)[number];
 
 export declare const Header: ({ children, sticky, className, ...props }: HeaderProps) => JSX.Element;
 
@@ -436,7 +438,7 @@ declare interface HeaderProps extends ContainerProps {
 
 export declare const Heading: default_2.ForwardRefExoticComponent<HeadingProps & default_2.RefAttributes<HTMLHeadingElement>>;
 
-declare const HEADING_LEVELS: readonly ["1", "2", "3", "4", "5", "6"];
+export declare const HEADING_LEVELS: readonly ["1", "2", "3", "4", "5", "6"];
 
 export declare interface HeadingProps extends default_2.HTMLAttributes<HTMLHeadingElement> {
     level?: HeadingSize;
@@ -456,11 +458,11 @@ export declare interface HeadingProps extends default_2.HTMLAttributes<HTMLHeadi
     className?: string;
 }
 
-declare type HeadingSize = (typeof HEADING_LEVELS)[number];
+export declare type HeadingSize = (typeof HEADING_LEVELS)[number];
 
-declare type Height = (typeof HEIGHTS)[number];
+export declare type Height = (typeof HEIGHTS)[number];
 
-declare const HEIGHTS: readonly [...string[], "auto", "full", "min", "max", "fit", "px", "screen"];
+export declare const HEIGHTS: readonly [...string[], "auto", "full", "min", "max", "fit", "px", "screen"];
 
 export declare const Hint: ({ content, className }: HintProps) => JSX.Element;
 
@@ -617,15 +619,19 @@ export declare const Layout: typeof LayoutComponent & {
     Footer: typeof Footer;
 };
 
-declare const LAYOUT_VARIANTS: readonly ["default", "primary", "secondary", "muted", "accent", "info", "success", "warning", "destructive", "brand"];
+export declare const LAYOUT_ELEMENTS: readonly ["div", "span", "section", "main", "header", "footer", "aside", "nav", "article"];
+
+export declare const LAYOUT_VARIANTS: readonly ["default", "primary", "secondary", "muted", "accent", "info", "success", "warning", "destructive", "brand"];
 
 declare const LayoutComponent: default_2.ForwardRefExoticComponent<LayoutProps & default_2.RefAttributes<HTMLDivElement>>;
 
+export declare type LayoutElement = (typeof LAYOUT_ELEMENTS)[number];
+
 declare interface LayoutProps extends FlexProps {
     children: default_2.ReactNode;
 }
 
-declare type LayoutVariant = (typeof LAYOUT_VARIANTS)[number];
+export declare type LayoutVariant = (typeof LAYOUT_VARIANTS)[number];
 
 export declare const LegacyInputGroup: ({ label, labelFor, className, labelClassName, children, }: InputGroupProps_2) => JSX.Element;
 
@@ -654,8 +660,9 @@ export declare interface NumberInputProps extends Omit<TextInputProps, "type"> {
 }
 
 declare interface Option_2 {
-    label: string;
+    label?: string;
     value: string;
+    icon?: React.ReactElement;
 }
 
 declare interface Option_3 {
@@ -664,9 +671,9 @@ declare interface Option_3 {
     hint?: string;
 }
 
-declare type Overflow = (typeof OVERFLOWS)[number];
+export declare type Overflow = (typeof OVERFLOWS)[number];
 
-declare const OVERFLOWS: readonly ["auto", "scroll", "hidden", "clip", "visible"];
+export declare const OVERFLOWS: readonly ["auto", "scroll", "hidden", "clip", "visible"];
 
 export declare const PageLoader: ({ iconComponent, message, iconSize, iconClassName, ...props }: PageLoaderProps) => JSX.Element;
 
@@ -703,9 +710,9 @@ declare function PopoverContent({ className, align, sideOffset, ...props }: Reac
 
 declare function PopoverTrigger({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element;
 
-declare type Position = (typeof POSITIONS)[number];
+export declare type Position = (typeof POSITIONS)[number];
 
-declare const POSITIONS: readonly ["static", "fixed", "absolute", "relative", "sticky"];
+export declare const POSITIONS: readonly ["static", "fixed", "absolute", "relative", "sticky"];
 
 declare interface Props {
     breadcrumbs: BreadcrumbType[];
@@ -756,9 +763,9 @@ declare interface RadioSelectProps {
     error?: string;
 }
 
-declare const ROUNDED_SIZES: readonly ["none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "full", true, false];
+export 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 type RoundedSize = (typeof ROUNDED_SIZES)[number];
 
 export declare const SelectInput: ({ name, defaultValue, options, label, labelClassName, placeholder, hint, note, className, value, onChange, error, size, id: idProp, ...props }: SelectInputProps) => JSX.Element;
 
@@ -868,9 +875,9 @@ declare interface SimpleTooltipProps {
     content: string | React.ReactNode;
 }
 
-declare type Size = (typeof SIZES)[number];
+export declare type Size = (typeof SIZES)[number];
 
-declare const SIZES: readonly [...string[], "auto", "full", "min", "max", "fit", "px"];
+export declare const SIZES: readonly [...string[], "auto", "full", "min", "max", "fit", "px"];
 
 export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
 
@@ -948,20 +955,20 @@ export declare function TabsList({ className, ...props }: React_2.ComponentProps
 
 export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.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"];
+export 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"];
 
-declare type TailwindColor = (typeof TAILWIND_COLORS)[number];
+export declare type TailwindColor = (typeof TAILWIND_COLORS)[number];
 
 declare const Text_2: default_2.ForwardRefExoticComponent<Omit<any, "ref"> & default_2.RefAttributes<Element>>;
 export { Text_2 as Text }
 
-declare const TEXT_ALIGNS: readonly ["left", "center", "right", "justify", "start", "end"];
+export declare const TEXT_ALIGNS: readonly ["left", "center", "right", "justify", "start", "end"];
 
-declare const TEXT_LEADINGS: readonly ["none", "tight", "snug", "normal", "relaxed", "loose"];
+export declare const TEXT_LEADINGS: readonly ["none", "tight", "snug", "normal", "relaxed", "loose"];
 
-declare const TEXT_TRACKINGS: readonly ["tighter", "tight", "normal", "wide", "wider", "widest"];
+export declare const TEXT_TRACKINGS: readonly ["tighter", "tight", "normal", "wide", "wider", "widest"];
 
-declare type TextAlign = (typeof TEXT_ALIGNS)[number];
+export declare type TextAlign = (typeof TEXT_ALIGNS)[number];
 
 export declare function Textarea({ label, name, note, placeholder, className, error, labelClassName, hint, ...props }: TextareaProps): JSX.Element;
 
@@ -1012,7 +1019,7 @@ export declare interface TextInputProps extends Omit<React.ComponentProps<"input
     error?: string;
 }
 
-declare type TextLeading = (typeof TEXT_LEADINGS)[number];
+export declare type TextLeading = (typeof TEXT_LEADINGS)[number];
 
 export declare const TextList: TextListComponent;
 
@@ -1036,7 +1043,7 @@ export declare type TextProps<E extends default_2.ElementType = TypographyElemen
     as?: E;
 } & default_2.ComponentPropsWithRef<E>;
 
-declare type TextTracking = (typeof TEXT_TRACKINGS)[number];
+export declare type TextTracking = (typeof TEXT_TRACKINGS)[number];
 
 export declare type Theme = "system" | "light" | "dark";
 
@@ -1135,16 +1142,16 @@ declare type TooltipTriggerProps = React.ComponentProps<typeof TooltipTrigger> &
     cursor?: CursorType;
 };
 
-declare const TYPOGRAPHY_ELEMENTS: readonly ["p", "span", "label", "div", "h1", "h2", "h3", "h4", "h5", "h6"];
+export declare const TYPOGRAPHY_ELEMENTS: readonly ["p", "span", "label", "div", "h1", "h2", "h3", "h4", "h5", "h6"];
 
-declare const TYPOGRAPHY_VARIANTS: readonly ["default", "inherit", "primary", "secondary", "muted", "accent", "info", "success", "warning", "destructive", "brand"];
+export declare const TYPOGRAPHY_VARIANTS: readonly ["default", "inherit", "primary", "secondary", "muted", "accent", "info", "success", "warning", "destructive", "brand"];
 
-declare type TypographyElement = (typeof TYPOGRAPHY_ELEMENTS)[number];
+export declare type TypographyElement = (typeof TYPOGRAPHY_ELEMENTS)[number];
 
-declare type TypographyVariant = (typeof TYPOGRAPHY_VARIANTS)[number];
+export declare type TypographyVariant = (typeof TYPOGRAPHY_VARIANTS)[number];
 
-declare type Width = (typeof WIDTHS)[number];
+export declare type Width = (typeof WIDTHS)[number];
 
-declare const WIDTHS: readonly [...string[], "auto", "full", "min", "max", "fit", "px", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "screen"];
+export declare const WIDTHS: readonly [...string[], "auto", "full", "min", "max", "fit", "px", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "screen"];
 
 export { }