@codefast/ui 0.3.11-canary.0 → 0.3.11-canary.2

package/dist/components/separator.js

@@ -1,43 +1,45 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
 import { cn, tv } from "@codefast/tailwind-variants";
-import { Root } from "@radix-ui/react-separator";
+import { jsx } from "react/jsx-runtime";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+//#region src/components/separator.tsx
 const separatorVariants = tv({
-    base: "relative flex shrink-0 items-center bg-border",
-    defaultVariants: {
-        align: "center",
-        orientation: "horizontal"
-    },
-    variants: {
-        align: {
-            center: "justify-center",
-            end: "justify-end",
-            start: "justify-start"
-        },
-        orientation: {
-            horizontal: "h-px w-full",
-            vertical: "h-full w-px flex-col"
-        }
-    }
+	base: "relative flex shrink-0 items-center bg-border",
+	defaultVariants: {
+		align: "center",
+		orientation: "horizontal"
+	},
+	variants: {
+		align: {
+			center: "justify-center",
+			end: "justify-end",
+			start: "justify-start"
+		},
+		orientation: {
+			horizontal: "h-px w-full",
+			vertical: "h-full w-px flex-col"
+		}
+	}
 });
 function Separator({ align, className, decorative = true, orientation, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        className: separatorVariants({
-            align,
-            className,
-            orientation
-        }),
-        "data-slot": "separator",
-        decorative: decorative,
-        orientation: orientation,
-        ...props
-    });
+	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
+		className: separatorVariants({
+			align,
+			className,
+			orientation
+		}),
+		"data-slot": "separator",
+		decorative,
+		orientation,
+		...props
+	});
 }
 function SeparatorItem({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("absolute mx-2 bg-background px-2 text-sm text-muted-foreground", className),
-        "data-slot": "separator-item",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("absolute mx-2 bg-background px-2 text-sm text-muted-foreground", className),
+		"data-slot": "separator-item",
+		...props
+	});
 }
+//#endregion
 export { Separator, SeparatorItem, separatorVariants };

package/dist/components/sheet.d.ts

@@ -1,42 +1,75 @@
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { ComponentProps, JSX } from "react";
+import { buttonVariants } from "./button.js";
+import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { VariantProps } from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { buttonVariants } from "./button";
-declare const sheetContentVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
-    side: {
-        bottom: string;
-        left: string;
-        right: string;
-        top: string;
-    };
+
+//#region src/components/sheet.d.ts
+declare const sheetContentVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
+  side: {
+    bottom: string;
+    left: string;
+    right: string;
+    top: string;
+  };
 }, Record<string, never>>;
 type SheetProps = ComponentProps<typeof SheetPrimitive.Root>;
-declare function Sheet({ children, ...props }: SheetProps): JSX.Element;
+declare function Sheet({
+  children,
+  ...props
+}: SheetProps): JSX.Element;
 type SheetTriggerProps = ComponentProps<typeof SheetPrimitive.Trigger>;
-declare function SheetTrigger({ ...props }: SheetTriggerProps): JSX.Element;
+declare function SheetTrigger({
+  ...props
+}: SheetTriggerProps): JSX.Element;
 interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content>, VariantProps<typeof sheetContentVariants> {
-    classNames?: {
-        close?: string;
-        content?: string;
-        overlay?: string;
-    };
+  classNames?: {
+    close?: string;
+    content?: string;
+    overlay?: string;
+  };
 }
-declare function SheetContent({ children, className, classNames, side, ...props }: SheetContentProps): JSX.Element;
+declare function SheetContent({
+  children,
+  className,
+  classNames,
+  side,
+  ...props
+}: SheetContentProps): JSX.Element;
 type SheetHeaderProps = ComponentProps<"div">;
-declare function SheetHeader({ className, ...props }: SheetHeaderProps): JSX.Element;
+declare function SheetHeader({
+  className,
+  ...props
+}: SheetHeaderProps): JSX.Element;
 type SheetBodyProps = ComponentProps<"div">;
-declare function SheetBody({ className, ...props }: SheetBodyProps): JSX.Element;
+declare function SheetBody({
+  className,
+  ...props
+}: SheetBodyProps): JSX.Element;
 type SheetFooterProps = ComponentProps<"div">;
-declare function SheetFooter({ className, ...props }: SheetFooterProps): JSX.Element;
+declare function SheetFooter({
+  className,
+  ...props
+}: SheetFooterProps): JSX.Element;
 type SheetTitleProps = ComponentProps<typeof SheetPrimitive.Title>;
-declare function SheetTitle({ className, ...props }: SheetTitleProps): JSX.Element;
+declare function SheetTitle({
+  className,
+  ...props
+}: SheetTitleProps): JSX.Element;
 type SheetDescriptionProps = ComponentProps<typeof SheetPrimitive.Description>;
-declare function SheetDescription({ className, ...props }: SheetDescriptionProps): JSX.Element;
+declare function SheetDescription({
+  className,
+  ...props
+}: SheetDescriptionProps): JSX.Element;
 interface SheetCloseProps extends ComponentProps<typeof SheetPrimitive.Close> {
-    size?: VariantProps<typeof buttonVariants>["size"];
-    variant?: VariantProps<typeof buttonVariants>["variant"];
+  size?: VariantProps<typeof buttonVariants>["size"];
+  variant?: VariantProps<typeof buttonVariants>["variant"];
 }
-declare function SheetClose({ className, size, variant, ...props }: SheetCloseProps): JSX.Element;
-export { sheetContentVariants };
-export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, };
-export type { SheetBodyProps, SheetCloseProps, SheetContentProps, SheetDescriptionProps, SheetFooterProps, SheetHeaderProps, SheetProps, SheetTitleProps, SheetTriggerProps, };
+declare function SheetClose({
+  className,
+  size,
+  variant,
+  ...props
+}: SheetCloseProps): JSX.Element;
+//#endregion
+export { Sheet, SheetBody, type SheetBodyProps, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps, sheetContentVariants };

package/dist/components/sheet.js

@@ -1,124 +1,103 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { buttonVariants } from "./button.js";
 import { cn, tv } from "@codefast/tailwind-variants";
-import { Close, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
-import { buttonVariants } from "./button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+//#region src/components/sheet.tsx
 const sheetContentVariants = tv({
-    base: "fixed z-50 flex flex-col overflow-auto bg-background shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 data-[state=open]:animate-in data-[state=open]:animation-duration-500",
-    defaultVariants: {
-        side: "right"
-    },
-    variants: {
-        side: {
-            bottom: "inset-x-0 bottom-0 max-h-[80vh] border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-            left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-            right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
-            top: "inset-x-0 top-0 max-h-[80vh] border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top"
-        }
-    }
+	base: "fixed z-50 flex flex-col overflow-auto bg-background shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 data-[state=open]:animate-in data-[state=open]:animation-duration-500",
+	defaultVariants: { side: "right" },
+	variants: { side: {
+		bottom: "inset-x-0 bottom-0 max-h-[80vh] border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+		left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+		right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+		top: "inset-x-0 top-0 max-h-[80vh] border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top"
+	} }
 });
 function Sheet({ children, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "sheet",
-        ...props,
-        children: children
-    });
+	return /* @__PURE__ */ jsx(SheetPrimitive.Root, {
+		"data-slot": "sheet",
+		...props,
+		children
+	});
 }
 function SheetTrigger({ ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        "data-slot": "sheet-trigger",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, {
+		"data-slot": "sheet-trigger",
+		...props
+	});
 }
 function SheetContent({ children, className, classNames, side = "right", ...props }) {
-    return /*#__PURE__*/ jsxs(Portal, {
-        children: [
-            /*#__PURE__*/ jsx(Overlay, {
-                className: cn("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=open]:fade-in-0", classNames?.overlay),
-                "data-slot": "sheet-overlay"
-            }),
-            /*#__PURE__*/ jsxs(Content, {
-                className: sheetContentVariants({
-                    className: [
-                        classNames?.content,
-                        className
-                    ],
-                    side
-                }),
-                "data-slot": "sheet-content",
-                ...props,
-                children: [
-                    children,
-                    /*#__PURE__*/ jsxs(Close, {
-                        className: buttonVariants({
-                            className: [
-                                "absolute top-4 right-4 size-7",
-                                classNames?.close
-                            ],
-                            size: "icon",
-                            variant: "ghost"
-                        }),
-                        "data-slot": "sheet-close",
-                        children: [
-                            /*#__PURE__*/ jsx(XIcon, {
-                                className: "size-4"
-                            }),
-                            /*#__PURE__*/ jsx("span", {
-                                className: "sr-only",
-                                children: "Close"
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs(SheetPrimitive.Portal, { children: [/* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
+		className: cn("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=open]:fade-in-0", classNames?.overlay),
+		"data-slot": "sheet-overlay"
+	}), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
+		className: sheetContentVariants({
+			className: [classNames?.content, className],
+			side
+		}),
+		"data-slot": "sheet-content",
+		...props,
+		children: [children, /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
+			className: buttonVariants({
+				className: ["absolute top-4 right-4 size-7", classNames?.close],
+				size: "icon",
+				variant: "ghost"
+			}),
+			"data-slot": "sheet-close",
+			children: [/* @__PURE__ */ jsx(XIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
 }
 function SheetHeader({ className, ...props }) {
-    return /*#__PURE__*/ jsx("header", {
-        className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left", className),
-        "data-slot": "sheet-header",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("header", {
+		className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left", className),
+		"data-slot": "sheet-header",
+		...props
+	});
 }
 function SheetBody({ className, ...props }) {
-    return /*#__PURE__*/ jsx("main", {
-        className: cn("px-6 py-2", className),
-        "data-slot": "sheet-body",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("main", {
+		className: cn("px-6 py-2", className),
+		"data-slot": "sheet-body",
+		...props
+	});
 }
 function SheetFooter({ className, ...props }) {
-    return /*#__PURE__*/ jsx("footer", {
-        className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end", className),
-        "data-slot": "sheet-footer",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("footer", {
+		className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end", className),
+		"data-slot": "sheet-footer",
+		...props
+	});
 }
 function SheetTitle({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Title, {
-        className: cn("text-lg font-semibold text-foreground", className),
-        "data-slot": "sheet-title",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(SheetPrimitive.Title, {
+		className: cn("text-lg font-semibold text-foreground", className),
+		"data-slot": "sheet-title",
+		...props
+	});
 }
 function SheetDescription({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Description, {
-        className: cn("text-sm text-muted-foreground", className),
-        "data-slot": "sheet-description",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(SheetPrimitive.Description, {
+		className: cn("text-sm text-muted-foreground", className),
+		"data-slot": "sheet-description",
+		...props
+	});
 }
 function SheetClose({ className, size, variant = "outline", ...props }) {
-    return /*#__PURE__*/ jsx(Close, {
-        className: buttonVariants({
-            className,
-            size,
-            variant
-        }),
-        "data-slot": "sheet-close",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(SheetPrimitive.Close, {
+		className: buttonVariants({
+			className,
+			size,
+			variant
+		}),
+		"data-slot": "sheet-close",
+		...props
+	});
 }
+//#endregion
 export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, sheetContentVariants };

package/dist/components/sidebar.d.ts

@@ -1,101 +1,195 @@
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { ComponentProps, Dispatch, JSX, SetStateAction } from "react";
-import { Button } from "./button";
-import { Input } from "./input";
-import { Separator } from "./separator";
-import { TooltipContent } from "./tooltip";
-declare const sidebarMenuButtonVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    variant: {
-        default: string;
-        outline: string;
-    };
+import { Button } from "./button.js";
+import { Separator } from "./separator.js";
+import { Input } from "./input.js";
+import { TooltipContent } from "./tooltip.js";
+import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { VariantProps } from "@codefast/tailwind-variants";
+import { ComponentProps, Dispatch, JSX, SetStateAction } from "react";
+
+//#region src/components/sidebar.d.ts
+declare const sidebarMenuButtonVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
+  size: {
+    sm: string;
+    md: string;
+    lg: string;
+  };
+  variant: {
+    default: string;
+    outline: string;
+  };
 }, Record<string, never>>;
 interface SidebarContextValue {
-    isMobile: boolean;
-    open: boolean;
-    openMobile: boolean;
-    setOpen: (open: boolean) => void;
-    setOpenMobile: Dispatch<SetStateAction<boolean>>;
-    state: "collapsed" | "expanded";
-    toggleSidebar: () => void;
+  isMobile: boolean;
+  open: boolean;
+  openMobile: boolean;
+  setOpen: (open: boolean) => void;
+  setOpenMobile: Dispatch<SetStateAction<boolean>>;
+  state: "collapsed" | "expanded";
+  toggleSidebar: () => void;
 }
 declare const useSidebar: (consumerName: string) => SidebarContextValue;
 interface SidebarProviderProps extends ComponentProps<"div"> {
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  open?: boolean;
 }
-declare function SidebarProvider({ children, className, defaultOpen, onOpenChange: setOpenProperty, open: openProperty, style, ...props }: SidebarProviderProps): JSX.Element;
+declare function SidebarProvider({
+  children,
+  className,
+  defaultOpen,
+  onOpenChange: setOpenProperty,
+  open: openProperty,
+  style,
+  ...props
+}: SidebarProviderProps): JSX.Element;
 interface SidebarProps extends ComponentProps<"div"> {
-    collapsible?: "icon" | "none" | "offcanvas";
-    side?: "left" | "right";
-    variant?: "floating" | "inset" | "sidebar";
+  collapsible?: "icon" | "none" | "offcanvas";
+  side?: "left" | "right";
+  variant?: "floating" | "inset" | "sidebar";
 }
-declare function Sidebar({ children, className, collapsible, side, variant, ...props }: SidebarProps): JSX.Element;
+declare function Sidebar({
+  children,
+  className,
+  collapsible,
+  side,
+  variant,
+  ...props
+}: SidebarProps): JSX.Element;
 type SidebarTriggerProps = ComponentProps<typeof Button>;
-declare function SidebarTrigger({ className, onClick, ...props }: SidebarTriggerProps): JSX.Element;
+declare function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}: SidebarTriggerProps): JSX.Element;
 type SidebarRailProps = ComponentProps<"button">;
-declare function SidebarRail({ className, ...props }: SidebarRailProps): JSX.Element;
+declare function SidebarRail({
+  className,
+  ...props
+}: SidebarRailProps): JSX.Element;
 type SidebarInsetProps = ComponentProps<"main">;
-declare function SidebarInset({ className, ...props }: SidebarInsetProps): JSX.Element;
+declare function SidebarInset({
+  className,
+  ...props
+}: SidebarInsetProps): JSX.Element;
 type SidebarInputProps = ComponentProps<typeof Input>;
-declare function SidebarInput({ className, ...props }: SidebarInputProps): JSX.Element;
+declare function SidebarInput({
+  className,
+  ...props
+}: SidebarInputProps): JSX.Element;
 type SidebarHeaderProps = ComponentProps<"div">;
-declare function SidebarHeader({ className, ...props }: SidebarHeaderProps): JSX.Element;
+declare function SidebarHeader({
+  className,
+  ...props
+}: SidebarHeaderProps): JSX.Element;
 type SidebarFooterProps = ComponentProps<"div">;
-declare function SidebarFooter({ className, ...props }: SidebarFooterProps): JSX.Element;
+declare function SidebarFooter({
+  className,
+  ...props
+}: SidebarFooterProps): JSX.Element;
 type SidebarSeparatorProps = ComponentProps<typeof Separator>;
-declare function SidebarSeparator({ className, ...props }: SidebarSeparatorProps): JSX.Element;
+declare function SidebarSeparator({
+  className,
+  ...props
+}: SidebarSeparatorProps): JSX.Element;
 type SidebarContentProps = ComponentProps<"div">;
-declare function SidebarContent({ className, ...props }: SidebarContentProps): JSX.Element;
+declare function SidebarContent({
+  className,
+  ...props
+}: SidebarContentProps): JSX.Element;
 type SidebarGroupProps = ComponentProps<"div">;
-declare function SidebarGroup({ className, ...props }: SidebarGroupProps): JSX.Element;
+declare function SidebarGroup({
+  className,
+  ...props
+}: SidebarGroupProps): JSX.Element;
 interface SidebarGroupLabelProps extends ComponentProps<"div"> {
-    asChild?: boolean;
+  asChild?: boolean;
 }
-declare function SidebarGroupLabel({ asChild, className, ...props }: SidebarGroupLabelProps): JSX.Element;
+declare function SidebarGroupLabel({
+  asChild,
+  className,
+  ...props
+}: SidebarGroupLabelProps): JSX.Element;
 interface SidebarGroupActionProps extends ComponentProps<"button"> {
-    asChild?: boolean;
+  asChild?: boolean;
 }
-declare function SidebarGroupAction({ asChild, className, ...props }: SidebarGroupActionProps): JSX.Element;
+declare function SidebarGroupAction({
+  asChild,
+  className,
+  ...props
+}: SidebarGroupActionProps): JSX.Element;
 type SidebarGroupContentProps = ComponentProps<"div">;
-declare function SidebarGroupContent({ className, ...props }: SidebarGroupContentProps): JSX.Element;
+declare function SidebarGroupContent({
+  className,
+  ...props
+}: SidebarGroupContentProps): JSX.Element;
 type SidebarMenuProps = ComponentProps<"ul">;
-declare function SidebarMenu({ className, ...props }: SidebarMenuProps): JSX.Element;
+declare function SidebarMenu({
+  className,
+  ...props
+}: SidebarMenuProps): JSX.Element;
 type SidebarMenuItemProps = ComponentProps<"li">;
-declare function SidebarMenuItem({ className, ...props }: SidebarMenuItemProps): JSX.Element;
+declare function SidebarMenuItem({
+  className,
+  ...props
+}: SidebarMenuItemProps): JSX.Element;
 interface SidebarMenuButtonProps extends ComponentProps<"button">, VariantProps<typeof sidebarMenuButtonVariants> {
-    asChild?: boolean;
-    isActive?: boolean;
-    tooltip?: ComponentProps<typeof TooltipContent> | string;
+  asChild?: boolean;
+  isActive?: boolean;
+  tooltip?: ComponentProps<typeof TooltipContent> | string;
 }
-declare function SidebarMenuButton({ asChild, className, isActive, size, tooltip, variant, ...props }: SidebarMenuButtonProps): JSX.Element;
+declare function SidebarMenuButton({
+  asChild,
+  className,
+  isActive,
+  size,
+  tooltip,
+  variant,
+  ...props
+}: SidebarMenuButtonProps): JSX.Element;
 interface SidebarMenuActionProps extends ComponentProps<"button"> {
-    asChild?: boolean;
-    showOnHover?: boolean;
+  asChild?: boolean;
+  showOnHover?: boolean;
 }
-declare function SidebarMenuAction({ asChild, className, showOnHover, ...props }: SidebarMenuActionProps): JSX.Element;
+declare function SidebarMenuAction({
+  asChild,
+  className,
+  showOnHover,
+  ...props
+}: SidebarMenuActionProps): JSX.Element;
 type SidebarMenuBadgeProps = ComponentProps<"div">;
-declare function SidebarMenuBadge({ className, ...props }: SidebarMenuBadgeProps): JSX.Element;
+declare function SidebarMenuBadge({
+  className,
+  ...props
+}: SidebarMenuBadgeProps): JSX.Element;
 interface SidebarMenuSkeletonProps extends ComponentProps<"div"> {
-    showIcon?: boolean;
+  showIcon?: boolean;
 }
-declare function SidebarMenuSkeleton({ className, showIcon, ...props }: SidebarMenuSkeletonProps): JSX.Element;
+declare function SidebarMenuSkeleton({
+  className,
+  showIcon,
+  ...props
+}: SidebarMenuSkeletonProps): JSX.Element;
 type SidebarMenuSubProps = ComponentProps<"ul">;
-declare function SidebarMenuSub({ className, ...props }: SidebarMenuSubProps): JSX.Element;
+declare function SidebarMenuSub({
+  className,
+  ...props
+}: SidebarMenuSubProps): JSX.Element;
 type SidebarMenuSubItemProps = ComponentProps<"li">;
-declare function SidebarMenuSubItem({ className, ...props }: SidebarMenuSubItemProps): JSX.Element;
+declare function SidebarMenuSubItem({
+  className,
+  ...props
+}: SidebarMenuSubItemProps): JSX.Element;
 interface SidebarMenuSubButtonProps extends ComponentProps<"a"> {
-    asChild?: boolean;
-    isActive?: boolean;
-    size?: "md" | "sm";
+  asChild?: boolean;
+  isActive?: boolean;
+  size?: "md" | "sm";
 }
-declare function SidebarMenuSubButton({ asChild, className, isActive, size, ...props }: SidebarMenuSubButtonProps): JSX.Element;
-export { sidebarMenuButtonVariants };
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
-export type { SidebarContentProps, SidebarFooterProps, SidebarGroupActionProps, SidebarGroupContentProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarInputProps, SidebarInsetProps, SidebarMenuActionProps, SidebarMenuBadgeProps, SidebarMenuButtonProps, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeletonProps, SidebarMenuSubButtonProps, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarProps, SidebarProviderProps, SidebarRailProps, SidebarSeparatorProps, SidebarTriggerProps, };
+declare function SidebarMenuSubButton({
+  asChild,
+  className,
+  isActive,
+  size,
+  ...props
+}: SidebarMenuSubButtonProps): JSX.Element;
+//#endregion
+export { Sidebar, 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, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, sidebarMenuButtonVariants, useSidebar };