beez-ui 0.10.0 → 2.0.0

package/dist/components/file-upload.js

@@ -11,7 +11,7 @@ import { cn } from "../lib/utils.js";
 import { classifyFiles } from "../lib/file-acceptance.js";
 import { formatFileSize } from "../lib/format-file-size.js";
 import { AnimatedListItem } from "./animated-list-item.js";
-import { Button } from "./button.js";
+import { ControlButton } from "./control-button.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const COMPLETE_PROGRESS = 100;
 const FILE_UPLOAD_DROP_ZONE_DEFAULT_LABELS = {
@@ -236,8 +236,8 @@ export function FileUploadDropZone(t0) {
 	}
 	let t22;
 	if ($[38] !== isDisabled || $[39] !== resolvedLabels.uploadAction || $[40] !== t20 || $[41] !== t21) {
-		t22 = /* @__PURE__ */ _jsxs(Button, {
-			className: "h-auto p-0 font-semibold",
+		t22 = /* @__PURE__ */ _jsxs(ControlButton, {
+			className: "h-auto p-0 font-medium",
 			disabled: isDisabled,
 			type: "button",
 			variant: "link",
@@ -575,7 +575,7 @@ export function FileUploadItem(t0) {
 	}
 	let t20;
 	if ($[45] !== isDeleteDisabled || $[46] !== name || $[47] !== onDelete || $[48] !== resolvedLabels.delete) {
-		t20 = onDelete ? /* @__PURE__ */ _jsx(Button, {
+		t20 = onDelete ? /* @__PURE__ */ _jsx(ControlButton, {
 			"aria-label": `${resolvedLabels.delete} ${name}`,
 			className: "-mt-2 -mr-2 self-start text-muted-foreground",
 			disabled: isDeleteDisabled,
@@ -607,7 +607,7 @@ export function FileUploadItem(t0) {
 	}
 	let t22;
 	if ($[53] !== clampedProgress || $[54] !== failed || $[55] !== isFillVariant || $[56] !== onRetry || $[57] !== progressBarProps || $[58] !== resolvedLabels.retry) {
-		t22 = failed ? onRetry ? /* @__PURE__ */ _jsx(Button, {
+		t22 = failed ? onRetry ? /* @__PURE__ */ _jsx(ControlButton, {
 			className: "mt-1.5 h-auto p-0 text-destructive",
 			size: "sm",
 			type: "button",

package/dist/components/filter-presets-bar.js

@@ -7,7 +7,7 @@ import { c as _c } from "react/compiler-runtime";
 import { useId, useState } from "react";
 import { Bookmark, Pencil, X } from "lucide-react";
 import { cn } from "../lib/utils.js";
-import { Button } from "./button.js";
+import { ControlButton } from "./control-button.js";
 import { FilterQueryBar } from "./filter-query-bar.js";
 import { Input } from "./input.js";
 import { Label } from "./label.js";
@@ -143,7 +143,7 @@ export function FilterPresetSaveButton(t0) {
 			asChild: true,
 			children: /* @__PURE__ */ _jsx(PopoverTrigger, {
 				asChild: true,
-				children: /* @__PURE__ */ _jsx(Button, {
+				children: /* @__PURE__ */ _jsx(ControlButton, {
 					"data-slot": "filter-preset-save-button",
 					"aria-label": resolvedLabels.saveAction,
 					className,
@@ -251,7 +251,7 @@ export function FilterPresetSaveButton(t0) {
 	}
 	let t14;
 	if ($[33] !== handleConfirmSave || $[34] !== resolvedLabels.saveConfirm || $[35] !== resolvedLabels.saveConfirmAriaLabel) {
-		t14 = /* @__PURE__ */ _jsx(Button, {
+		t14 = /* @__PURE__ */ _jsx(ControlButton, {
 			"aria-label": resolvedLabels.saveConfirmAriaLabel,
 			onClick: handleConfirmSave,
 			size: "sm",
@@ -450,7 +450,7 @@ export function FilterPresetsBar(t0) {
 								role: "alert",
 								children: editError
 							}) : null,
-							/* @__PURE__ */ _jsx(Button, {
+							/* @__PURE__ */ _jsx(ControlButton, {
 								"aria-label": resolvedLabels.editConfirmAriaLabel,
 								onClick: handleConfirmEdit,
 								size: "sm",
@@ -479,13 +479,13 @@ export function FilterPresetsBar(t0) {
 							children: resolvedLabels.deleteConfirmation(preset_1.name)
 						}), /* @__PURE__ */ _jsxs("div", {
 							className: "flex justify-end gap-2",
-							children: [/* @__PURE__ */ _jsx(Button, {
+							children: [/* @__PURE__ */ _jsx(ControlButton, {
 								onClick: () => setDeletingPresetName(null),
 								size: "sm",
 								type: "button",
 								variant: "outline",
 								children: resolvedLabels.cancel
-							}), /* @__PURE__ */ _jsx(Button, {
+							}), /* @__PURE__ */ _jsx(ControlButton, {
 								onClick: () => {
 									setDeletingPresetName(null);
 									onDeletePreset(preset_1.name);

package/dist/components/filter-query-bar.js

@@ -2,7 +2,7 @@
 import { c as _c } from "react/compiler-runtime";
 import * as React from "react";
 import { Calendar, Check, CircleDot, CircleMinus, CircleSlash, Folder, Hash, List, Type, User, X } from "lucide-react";
-import { Button } from "./button.js";
+import { ControlButton } from "./control-button.js";
 import { Input } from "./input.js";
 import { Popover, PopoverAnchor, PopoverContent } from "./popover.js";
 import { GlideSlot } from "../motion/glide-slot.js";
@@ -708,7 +708,7 @@ export function FilterQueryBar(t0) {
 	}
 	let t31;
 	if ($[67] !== handleClear || $[68] !== value) {
-		t31 = value ? /* @__PURE__ */ _jsx(Button, {
+		t31 = value ? /* @__PURE__ */ _jsx(ControlButton, {
 			"aria-label": CLEAR_FILTER_ARIA_LABEL,
 			className: "active:-translate-y-0",
 			onClick: handleClear,

package/dist/components/input-group.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-import { Button } from "./button.js";
+import { ControlButton } from "./control-button.js";
 declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
     align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
@@ -9,7 +9,7 @@ declare function InputGroupAddon({ className, align, ...props }: React.Component
 declare const inputGroupButtonVariants: (props?: ({
     size?: "icon-sm" | "icon-xs" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): React.JSX.Element;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof ControlButton>, "size"> & VariantProps<typeof inputGroupButtonVariants>): React.JSX.Element;
 declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;
 declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;

package/dist/components/input-group.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import { cva } from "class-variance-authority";
 import { MotionSlot } from "../motion/motion-slot.js";
 import { cn } from "../lib/utils.js";
-import { Button } from "./button.js";
+import { ControlButton } from "./control-button.js";
 import { Input } from "./input.js";
 import { Textarea } from "./textarea.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -153,7 +153,7 @@ function InputGroupButton(t0) {
 	}
 	let t5;
 	if ($[9] !== props || $[10] !== size || $[11] !== t4 || $[12] !== type || $[13] !== variant) {
-		t5 = /* @__PURE__ */ _jsx(Button, {
+		t5 = /* @__PURE__ */ _jsx(ControlButton, {
 			type,
 			"data-size": size,
 			variant,

package/dist/components/pagination.d.ts

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { type LinkProps } from "./link.js";
-import { Button } from "./button.js";
+import { ControlButton } from "./control-button.js";
 declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
 /** Lists page links; the current page's highlight glides to the newly selected page. */
 declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
 declare function PaginationItem({ ...props }: React.ComponentProps<"li">): React.JSX.Element;
 export type PaginationLinkProps = {
     isActive?: boolean;
-} & Pick<React.ComponentProps<typeof Button>, "size"> & LinkProps;
+} & Pick<React.ComponentProps<typeof ControlButton>, "size"> & LinkProps;
 declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): React.JSX.Element;
 declare function PaginationPrevious({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
     text?: string;

package/dist/components/pagination.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import { Link } from "./link.js";
 import { GlideSlot } from "../motion/glide-slot.js";
 import { cn } from "../lib/utils.js";
-import { Button } from "./button.js";
+import { ControlButton } from "./control-button.js";
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Pagination(t0) {
@@ -155,7 +155,7 @@ function PaginationLink(t0) {
 	}
 	let t6;
 	if ($[11] !== size || $[12] !== t2 || $[13] !== t3 || $[14] !== t5) {
-		t6 = /* @__PURE__ */ _jsx(Button, {
+		t6 = /* @__PURE__ */ _jsx(ControlButton, {
 			asChild: true,
 			variant: t2,
 			size,

package/dist/components/reaction-button.js

@@ -6,7 +6,7 @@ import { usePrefersReducedMotion } from "../hooks/use-prefers-reduced-motion.js"
 import { cn } from "../lib/utils.js";
 import { MOTION_EASE, MOTION_TIMING } from "../motion/tokens.js";
 import { AnimatedCount } from "./animated-count.js";
-import { Button } from "./button.js";
+import { ControlButton } from "./control-button.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Peak scale the icon reaches while popping into the active state. */
 const REACTION_ICON_POP_SCALE = 1.28;
@@ -95,7 +95,7 @@ export function ReactionButton(t0) {
 	}
 	let t10;
 	if ($[12] !== activeColorStyle || $[13] !== ariaLabel || $[14] !== isActive || $[15] !== isDisabled || $[16] !== onClick || $[17] !== t4 || $[18] !== t5 || $[19] !== t8 || $[20] !== t9) {
-		t10 = /* @__PURE__ */ _jsxs(Button, {
+		t10 = /* @__PURE__ */ _jsxs(ControlButton, {
 			"data-slot": "reaction-button",
 			"data-active": t4,
 			"aria-label": ariaLabel,

package/dist/components/rich-link-editor.js

@@ -4,7 +4,7 @@ import { c as _c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 import { cn } from "../lib/utils.js";
 import { RICH_LINK_POPOVER_MODE, RICH_TEXT_EDITOR_KEY, RICH_TEXT_SEGMENT_TYPE } from "../lib/rich-text/link-markdown-constants.js";
-import { Button } from "./button.js";
+import { ControlButton } from "./control-button.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const BUTTON_TYPE = "button";
@@ -22,11 +22,11 @@ const LINK_REL = "noreferrer";
 const RICH_LINK_EDITOR_CLASS_NAMES = {
 	editor: "min-h-28 w-full cursor-text border-0 bg-background p-0 leading-[1.65] whitespace-pre-wrap text-foreground [font:inherit] [overflow-wrap:anywhere] focus:outline-0 empty:before:pointer-events-none empty:before:text-muted-foreground/75 empty:before:content-[attr(data-placeholder)] max-md:text-base",
 	editorInvalid: "rounded-[0.35rem] shadow-[inset_0_-2px_0_var(--destructive)] outline-0",
-	editorLink: "cursor-pointer rounded-[0.2rem] font-bold text-primary underline decoration-[0.08em] underline-offset-[0.18em] transition-colors hover:text-[color-mix(in_oklab,var(--primary)_72%,var(--foreground))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+	editorLink: "cursor-pointer rounded-[0.2rem] font-medium text-primary underline decoration-[0.08em] underline-offset-[0.18em] transition-colors hover:text-[color-mix(in_oklab,var(--primary)_72%,var(--foreground))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
 	popover: "gap-3",
 	editForm: "grid gap-3 animate-in fade-in slide-in-from-bottom-1 duration-200",
 	actions: "flex flex-wrap items-center gap-2",
-	label: "grid gap-[0.35rem] text-[0.85rem] font-bold text-muted-foreground",
+	label: "grid gap-[0.35rem] text-[0.85rem] font-medium text-muted-foreground",
 	input: "min-h-8 rounded-lg border border-border/80 bg-background px-[0.65rem] font-normal text-foreground outline-0 transition-[border-color,box-shadow] [font:inherit] focus-visible:border-ring focus-visible:shadow-[0_0_0_3px_color-mix(in_oklab,var(--ring)_35%,transparent)] aria-invalid:border-destructive aria-invalid:focus-visible:shadow-[0_0_0_3px_color-mix(in_oklab,var(--destructive)_25%,transparent)] max-md:text-base"
 };
 const RICH_LINK_EDITOR_DEFAULT_COPY = {
@@ -176,14 +176,14 @@ export function RichLinkEditor(t0) {
 				onPaste: _temp5,
 				children: popoverMode === RICH_LINK_POPOVER_MODE.actions ? /* @__PURE__ */ _jsxs("div", {
 					className: RICH_LINK_EDITOR_CLASS_NAMES.actions,
-					children: [/* @__PURE__ */ _jsx(Button, {
+					children: [/* @__PURE__ */ _jsx(ControlButton, {
 						onClick: () => {
 							setPopoverMode(RICH_LINK_POPOVER_MODE.edit);
 						},
 						type: BUTTON_TYPE,
 						variant: BUTTON_VARIANT.ghost,
 						children: copy.editAction
-					}), /* @__PURE__ */ _jsx(Button, {
+					}), /* @__PURE__ */ _jsx(ControlButton, {
 						onClick: () => {
 							removeLink(segment);
 						},
@@ -221,7 +221,7 @@ export function RichLinkEditor(t0) {
 						}),
 						/* @__PURE__ */ _jsxs("div", {
 							className: RICH_LINK_EDITOR_CLASS_NAMES.actions,
-							children: [/* @__PURE__ */ _jsx(Button, {
+							children: [/* @__PURE__ */ _jsx(ControlButton, {
 								disabled: !isLinkEditValid,
 								onClick: () => {
 									if (activeLink) {
@@ -230,7 +230,7 @@ export function RichLinkEditor(t0) {
 								},
 								type: BUTTON_TYPE,
 								children: copy.editSave
-							}), /* @__PURE__ */ _jsx(Button, {
+							}), /* @__PURE__ */ _jsx(ControlButton, {
 								onClick: closeLinkPopover,
 								type: BUTTON_TYPE,
 								variant: BUTTON_VARIANT.outline,

package/dist/components/rich-text-content.js

@@ -16,7 +16,7 @@ export function RichTextContent({ content, onLinkClick, linkClassName }) {
 	const segments = parseRichTextSegments(content);
 	return /* @__PURE__ */ _jsx(_Fragment, { children: segments.map((segment, segmentIndex) => segment.type === RICH_TEXT_SEGMENT_TYPE.link ? /* @__PURE__ */ _jsx("a", {
 		"data-slot": "rich-text-link",
-		className: cn(RICH_TEXT_LINK_CLASS_NAME, "font-bold decoration-[0.08em]", linkClassName),
+		className: cn(RICH_TEXT_LINK_CLASS_NAME, "font-medium decoration-[0.08em]", linkClassName),
 		href: segment.url,
 		onClick: onLinkClick,
 		rel: LINK_REL,

package/dist/components/sheet.js

@@ -5,7 +5,7 @@ import { Dialog as SheetPrimitive } from "radix-ui";
 import { MotionSlot } from "../motion/motion-slot.js";
 import { MotionPresence, MotionOpenProvider, useMotionOpenState } from "../motion/presence.js";
 import { cn } from "../lib/utils.js";
-import { Button } from "./button.js";
+import { ControlButton } from "./control-button.js";
 import { XIcon } from "lucide-react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Sheet(t0) {
@@ -209,7 +209,7 @@ function SheetContent(t0) {
 			asChild: true,
 			children: /* @__PURE__ */ _jsx(MotionSlot, {
 				kind: "delayed-pop",
-				children: /* @__PURE__ */ _jsxs(Button, {
+				children: /* @__PURE__ */ _jsxs(ControlButton, {
 					variant: "ghost",
 					className: "absolute top-4 right-4",
 					size: "icon-sm",

package/dist/components/sidebar-panel-context.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Internal: panel state shared by the sidebar parts and by components that adapt to the icon rail
+ * (such as `AccountMenu`), kept apart so they can read it without importing the sidebar itself.
+ */
+import * as React from "react";
+export type SidebarPanelState = {
+    /** Whether the desktop sidebar is shrunk to its icon rail; always false in the mobile sheet. */
+    collapsed: boolean;
+    collapsible: "offcanvas" | "icon" | "none";
+    side: "left" | "right";
+};
+export declare const SidebarPanelContext: React.Context<SidebarPanelState | null>;
+/**
+ * Reads the panel state when rendered inside a `Sidebar`, and `null` anywhere else.
+ * @returns The panel state, or `null` outside a sidebar.
+ */
+export declare function useOptionalSidebarPanel(): SidebarPanelState | null;

package/dist/components/sidebar-panel-context.js

@@ -0,0 +1,14 @@
+"use client";
+/**
+* Internal: panel state shared by the sidebar parts and by components that adapt to the icon rail
+* (such as `AccountMenu`), kept apart so they can read it without importing the sidebar itself.
+*/
+import * as React from "react";
+export const SidebarPanelContext = React.createContext(null);
+/**
+* Reads the panel state when rendered inside a `Sidebar`, and `null` anywhere else.
+* @returns The panel state, or `null` outside a sidebar.
+*/
+export function useOptionalSidebarPanel() {
+	return React.use(SidebarPanelContext);
+}

package/dist/components/sidebar.d.ts

@@ -7,6 +7,7 @@
  */
 import * as React from "react";
 import { type HTMLMotionProps } from "motion/react";
+import { type SidebarPanelState } from "./sidebar-panel-context.js";
 type SidebarState = "expanded" | "collapsed";
 type SidebarSide = "left" | "right";
 type SidebarVariant = "sidebar" | "floating" | "inset";
@@ -31,6 +32,13 @@ type SidebarContextValue = {
  * @returns Open state for desktop and mobile, viewport and motion flags, and state setters.
  */
 declare function useSidebar(): SidebarContextValue;
+/**
+ * Reads the state of the enclosing `Sidebar` panel, so product content can adapt to the icon rail
+ * without depending on its DOM attributes.
+ * @returns Whether the panel is collapsed to its icon rail (always false in the mobile sheet), its
+ * collapse mode and its side.
+ */
+declare function useSidebarPanel(): SidebarPanelState;
 type SidebarProviderStyle = React.CSSProperties & {
     "--sidebar-width"?: string;
     "--sidebar-width-icon"?: string;
@@ -48,14 +56,18 @@ export type SidebarProviderProps = React.ComponentProps<"div"> & {
     onOpenMobileChange?: (open: boolean) => void;
     /** Opts into local persistence without changing the shared SSR cookie contract. */
     storageKey?: string;
+    /** Cookie that keeps the desktop state for server entrypoints; defaults to `sidebar_state`. */
+    cookieName?: string;
+    /** Lifetime of that cookie in seconds; defaults to seven days. */
+    cookieMaxAge?: number;
     style?: SidebarProviderStyle;
 };
 /**
  * Owns the open state of the sidebar, the ⌘B / Ctrl+B shortcut and the layout wrapper.
- * @param props - Controlled or default state for both viewports, persistence key and wrapper attributes.
+ * @param props - Controlled or default state for both viewports, persistence options and wrapper attributes.
  * @returns The wrapper that lays out the sidebar next to its inset.
  */
-declare function SidebarProvider({ children, open: openProp, defaultOpen, onOpenChange, openMobile: openMobileProp, defaultOpenMobile, onOpenMobileChange, storageKey, className, style, ...props }: SidebarProviderProps): React.JSX.Element;
+declare function SidebarProvider({ children, open: openProp, defaultOpen, onOpenChange, openMobile: openMobileProp, defaultOpenMobile, onOpenMobileChange, storageKey, cookieName, cookieMaxAge, className, style, ...props }: SidebarProviderProps): React.JSX.Element;
 export type SidebarProps = Omit<HTMLMotionProps<"aside">, "children"> & {
     children?: React.ReactNode;
     side?: SidebarSide;
@@ -99,6 +111,31 @@ declare function SidebarInset({ className, ...props }: HTMLMotionProps<"main">):
 declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export type SidebarLabelProps = React.ComponentProps<"span"> & {
+    /** Renders the child element instead of a `span`, for example a paragraph. */
+    asChild?: boolean;
+};
+/**
+ * Product text that only makes sense in the expanded sidebar, such as a workspace name or an empty
+ * state: it leaves the layout while the panel is the icon rail and always shows in the mobile sheet.
+ * @param props - Span attributes, or `asChild` to keep the child element.
+ * @returns The content, or nothing in the icon rail.
+ */
+declare function SidebarLabel({ asChild, ...props }: SidebarLabelProps): React.JSX.Element | null;
+export type SidebarBrandButtonProps = React.ComponentProps<"button"> & {
+    /** Square tile such as a logo or initials; it stays visible in the icon rail. */
+    icon: React.ReactNode;
+    /** Trailing affordance such as a chevron, hidden in the icon rail. */
+    trailing?: React.ReactNode;
+};
+/**
+ * Header row that identifies the workspace, often the trigger of a workspace switcher. It forwards
+ * its props and ref to the `button`, so it works as `DropdownMenuTrigger asChild`, and keeps its tile
+ * on the menu icon column while the label and trailing content leave in the icon rail.
+ * @param props - Tile, label, trailing content and native button attributes.
+ * @returns The brand button.
+ */
+declare function SidebarBrandButton({ icon, trailing, children, className, type, ...props }: SidebarBrandButtonProps): React.JSX.Element;
 declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 /** Section heading that fades out of the icon rail and is hidden from assistive technology there. */
 declare function SidebarGroupLabel({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
@@ -155,4 +192,4 @@ export type SidebarMenuButtonProps = SidebarActionProps & {
  * @returns The menu link or button.
  */
 declare function SidebarMenuButton({ children, icon, badge, href, isActive, ariaExpanded, disabled, closeOnSelect, target, rel, onSelect, className, }: SidebarMenuButtonProps): React.JSX.Element;
-export { Sidebar, SidebarClose, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarTrigger, useSidebar, };
+export { Sidebar, SidebarBrandButton, SidebarClose, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarTrigger, useSidebar, useSidebarPanel, };