@minidev.fun/ui 1.0.3 → 1.0.5

package/dist/popover.d.ts

@@ -0,0 +1,55 @@
+import { JSX } from 'react/jsx-runtime';
+import { Popover as Popover_2 } from '@base-ui/react/popover';
+import * as React_2 from 'react';
+
+/**
+ * Popover root component. Groups all parts of the popover and manages open state.
+ * Use with `open`/`onOpenChange` for controlled state, or `defaultOpen` for uncontrolled.
+ */
+export declare function Popover({ ...props }: PopoverProps): JSX.Element;
+
+/**
+ * Popover content with automatic portal and positioning.
+ * Animates in/out with fade and zoom effects. Default width is w-72 (18rem).
+ *
+ * @param align - Horizontal alignment relative to trigger. @default "center"
+ * @param alignOffset - Offset in pixels along alignment axis. @default 0
+ * @param side - Which side of trigger to display on. @default "bottom"
+ * @param sideOffset - Distance in pixels from trigger. @default 4
+ */
+export declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverContentProps): JSX.Element;
+
+export declare type PopoverContentProps = Popover_2.Popup.Props & Pick<Popover_2.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
+
+/**
+ * Optional description text for the popover. Styled with muted foreground color.
+ */
+export declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): JSX.Element;
+
+export declare type PopoverDescriptionProps = Popover_2.Description.Props;
+
+/**
+ * Optional header wrapper for PopoverTitle and PopoverDescription.
+ * Provides consistent spacing between title and description.
+ */
+export declare function PopoverHeader({ className, ...props }: PopoverHeaderProps): JSX.Element;
+
+export declare type PopoverHeaderProps = React_2.ComponentProps<"div">;
+
+export declare type PopoverProps = Popover_2.Root.Props;
+
+/**
+ * Heading that labels the popover. Renders an h2 element with proper ARIA attributes.
+ */
+export declare function PopoverTitle({ className, ...props }: PopoverTitleProps): JSX.Element;
+
+export declare type PopoverTitleProps = Popover_2.Title.Props;
+
+/**
+ * Button that opens the popover. Use `render` prop to customize the trigger element.
+ */
+export declare function PopoverTrigger({ ...props }: PopoverTriggerProps): JSX.Element;
+
+export declare type PopoverTriggerProps = Popover_2.Trigger.Props;
+
+export { }

package/dist/progress.d.ts

@@ -0,0 +1,41 @@
+import { JSX } from 'react/jsx-runtime';
+import { Progress as Progress_2 } from '@base-ui/react/progress';
+
+/**
+ * Root container for progress bar with label and value support.
+ * Automatically includes track and indicator. Use `value={null}` for indeterminate state.
+ */
+export declare function Progress({ className, children, value, ...props }: ProgressProps): JSX.Element;
+
+/**
+ * Visual indicator showing progress completion. Customize color with className
+ * (e.g., `bg-green-500`, `bg-red-500` for semantic states).
+ */
+export declare function ProgressIndicator({ className, ...props }: ProgressIndicatorProps): JSX.Element;
+
+export declare type ProgressIndicatorProps = Progress_2.Indicator.Props;
+
+/**
+ * Text label describing the progress task.
+ */
+export declare function ProgressLabel({ className, ...props }: ProgressLabelProps): JSX.Element;
+
+export declare type ProgressLabelProps = Progress_2.Label.Props;
+
+export declare type ProgressProps = Progress_2.Root.Props;
+
+/**
+ * Container for the progress indicator. Customize height with className (e.g., `h-2`, `h-3`).
+ */
+export declare function ProgressTrack({ className, ...props }: ProgressTrackProps): JSX.Element;
+
+export declare type ProgressTrackProps = Progress_2.Track.Props;
+
+/**
+ * Displays formatted progress value (e.g., "65%"). Auto-positioned to right via `ml-auto`.
+ */
+export declare function ProgressValue({ className, ...props }: ProgressValueProps): JSX.Element;
+
+export declare type ProgressValueProps = Progress_2.Value.Props;
+
+export { }

package/dist/radio-group.d.ts

@@ -0,0 +1,21 @@
+import { JSX } from 'react/jsx-runtime';
+import { Radio } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroup_2 } from '@base-ui/react/radio-group';
+
+/**
+ * Container for radio button items. Manages shared state and ensures only one option can be selected.
+ * Supports controlled and uncontrolled usage.
+ */
+export declare function RadioGroup({ className, ...props }: RadioGroupProps): JSX.Element;
+
+/**
+ * Individual radio button item. Use with RadioGroup to create mutually exclusive selections.
+ * Automatically renders an indicator when checked.
+ */
+export declare function RadioGroupItem({ className, ...props }: RadioGroupItemProps): JSX.Element;
+
+export declare type RadioGroupItemProps = Radio.Root.Props;
+
+export declare type RadioGroupProps = RadioGroup_2.Props;
+
+export { }

package/dist/resizable.d.ts

@@ -0,0 +1,47 @@
+import { Group } from 'react-resizable-panels';
+import { JSX } from 'react/jsx-runtime';
+import { Panel } from 'react-resizable-panels';
+import * as React_2 from 'react';
+import { Separator } from 'react-resizable-panels';
+
+/**
+ * Resize handle between panels. Appears as a thin line with optional visible grip indicator.
+ * Supports keyboard navigation and focus states.
+ */
+export declare function ResizableHandle({ withHandle, className, ...props }: ResizableHandleProps): JSX.Element;
+
+export declare type ResizableHandleProps = React_2.ComponentProps<typeof Separator> & {
+    /** Display a visible grip indicator on the resize handle. @default false */
+    withHandle?: boolean;
+};
+
+/**
+ * Individual resizable panel within a ResizablePanelGroup.
+ * Supports size constraints (minSize, maxSize), default sizing, and collapse behavior.
+ *
+ * Control collapse state declaratively via the `collapsed` prop.
+ * When `animated` is true, collapse/expand transitions are smooth.
+ *
+ * @example
+ * <ResizablePanel collapsed={isCollapsed} animated collapsible>
+ */
+export declare function ResizablePanel({ className, animated, collapsed, duration, ...props }: ResizablePanelProps): JSX.Element;
+
+/**
+ * Container for resizable panels. Manages layout orientation and panel resizing behavior.
+ * Supports both horizontal and vertical layouts with optional persistence via `id` prop.
+ */
+export declare function ResizablePanelGroup({ className, ...props }: ResizablePanelGroupProps): JSX.Element;
+
+export declare type ResizablePanelGroupProps = React_2.ComponentProps<typeof Group>;
+
+export declare type ResizablePanelProps = Omit<React_2.ComponentProps<typeof Panel>, "panelRef"> & {
+    /** Enable smooth CSS transition for collapse/expand. Drag resizing stays instant. @default false */
+    animated?: boolean;
+    /** Controlled collapsed state. When provided, the panel syncs to this value. */
+    collapsed?: boolean;
+    /** Animation duration in milliseconds. Only applies when `animated` is true. @default 400 */
+    duration?: number;
+};
+
+export { }

package/dist/scroll-area.d.ts

@@ -0,0 +1,69 @@
+import { JSX } from 'react/jsx-runtime';
+import { ScrollArea as ScrollArea_2 } from '@base-ui/react/scroll-area';
+
+/**
+ * ScrollArea component that provides a customizable scrollable container with styled scrollbars.
+ * Built on Base UI's ScrollArea primitive with automatic overflow detection and custom scrollbar styling.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <ScrollArea className="h-72 w-48 rounded-md border p-4">
+ *   <div>Long content that needs scrolling...</div>
+ * </ScrollArea>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With horizontal scrolling
+ * <ScrollArea className="w-96 whitespace-nowrap rounded-md border">
+ *   <div className="flex gap-4 p-4">
+ *     <div>Item 1</div>
+ *     <div>Item 2</div>
+ *     <div>Item 3</div>
+ *   </div>
+ * </ScrollArea>
+ * ```
+ *
+ * @param {ScrollAreaProps} props - Component props extending Base UI ScrollArea.Root.Props
+ * @returns {React.ReactElement} A styled scrollable container with custom scrollbars
+ */
+export declare function ScrollArea({ className, children, ...props }: ScrollAreaProps): JSX.Element;
+
+/**
+ * Props for the ScrollArea component
+ * @property {string} className - Additional CSS classes to apply
+ * @property {React.ReactNode} children - Content to be rendered within the scrollable area
+ */
+export declare type ScrollAreaProps = ScrollArea_2.Root.Props;
+
+/**
+ * ScrollBar component that renders a custom-styled scrollbar for the ScrollArea.
+ * Automatically positions itself based on orientation and includes a draggable thumb.
+ * Typically used internally by ScrollArea but can be used independently for custom layouts.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Custom ScrollArea with horizontal scrollbar only
+ * <ScrollAreaPrimitive.Root>
+ *   <ScrollAreaPrimitive.Viewport>
+ *     {children}
+ *   </ScrollAreaPrimitive.Viewport>
+ *   <ScrollBar orientation="horizontal" />
+ * </ScrollAreaPrimitive.Root>
+ * ```
+ *
+ * @param {ScrollBarProps} props - Component props extending Base UI ScrollArea.Scrollbar.Props
+ * @returns {React.ReactElement} A styled scrollbar with draggable thumb
+ */
+export declare function ScrollBar({ className, orientation, ...props }: ScrollBarProps): JSX.Element;
+
+/**
+ * Props for the ScrollBar component
+ * @property {string} className - Additional CSS classes to apply
+ * @property {"vertical" | "horizontal"} orientation - Scrollbar orientation (default: "vertical")
+ */
+export declare type ScrollBarProps = ScrollArea_2.Scrollbar.Props;
+
+export { }

package/dist/select.d.ts

@@ -0,0 +1,79 @@
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { Select as Select_2 } from '@base-ui/react/select';
+
+/**
+ * Select root component. Manages select state and provides context to children.
+ * Use with SelectTrigger, SelectContent, SelectItem, and SelectValue.
+ */
+export declare const Select: typeof Select_2.Root;
+
+/**
+ * Select dropdown content. Automatically renders in a portal with positioning and scroll buttons.
+ */
+export declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectContentProps): JSX.Element;
+
+export declare type SelectContentProps = Select_2.Popup.Props & Pick<Select_2.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">;
+
+/**
+ * Groups related select items with a label.
+ */
+export declare function SelectGroup({ className, ...props }: SelectGroupProps): JSX.Element;
+
+export declare type SelectGroupProps = Select_2.Group.Props;
+
+/**
+ * Individual selectable item. Automatically shows check icon when selected.
+ */
+export declare function SelectItem({ className, children, ...props }: SelectItemProps): JSX.Element;
+
+export declare type SelectItemProps = Select_2.Item.Props;
+
+/**
+ * Label for a group of select items.
+ */
+export declare function SelectLabel({ className, ...props }: SelectLabelProps): JSX.Element;
+
+export declare type SelectLabelProps = Select_2.GroupLabel.Props;
+
+export declare type SelectProps<T = unknown> = Select_2.Root.Props<T>;
+
+/**
+ * Scroll indicator button at the bottom of scrollable content.
+ */
+export declare function SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps): JSX.Element;
+
+export declare type SelectScrollDownButtonProps = React_2.ComponentProps<typeof Select_2.ScrollDownArrow>;
+
+/**
+ * Scroll indicator button at the top of scrollable content.
+ */
+export declare function SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps): JSX.Element;
+
+export declare type SelectScrollUpButtonProps = React_2.ComponentProps<typeof Select_2.ScrollUpArrow>;
+
+/**
+ * Visual separator between select groups.
+ */
+export declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): JSX.Element;
+
+export declare type SelectSeparatorProps = Select_2.Separator.Props;
+
+/**
+ * Button that opens the select dropdown. Automatically includes chevron icon.
+ */
+export declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): JSX.Element;
+
+export declare type SelectTriggerProps = Select_2.Trigger.Props & {
+    /** Select trigger size. @default "default" */
+    size?: "sm" | "default";
+};
+
+/**
+ * Displays the selected item's value or placeholder text.
+ */
+export declare function SelectValue({ className, ...props }: SelectValueProps): JSX.Element;
+
+export declare type SelectValueProps = Select_2.Value.Props;
+
+export { }

package/dist/separator.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'react/jsx-runtime';
+import { Separator as Separator_2 } from '@base-ui/react/separator';
+
+/**
+ * Visual divider for separating content sections.
+ * Supports both horizontal (default) and vertical orientations.
+ */
+export declare function Separator({ className, orientation, ...props }: SeparatorProps): JSX.Element;
+
+export declare type SeparatorProps = Separator_2.Props;
+
+export { }

package/dist/sheet.d.ts

@@ -0,0 +1,68 @@
+import { Dialog } from '@base-ui/react/dialog';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+/**
+ * Sheet root component. Manages open/closed state for slide-in panels.
+ * Built on Base UI Dialog with directional slide animations.
+ */
+export declare function Sheet({ ...props }: SheetProps): JSX.Element;
+
+/**
+ * Button that closes the sheet. Use `render` prop to customize the close element.
+ */
+export declare function SheetClose({ ...props }: SheetCloseProps): JSX.Element;
+
+export declare type SheetCloseProps = Dialog.Close.Props;
+
+/**
+ * Sheet content panel with automatic portal, overlay, and slide animations.
+ * Slides in from specified edge with backdrop blur effect.
+ */
+export declare function SheetContent({ className, children, side, showCloseButton, ...props }: SheetContentProps): JSX.Element;
+
+export declare type SheetContentProps = Dialog.Popup.Props & {
+    /** Which edge the sheet slides in from. @default "right" */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Show close button (X) in top-right corner. @default true */
+    showCloseButton?: boolean;
+};
+
+/**
+ * Accessible sheet description. Provides additional context for screen readers.
+ */
+export declare function SheetDescription({ className, ...props }: SheetDescriptionProps): JSX.Element;
+
+export declare type SheetDescriptionProps = Dialog.Description.Props;
+
+/**
+ * Footer section for sheet actions. Automatically sticks to bottom with consistent spacing.
+ */
+export declare function SheetFooter({ className, ...props }: SheetFooterProps): JSX.Element;
+
+export declare type SheetFooterProps = React_2.ComponentProps<"div">;
+
+/**
+ * Header section for sheet title and description. Provides consistent spacing.
+ */
+export declare function SheetHeader({ className, ...props }: SheetHeaderProps): JSX.Element;
+
+export declare type SheetHeaderProps = React_2.ComponentProps<"div">;
+
+export declare type SheetProps = Dialog.Root.Props;
+
+/**
+ * Accessible sheet title. Automatically linked to sheet for screen readers.
+ */
+export declare function SheetTitle({ className, ...props }: SheetTitleProps): JSX.Element;
+
+export declare type SheetTitleProps = Dialog.Title.Props;
+
+/**
+ * Button that opens the sheet. Use `render` prop to customize the trigger element.
+ */
+export declare function SheetTrigger({ ...props }: SheetTriggerProps): JSX.Element;
+
+export declare type SheetTriggerProps = Dialog.Trigger.Props;
+
+export { }

package/dist/sidebar.d.ts

@@ -0,0 +1,288 @@
+import { Button as Button_2 } from '@base-ui/react/button';
+import { ClassProp } from 'class-variance-authority/types';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { Separator as Separator_2 } from '@base-ui/react/separator';
+import { Tooltip } from '@base-ui/react/tooltip';
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Versatile button component with multiple visual variants and sizes.
+ *
+ * Supports icon placement via `data-icon="inline-start"` or `data-icon="inline-end"` attributes
+ * on child elements. Use the `render` prop to compose with other components or change the
+ * underlying element while maintaining button semantics.
+ *
+ * @example
+ * ```tsx
+ * // Basic button
+ * <Button variant="default">Click me</Button>
+ *
+ * // With icon
+ * <Button>
+ *   <PlusIcon data-icon="inline-start" />
+ *   Create
+ * </Button>
+ *
+ * // Icon only
+ * <Button size="icon" aria-label="Settings">
+ *   <SettingsIcon />
+ * </Button>
+ *
+ * // Custom element
+ * <Button render={<a href="/login" />}>Sign in</Button>
+ * ```
+ */
+declare function Button({ className, variant, size, ...props }: ButtonProps): JSX.Element;
+
+/**
+ * Props for the Button component.
+ * Combines Base UI Button props with variant styling options.
+ */
+declare type ButtonProps = Button_2.Props & VariantProps<typeof buttonVariants>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "success" | "destructive" | "info" | "primary" | "secondary" | "ghost" | "warning" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+/**
+ * Text input field with support for all HTML input types.
+ *
+ * Supports text, email, password, number, tel, url, search, date, time, file, and other input types.
+ * Includes built-in validation styling via `aria-invalid` attribute.
+ */
+declare function Input({ className, type, ...props }: InputProps): JSX.Element;
+
+declare type InputProps = React_2.ComponentProps<"input">;
+
+/**
+ * Visual divider for separating content sections.
+ * Supports both horizontal (default) and vertical orientations.
+ */
+declare function Separator({ className, orientation, ...props }: SeparatorProps): JSX.Element;
+
+declare type SeparatorProps = Separator_2.Props;
+
+/**
+ * Sidebar container with responsive behavior. Renders as Sheet on mobile.
+ * Use with SidebarProvider for state management.
+ */
+export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: SidebarProps): JSX.Element;
+
+/**
+ * Scrollable main content area of sidebar. Contains SidebarGroup components.
+ */
+export declare function SidebarContent({ className, ...props }: SidebarContentProps): JSX.Element;
+
+export declare type SidebarContentProps = React_2.ComponentProps<"div">;
+
+declare type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+
+/**
+ * Bottom section of sidebar for user profile, settings, or secondary actions.
+ */
+export declare function SidebarFooter({ className, ...props }: SidebarFooterProps): JSX.Element;
+
+export declare type SidebarFooterProps = React_2.ComponentProps<"div">;
+
+/**
+ * Container for grouped menu items with optional label.
+ */
+export declare function SidebarGroup({ className, ...props }: SidebarGroupProps): JSX.Element;
+
+/**
+ * Action button displayed in top-right of group (e.g., add, expand all).
+ */
+export declare function SidebarGroupAction({ className, render, ...props }: SidebarGroupActionProps): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+export declare type SidebarGroupActionProps = useRender.ComponentProps<"button"> & React_2.ComponentProps<"button">;
+
+/**
+ * Container for menu items within a group.
+ */
+export declare function SidebarGroupContent({ className, ...props }: SidebarGroupContentProps): JSX.Element;
+
+export declare type SidebarGroupContentProps = React_2.ComponentProps<"div">;
+
+/**
+ * Label heading for a sidebar group. Fades out when sidebar collapses to icon mode.
+ */
+export declare function SidebarGroupLabel({ className, render, ...props }: SidebarGroupLabelProps): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+export declare type SidebarGroupLabelProps = useRender.ComponentProps<"div"> & React_2.ComponentProps<"div">;
+
+export declare type SidebarGroupProps = React_2.ComponentProps<"div">;
+
+/**
+ * Top section of sidebar for branding, app switcher, or global actions.
+ */
+export declare function SidebarHeader({ className, ...props }: SidebarHeaderProps): JSX.Element;
+
+export declare type SidebarHeaderProps = React_2.ComponentProps<"div">;
+
+/**
+ * Styled input for sidebar search/filter functionality.
+ */
+export declare function SidebarInput({ className, ...props }: SidebarInputProps): JSX.Element;
+
+export declare type SidebarInputProps = React_2.ComponentProps<typeof Input>;
+
+/**
+ * Main content area that sits beside the sidebar. Automatically adjusts margins based on sidebar state.
+ */
+export declare function SidebarInset({ className, ...props }: SidebarInsetProps): JSX.Element;
+
+export declare type SidebarInsetProps = React_2.ComponentProps<"main">;
+
+/**
+ * Unordered list container for sidebar menu items.
+ */
+export declare function SidebarMenu({ className, ...props }: SidebarMenuProps): JSX.Element;
+
+/**
+ * Secondary action button for menu item (e.g., delete, edit). Positioned on right side.
+ */
+export declare function SidebarMenuAction({ className, render, showOnHover, ...props }: SidebarMenuActionProps): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+export declare type SidebarMenuActionProps = useRender.ComponentProps<"button"> & React_2.ComponentProps<"button"> & {
+    /** Only show on hover/focus. @default false */
+    showOnHover?: boolean;
+};
+
+/**
+ * Badge/counter displayed on right side of menu item (e.g., notification count).
+ */
+export declare function SidebarMenuBadge({ className, ...props }: SidebarMenuBadgeProps): JSX.Element;
+
+export declare type SidebarMenuBadgeProps = React_2.ComponentProps<"div">;
+
+/**
+ * Clickable button for sidebar menu item. Supports variants, sizes, active state, and tooltips.
+ */
+export declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: SidebarMenuButtonProps): JSX.Element;
+
+export declare type SidebarMenuButtonProps = useRender.ComponentProps<"button"> & React_2.ComponentProps<"button"> & {
+    /** Mark as active/current page. */
+    isActive?: boolean;
+    /** Tooltip content shown when sidebar is collapsed. */
+    tooltip?: string | React_2.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>;
+
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+/**
+ * List item wrapper for a single menu entry.
+ */
+export declare function SidebarMenuItem({ className, ...props }: SidebarMenuItemProps): JSX.Element;
+
+export declare type SidebarMenuItemProps = React_2.ComponentProps<"li">;
+
+export declare type SidebarMenuProps = React_2.ComponentProps<"ul">;
+
+/**
+ * Loading skeleton placeholder for menu item with randomized width.
+ */
+export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: SidebarMenuSkeletonProps): JSX.Element;
+
+export declare type SidebarMenuSkeletonProps = React_2.ComponentProps<"div"> & {
+    /** Show icon skeleton. @default false */
+    showIcon?: boolean;
+};
+
+/**
+ * Nested submenu list with indented border. Place inside SidebarMenuItem.
+ */
+export declare function SidebarMenuSub({ className, ...props }: SidebarMenuSubProps): JSX.Element;
+
+/**
+ * Link button for submenu item. Defaults to anchor tag.
+ */
+export declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: SidebarMenuSubButtonProps): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+export declare type SidebarMenuSubButtonProps = useRender.ComponentProps<"a"> & React_2.ComponentProps<"a"> & {
+    /** Size variant. @default "md" */
+    size?: "sm" | "md";
+    /** Mark as active/current page. */
+    isActive?: boolean;
+};
+
+/**
+ * List item wrapper for submenu entry.
+ */
+export declare function SidebarMenuSubItem({ className, ...props }: SidebarMenuSubItemProps): JSX.Element;
+
+export declare type SidebarMenuSubItemProps = React_2.ComponentProps<"li">;
+
+export declare type SidebarMenuSubProps = React_2.ComponentProps<"ul">;
+
+export declare type SidebarProps = React_2.ComponentProps<"div"> & {
+    /** Which side to display sidebar. @default "left" */
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset" | "fixed";
+    collapsible?: "offcanvas" | "icon" | "none";
+};
+
+/**
+ * Root provider for sidebar with state management, keyboard shortcuts (⌘B), and mobile detection.
+ * Manages collapsed/expanded state and persists preference in cookie.
+ */
+export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: SidebarProviderProps): JSX.Element;
+
+export declare type SidebarProviderProps = React_2.ComponentProps<"div"> & {
+    /** Initial open state on desktop. @default true */
+    defaultOpen?: boolean;
+    /** Controlled open state for desktop. */
+    open?: boolean;
+    /** Callback when open state changes. Persists state in cookie. */
+    onOpenChange?: (open: boolean) => void;
+};
+
+/**
+ * Invisible rail element on sidebar edge for drag-to-resize interaction.
+ */
+export declare function SidebarRail({ className, ...props }: SidebarRailProps): JSX.Element;
+
+export declare type SidebarRailProps = React_2.ComponentProps<"button">;
+
+/**
+ * Horizontal divider between sidebar sections.
+ */
+export declare function SidebarSeparator({ className, ...props }: SidebarSeparatorProps): JSX.Element;
+
+export declare type SidebarSeparatorProps = React_2.ComponentProps<typeof Separator>;
+
+/**
+ * Button to toggle sidebar open/closed. Shows hamburger icon.
+ */
+export declare function SidebarTrigger({ className, onClick, ...props }: SidebarTriggerProps): JSX.Element;
+
+export declare type SidebarTriggerProps = React_2.ComponentProps<typeof Button>;
+
+/**
+ * Tooltip content popup with automatic portal, positioning, and arrow.
+ * Includes smooth animations and collision detection.
+ */
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipContentProps): JSX.Element;
+
+declare type TooltipContentProps = Tooltip.Popup.Props & Pick<Tooltip.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
+
+/**
+ * Hook to access sidebar context including state, mobile state, and toggle functions.
+ * Must be used within SidebarProvider.
+ */
+export declare function useSidebar(): SidebarContextProps;
+
+export { }