@szum-tech/design-system/dist/components/sidebar/index.d.ts

Szum-Tech design system with tailwindcss support

import * as React from 'react';
import { Button } from '../button/index.js';
import { Input } from '../input/index.js';
import { Separator } from '../separator/index.js';
import { T as TooltipContent } from '../../tooltip-content-B29fawx9.js';
import { VariantProps } from 'class-variance-authority';
import * as class_variance_authority_types from 'class-variance-authority/types';
import 'radix-ui';

type SidebarProviderProps = React.ComponentProps<"div"> & {
    defaultOpen?: boolean;
    open?: boolean;
    onOpenChange?: (open: boolean) => void;
};
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: SidebarProviderProps): React.JSX.Element;

type SidebarSide = "left" | "right";
type SidebarVariant = "sidebar" | "floating" | "inset";
type SidebarCollapsible = "offcanvas" | "icon" | "none";

type SidebarProps = React.ComponentProps<"div"> & {
    side?: SidebarSide;
    variant?: SidebarVariant;
    collapsible?: SidebarCollapsible;
};
declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: SidebarProps): React.JSX.Element;

type SidebarTriggerProps = React.ComponentProps<typeof Button>;
declare function SidebarTrigger({ className, onClick, ...props }: SidebarTriggerProps): React.JSX.Element;

type SidebarRailProps = React.ComponentProps<"button">;
declare function SidebarRail({ className, ...props }: SidebarRailProps): React.JSX.Element;

type SidebarInsetProps = React.ComponentProps<"main">;
declare function SidebarInset({ className, ...props }: SidebarInsetProps): React.JSX.Element;

type SidebarInputProps = React.ComponentProps<typeof Input>;
declare function SidebarInput({ className, ...props }: SidebarInputProps): React.JSX.Element;

type SidebarHeaderProps = React.ComponentProps<"div">;
declare function SidebarHeader({ className, ...props }: SidebarHeaderProps): React.JSX.Element;

type SidebarFooterProps = React.ComponentProps<"div">;
declare function SidebarFooter({ className, ...props }: SidebarFooterProps): React.JSX.Element;

type SidebarSeparatorProps = React.ComponentProps<typeof Separator>;
declare function SidebarSeparator({ className, ...props }: SidebarSeparatorProps): React.JSX.Element;

type SidebarContentProps = React.ComponentProps<"div">;
declare function SidebarContent({ className, ...props }: SidebarContentProps): React.JSX.Element;

type SidebarGroupProps = React.ComponentProps<"div">;
declare function SidebarGroup({ className, ...props }: SidebarGroupProps): React.JSX.Element;

type SidebarGroupLabelProps = React.ComponentProps<"div"> & {
    asChild?: boolean;
};
declare function SidebarGroupLabel({ className, asChild, ...props }: SidebarGroupLabelProps): React.JSX.Element;

type SidebarGroupActionProps = React.ComponentProps<"button"> & {
    asChild?: boolean;
};
declare function SidebarGroupAction({ className, asChild, ...props }: SidebarGroupActionProps): React.JSX.Element;

type SidebarGroupContentProps = React.ComponentProps<"div">;
declare function SidebarGroupContent({ className, ...props }: SidebarGroupContentProps): React.JSX.Element;

type SidebarMenuProps = React.ComponentProps<"ul">;
declare function SidebarMenu({ className, ...props }: SidebarMenuProps): React.JSX.Element;

type SidebarMenuItemProps = React.ComponentProps<"li">;
declare function SidebarMenuItem({ className, ...props }: SidebarMenuItemProps): React.JSX.Element;

declare const sidebarMenuButtonVariants: (props?: {
    variant?: "default" | "outline";
    size?: "default" | "sm" | "lg";
} & class_variance_authority_types.ClassProp) => string;

type SidebarMenuButtonCvaProps = VariantProps<typeof sidebarMenuButtonVariants>;
type SidebarMenuButtonVariantType = NonNullable<SidebarMenuButtonCvaProps["variant"]>;
type SidebarMenuButtonSizeType = NonNullable<SidebarMenuButtonCvaProps["size"]>;

type SidebarMenuButtonProps = React.ComponentProps<"button"> & {
    asChild?: boolean;
    isActive?: boolean;
    variant?: SidebarMenuButtonVariantType;
    size?: SidebarMenuButtonSizeType;
    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
};
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: SidebarMenuButtonProps): React.JSX.Element;

type SidebarMenuActionProps = React.ComponentProps<"button"> & {
    asChild?: boolean;
    showOnHover?: boolean;
};
declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: SidebarMenuActionProps): React.JSX.Element;

type SidebarMenuBadgeProps = React.ComponentProps<"div">;
declare function SidebarMenuBadge({ className, ...props }: SidebarMenuBadgeProps): React.JSX.Element;

type SidebarMenuSkeletonProps = React.ComponentProps<"div"> & {
    showIcon?: boolean;
};
declare function SidebarMenuSkeleton({ className, showIcon, ...props }: SidebarMenuSkeletonProps): React.JSX.Element;

type SidebarMenuSubProps = React.ComponentProps<"ul">;
declare function SidebarMenuSub({ className, ...props }: SidebarMenuSubProps): React.JSX.Element;

type SidebarMenuSubItemProps = React.ComponentProps<"li">;
declare function SidebarMenuSubItem({ className, ...props }: SidebarMenuSubItemProps): React.JSX.Element;

type SidebarMenuSubButtonSize = "sm" | "md";

type SidebarMenuSubButtonProps = React.ComponentProps<"a"> & {
    asChild?: boolean;
    size?: SidebarMenuSubButtonSize;
    isActive?: boolean;
};
declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: SidebarMenuSubButtonProps): React.JSX.Element;

type SidebarContextValue = {
    state: "expanded" | "collapsed";
    open: boolean;
    setOpen: (open: boolean | ((value: boolean) => boolean)) => void;
    openMobile: boolean;
    setOpenMobile: (open: boolean) => void;
    isMobile: boolean;
    toggleSidebar: () => void;
};
declare function useSidebarContext(consumerName: string): SidebarContextValue;
declare function useSidebar(): SidebarContextValue;

export { Sidebar, type SidebarCollapsible, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, type SidebarMenuBadgeProps, SidebarMenuButton, type SidebarMenuButtonProps, type SidebarMenuButtonSizeType, type SidebarMenuButtonVariantType, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, type SidebarMenuSubButtonSize, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarSeparator, type SidebarSeparatorProps, type SidebarSide, SidebarTrigger, type SidebarTriggerProps, type SidebarVariant, useSidebar, useSidebarContext };