@still-forest/canopy 0.15.0 → 0.16.0

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { ComponentProps } from 'react';
 import { default as default_2 } from 'react';
 import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
 
 export declare const Box: default_2.ForwardRefExoticComponent<BoxProps & default_2.RefAttributes<HTMLDivElement>>;
 
@@ -234,6 +235,10 @@ declare const LAYOUT_VARIANTS: readonly ["default", "primary", "secondary", "mut
 
 declare type LayoutVariant = (typeof LAYOUT_VARIANTS)[number];
 
+export declare const MenuItemText: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+
 /**
  + * A specialized input component for numeric values.
  + * Extends TextInput with number-specific functionality.
@@ -274,6 +279,10 @@ declare interface Props_2 extends ButtonProps {
     submittingIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
 }
 
+declare interface Props_3 extends SidebarProps {
+    children?: React.ReactNode;
+}
+
 export declare const RadioSelect: ({ label, name, options, value, onChange }: RadioSelectProps) => JSX.Element;
 
 declare interface RadioSelectProps {
@@ -327,6 +336,35 @@ declare interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
     gap?: Gap;
 }
 
+export declare const Sidebar: ({ brandContent, brandOnClick, activeSlug, itemSets, bottomItemSets, ...props }: SidebarProps) => JSX.Element;
+
+declare function Sidebar_2({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): JSX.Element;
+
+export declare const SidebarLayout: ({ children, ...props }: Props_3) => JSX.Element;
+
+export declare interface SidebarProps extends React.ComponentProps<typeof Sidebar_2> {
+    brandContent: React.ReactNode;
+    brandOnClick?: () => void;
+    activeSlug?: string;
+    itemSets: SideLinkSet[];
+    bottomItemSets: SideLinkSet[];
+}
+
+declare interface SideLink {
+    slug: string;
+    title: string;
+    icon: React.ElementType;
+    onClick?: () => void;
+}
+
+declare interface SideLinkSet {
+    links: SideLink[];
+}
+
 declare type Size = (typeof SIZES)[number];
 
 declare const SIZES: readonly [...string[], "auto", "full", "min", "max", "fit", "px"];