@still-forest/canopy 0.11.1 → 0.12.0

package/dist/index.d.ts

@@ -47,13 +47,24 @@ export declare interface ButtonProps extends default_2.ComponentProps<"button">
     asChild?: boolean;
 }
 
+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 {
+    children: React.ReactNode;
+    className?: string;
+}
+
 export declare const DeleteButton: ({ disabled, handleDelete, ...rest }: Props) => 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 Flex: default_2.ForwardRefExoticComponent<FlexProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const Flex: typeof FlexComponent & {
+    Item: typeof FlexItem;
+};
 
 declare const FLEX_ALIGNS: readonly ["start", "center", "end", "stretch", "baseline"];
 
@@ -67,10 +78,19 @@ declare const FLEX_WRAPS: readonly ["nowrap", "wrap", "wrap-reverse"];
 
 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];
 
 declare type FlexGrow = (typeof FLEX_GROWS)[number];
 
+declare const FlexItem: ({ flex, className, children, ...props }: FlexItemProps) => JSX.Element;
+
+declare interface FlexItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: React.ElementType;
+    flex?: FlexType;
+}
+
 declare type FlexJustify = (typeof FLEX_JUSTIFIES)[number];
 
 export declare interface FlexProps extends default_2.HTMLAttributes<HTMLDivElement> {
@@ -85,6 +105,8 @@ export declare interface FlexProps extends default_2.HTMLAttributes<HTMLDivEleme
     gapY?: Gap;
 }
 
+declare type FlexType = "1" | "auto" | "initial" | "none";
+
 declare type FlexWrap = (typeof FLEX_WRAPS)[number];
 
 declare const FONT_FAMILIES: readonly ["display", "serif", "sans", "mono"];
@@ -99,6 +121,12 @@ declare type FontSize = (typeof FONT_SIZES)[number];
 
 declare type FontWeight = (typeof FONT_WEIGHTS)[number];
 
+export declare const Footer: ({ children, ...props }: FooterProps) => JSX.Element;
+
+declare interface FooterProps extends ContainerProps {
+    children: React.ReactNode;
+}
+
 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"];