@plexui/ui 0.2.0

package/dist/es/components/Sidebar/Sidebar.js

@@ -0,0 +1,232 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Sidebar Component - Composable navigation sidebar
+ *
+ * API SPECIFICATION:
+ *
+ * SidebarProvider
+ *   - defaultOpen?: boolean (default: true)
+ *   - open?: boolean (controlled)
+ *   - onOpenChange?: (open: boolean) => void
+ *   - collapsible?: "offcanvas" | "icon" | "none" (default: "offcanvas")
+ *
+ * Sidebar
+ *   - side?: "left" | "right" (default: "left")
+ *   - variant?: "sidebar" | "docs" (default: "sidebar")
+ *
+ * SidebarHeader / SidebarContent / SidebarFooter
+ *   - Standard container props
+ *
+ * SidebarGroup
+ *   - defaultOpen?: boolean (default: true)
+ *   - open?: boolean (controlled)
+ *
+ * SidebarGroupLabel / SidebarGroupAction / SidebarGroupContent
+ *   - Standard container props
+ *
+ * SidebarMenu / SidebarMenuItem
+ *   - Standard container props
+ *
+ * SidebarMenuButton
+ *   - isActive?: boolean (default: false)
+ *   - size?: "sm" | "md" | "lg" (default: "md")
+ *   - tooltip?: string | ReactNode
+ *   - asChild?: boolean
+ *
+ * SidebarMenuAction / SidebarMenuBadge
+ *   - Standard container props
+ *
+ * SidebarMenuSkeleton
+ *   - showIcon?: boolean (default: true)
+ *
+ * SidebarMenuSub / SidebarMenuSubItem / SidebarMenuSubButton
+ *   - Same as parent menu components
+ *
+ * SidebarSeparator
+ *   - Standard separator props
+ *
+ * SidebarCard / SidebarCardHeader / SidebarCardContent / SidebarCardFooter
+ *   - variant?: "default" | "elevated"
+ *   - dismissible?: boolean
+ *   - onDismiss?: () => void
+ *
+ * SidebarInset
+ *   - Standard container for main content area
+ *
+ * SidebarTrigger
+ *   - Uses Button component internally
+ *   - Returns null when collapsible="none"
+ *
+ * SidebarMobileMenuButton
+ *   - Hamburger → X animated icon button for mobile
+ *
+ * SidebarInput
+ *   - shortcut?: string (keyboard shortcut display)
+ */
+import { Slot } from "@radix-ui/react-slot";
+import clsx from "clsx";
+import { forwardRef, useCallback, useLayoutEffect, useState, } from "react";
+import { Button } from "../Button";
+import { ChevronRightMd, Search as SearchIcon, SidebarLeft, X } from "../Icon";
+import { Input } from "../Input";
+import { Tooltip } from "../Tooltip";
+import s from "./Sidebar.module.css";
+import { SidebarProvider, useSidebar, } from "./useSidebarContext";
+// Helper to filter out props that shouldn't be spread to the DOM (e.g. injected by MDX)
+const cleanProps = (props) => {
+    const { "data-toggle": _, ...rest } = props;
+    return rest;
+};
+// Re-export provider and hook
+export { SidebarProvider, useSidebar };
+export const Sidebar = forwardRef(({ side = "left", variant = "sidebar", className, children, ...props }, ref) => {
+    const { collapsible, isMobile } = useSidebar();
+    // Skip rendering sidebar on mobile for offcanvas mode
+    if (isMobile && collapsible === "offcanvas") {
+        return null;
+    }
+    return (_jsx("aside", { ref: ref, "data-side": side, "data-variant": variant, className: clsx(s.Sidebar, className), ...cleanProps(props), children: children }));
+});
+Sidebar.displayName = "Sidebar";
+export const SidebarHeader = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: clsx(s.Header, className), ...cleanProps(props) })));
+SidebarHeader.displayName = "SidebarHeader";
+export const SidebarContent = forwardRef(({ className, ...props }, ref) => {
+    const [contentEl, setContentEl] = useState(null);
+    const setRef = useCallback((el) => {
+        setContentEl(el);
+        if (typeof ref === "function")
+            ref(el);
+        else if (ref)
+            ref.current = el;
+    }, [ref]);
+    useLayoutEffect(() => {
+        if (!contentEl)
+            return;
+        const sidebar = contentEl.parentElement;
+        if (!sidebar)
+            return;
+        const update = () => {
+            const hasOverflow = contentEl.scrollHeight > contentEl.clientHeight;
+            sidebar.setAttribute("data-content-scrollable", hasOverflow ? "true" : "false");
+        };
+        update();
+        const ro = new ResizeObserver(update);
+        ro.observe(contentEl);
+        return () => ro.disconnect();
+    }, [contentEl]);
+    return _jsx("div", { ref: setRef, className: clsx(s.Content, className), ...cleanProps(props) });
+});
+SidebarContent.displayName = "SidebarContent";
+export const SidebarFooter = forwardRef(({ className, children, ...props }, ref) => (_jsxs("div", { ref: ref, className: clsx(s.Footer, className), ...cleanProps(props), children: [_jsx("div", { className: s.FooterSeparator }), children] })));
+SidebarFooter.displayName = "SidebarFooter";
+export const SidebarRail = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: clsx(s.Rail, className), ...cleanProps(props) })));
+SidebarRail.displayName = "SidebarRail";
+export const SidebarGroup = forwardRef(({ defaultOpen = true, open: openProp, onOpenChange, className, ...props }, ref) => {
+    const [_open, _setOpen] = useState(defaultOpen);
+    const open = openProp ?? _open;
+    const handleToggle = () => {
+        const newState = !open;
+        if (onOpenChange) {
+            onOpenChange(newState);
+        }
+        else {
+            _setOpen(newState);
+        }
+    };
+    return (_jsx("div", { ref: ref, "data-state": open ? "open" : "closed", className: clsx(s.Group, className), ...cleanProps(props) }));
+});
+SidebarGroup.displayName = "SidebarGroup";
+export const SidebarGroupLabel = forwardRef(({ asChild = false, size = "lg", className, ...props }, ref) => {
+    const Comp = asChild ? Slot : "span";
+    return (_jsx(Comp, { ref: ref, "data-size": size, className: clsx(s.GroupLabel, className), ...cleanProps(props) }));
+});
+SidebarGroupLabel.displayName = "SidebarGroupLabel";
+export const SidebarGroupAction = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: clsx(s.GroupAction, className), ...cleanProps(props) })));
+SidebarGroupAction.displayName = "SidebarGroupAction";
+export const SidebarGroupContent = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: clsx(s.GroupContent, className), ...cleanProps(props) })));
+SidebarGroupContent.displayName = "SidebarGroupContent";
+export const SidebarMenu = forwardRef(({ className, ...props }, ref) => (_jsx("ul", { ref: ref, className: clsx(s.Menu, className), ...cleanProps(props) })));
+SidebarMenu.displayName = "SidebarMenu";
+export const SidebarMenuItem = forwardRef(({ expanded, className, ...props }, ref) => (_jsx("li", { ref: ref, "data-expanded": expanded ? "true" : undefined, className: clsx(s.MenuItem, className), ...cleanProps(props) })));
+SidebarMenuItem.displayName = "SidebarMenuItem";
+export const SidebarMenuButton = forwardRef(({ isActive = false, tooltip, asChild = false, className, children, ...props }, ref) => {
+    const { state, isMobile } = useSidebar();
+    const Comp = asChild ? Slot : "button";
+    const button = (_jsx(Comp, { ref: ref, "data-active": isActive ? "true" : "false", "aria-current": isActive ? "page" : undefined, className: clsx(s.MenuButton, className), ...cleanProps(props), children: _jsx("span", { className: s.MenuButtonInner, children: children }) }));
+    // Show tooltip when collapsed (icon mode) and not mobile
+    if (tooltip && state === "collapsed" && !isMobile) {
+        return (_jsx(Tooltip, { content: tooltip, side: "right", children: button }));
+    }
+    return button;
+});
+SidebarMenuButton.displayName = "SidebarMenuButton";
+export const SidebarMenuButtonIcon = forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, className: clsx(s.MenuButtonIcon, className), ...cleanProps(props) })));
+SidebarMenuButtonIcon.displayName = "SidebarMenuButtonIcon";
+export const SidebarMenuButtonLabel = forwardRef(({ shortLabel, className, children, ...props }, ref) => (_jsxs(_Fragment, { children: [_jsx("span", { ref: ref, "data-long-label": "true", className: clsx(s.MenuButtonLabel, className), ...cleanProps(props), children: children }), shortLabel && (_jsx("span", { "data-short-label": "true", className: clsx(s.MenuButtonLabel, className), children: shortLabel }))] })));
+SidebarMenuButtonLabel.displayName = "SidebarMenuButtonLabel";
+export const SidebarMenuChevron = forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, className: clsx(s.MenuChevron, className), ...cleanProps(props), children: _jsx(ChevronRightMd, {}) })));
+SidebarMenuChevron.displayName = "SidebarMenuChevron";
+export const SidebarMenuBadge = forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, className: clsx(s.MenuBadge, className), ...cleanProps(props) })));
+SidebarMenuBadge.displayName = "SidebarMenuBadge";
+export const SidebarMenuAction = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: clsx(s.MenuAction, className), ...cleanProps(props) })));
+SidebarMenuAction.displayName = "SidebarMenuAction";
+export const SidebarMenuSkeleton = forwardRef(({ showIcon = true, labelWidth = "60%", className, ...props }, ref) => (_jsxs("div", { ref: ref, "data-skeleton": true, className: clsx(s.MenuSkeleton, className), ...cleanProps(props), children: [showIcon && _jsx("div", { className: s.MenuSkeletonIcon }), _jsx("div", { className: s.MenuSkeletonLabel, style: { width: labelWidth } })] })));
+SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
+export const SidebarMenuSub = forwardRef(({ open = true, hasIcons = false, className, ...props }, ref) => (_jsx("ul", { ref: ref, "data-state": open ? "open" : "closed", "data-has-icons": hasIcons ? "true" : undefined, className: clsx(s.MenuSub, className), ...cleanProps(props) })));
+SidebarMenuSub.displayName = "SidebarMenuSub";
+export const SidebarMenuSubItem = forwardRef(({ className, ...props }, ref) => (_jsx("li", { ref: ref, className: clsx(s.MenuSubItem, className), ...cleanProps(props) })));
+SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
+export const SidebarMenuSubButton = forwardRef(({ isActive = false, asChild = false, indent = 0, className, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: ref, "data-active": isActive ? "true" : "false", "aria-current": isActive ? "page" : undefined, className: clsx(s.MenuSubButton, s[`indent${indent}`], className), ...cleanProps(props) }));
+});
+SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
+export const SidebarSeparator = forwardRef(({ className, ...props }, ref) => (_jsx("hr", { ref: ref, className: clsx(s.Separator, className), ...cleanProps(props) })));
+SidebarSeparator.displayName = "SidebarSeparator";
+export const SidebarCard = forwardRef(({ variant = "default", dismissible = false, onDismiss, className, children, ...props }, ref) => (_jsxs("div", { ref: ref, "data-variant": variant, className: clsx(s.Card, className), ...cleanProps(props), children: [dismissible && (_jsx(Button, { uniform: true, size: "3xs", variant: "ghost", color: "secondary", className: s.CardDismiss, onClick: onDismiss, "aria-label": "Dismiss", children: _jsx(X, {}) })), children] })));
+SidebarCard.displayName = "SidebarCard";
+export const SidebarCardHeader = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: clsx(s.CardHeader, className), ...cleanProps(props) })));
+SidebarCardHeader.displayName = "SidebarCardHeader";
+export const SidebarCardTitle = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: clsx(s.CardTitle, className), ...cleanProps(props) })));
+SidebarCardTitle.displayName = "SidebarCardTitle";
+export const SidebarCardTitleLink = forwardRef(({ className, children, ...props }, ref) => (_jsxs("a", { ref: ref, className: clsx(s.CardTitleLink, className), ...cleanProps(props), children: [children, _jsx(ChevronRightMd, { className: s.CardTitleChevron })] })));
+SidebarCardTitleLink.displayName = "SidebarCardTitleLink";
+export const SidebarCardContent = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: clsx(s.CardContent, className), ...cleanProps(props) })));
+SidebarCardContent.displayName = "SidebarCardContent";
+export const SidebarCardFooter = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: clsx(s.CardFooter, className), ...cleanProps(props) })));
+SidebarCardFooter.displayName = "SidebarCardFooter";
+export const SidebarInset = forwardRef(({ className, ...props }, ref) => (_jsx("main", { ref: ref, className: clsx(s.Inset, className), ...cleanProps(props) })));
+SidebarInset.displayName = "SidebarInset";
+export const SidebarLayout = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: clsx(s.SidebarLayout, className), ...cleanProps(props) })));
+SidebarLayout.displayName = "SidebarLayout";
+export const SidebarTrigger = forwardRef(({ className, children, ...props }, ref) => {
+    const { state, collapsible, isMobile, toggleSidebar } = useSidebar();
+    // Don't render if collapsible="none" (text-only sidebars)
+    if (collapsible === "none") {
+        return null;
+    }
+    // Default icon (same for both states, as per reference)
+    const defaultIcon = _jsx(SidebarLeft, {});
+    return (_jsx("button", { ref: ref, type: "button", className: clsx(s.Trigger, className), onClick: toggleSidebar, "aria-label": isMobile ? "Open menu" : state === "expanded" ? "Collapse sidebar" : "Expand sidebar", ...cleanProps(props), children: _jsx("span", { className: s.TriggerInner, children: _jsx("span", { className: s.TriggerIcon, children: children ?? defaultIcon }) }) }));
+});
+SidebarTrigger.displayName = "SidebarTrigger";
+export const SidebarMobileMenuButton = forwardRef(({ className, ...props }, ref) => {
+    const { openMobile, setOpenMobile } = useSidebar();
+    return (_jsx("button", { ref: ref, type: "button", "data-expanded": openMobile ? "" : undefined, className: clsx(s.MobileMenuButton, className), onClick: () => setOpenMobile(!openMobile), "aria-label": openMobile ? "Close menu" : "Open menu", ...cleanProps(props), children: _jsxs("span", { className: s.MobileMenuIcon, children: [_jsx("span", { className: s.MobileMenuLine, "data-top": true }), _jsx("span", { className: s.MobileMenuMiddle, children: _jsx("span", { className: s.MobileMenuLine, "data-bottom": true }) })] }) }));
+});
+SidebarMobileMenuButton.displayName = "SidebarMobileMenuButton";
+export const SidebarMobile = forwardRef(({ className, children, contained, ...props }, ref) => {
+    const { setOpenMobile } = useSidebar();
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: clsx(s.MobileBackdrop, contained && s.contained), onClick: () => setOpenMobile(false), "aria-hidden": "true" }), _jsx("div", { ref: ref, className: clsx(s.MobileSidebar, contained && s.contained, className), ...cleanProps(props), children: children })] }));
+});
+SidebarMobile.displayName = "SidebarMobile";
+export const SidebarMobileHeader = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: clsx(s.MobileHeader, className), ...cleanProps(props) })));
+SidebarMobileHeader.displayName = "SidebarMobileHeader";
+export const SidebarMobileFooter = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: clsx(s.MobileFooter, className), ...cleanProps(props) })));
+SidebarMobileFooter.displayName = "SidebarMobileFooter";
+export const SidebarInput = forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: s.Input, children: _jsx(Input, { ref: ref, className: className, startAdornment: _jsx(SearchIcon, {}), ...cleanProps(props) }) })));
+SidebarInput.displayName = "SidebarInput";
+export const SidebarFooterLinks = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: clsx(s.FooterLinks, className), ...cleanProps(props) })));
+SidebarFooterLinks.displayName = "SidebarFooterLinks";
+//# sourceMappingURL=Sidebar.js.map

package/dist/es/components/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * Sidebar Component - Composable navigation sidebar\n *\n * API SPECIFICATION:\n *\n * SidebarProvider\n *   - defaultOpen?: boolean (default: true)\n *   - open?: boolean (controlled)\n *   - onOpenChange?: (open: boolean) => void\n *   - collapsible?: \"offcanvas\" | \"icon\" | \"none\" (default: \"offcanvas\")\n *\n * Sidebar\n *   - side?: \"left\" | \"right\" (default: \"left\")\n *   - variant?: \"sidebar\" | \"docs\" (default: \"sidebar\")\n *\n * SidebarHeader / SidebarContent / SidebarFooter\n *   - Standard container props\n *\n * SidebarGroup\n *   - defaultOpen?: boolean (default: true)\n *   - open?: boolean (controlled)\n *\n * SidebarGroupLabel / SidebarGroupAction / SidebarGroupContent\n *   - Standard container props\n *\n * SidebarMenu / SidebarMenuItem\n *   - Standard container props\n *\n * SidebarMenuButton\n *   - isActive?: boolean (default: false)\n *   - size?: \"sm\" | \"md\" | \"lg\" (default: \"md\")\n *   - tooltip?: string | ReactNode\n *   - asChild?: boolean\n *\n * SidebarMenuAction / SidebarMenuBadge\n *   - Standard container props\n *\n * SidebarMenuSkeleton\n *   - showIcon?: boolean (default: true)\n *\n * SidebarMenuSub / SidebarMenuSubItem / SidebarMenuSubButton\n *   - Same as parent menu components\n *\n * SidebarSeparator\n *   - Standard separator props\n *\n * SidebarCard / SidebarCardHeader / SidebarCardContent / SidebarCardFooter\n *   - variant?: \"default\" | \"elevated\"\n *   - dismissible?: boolean\n *   - onDismiss?: () => void\n *\n * SidebarInset\n *   - Standard container for main content area\n *\n * SidebarTrigger\n *   - Uses Button component internally\n *   - Returns null when collapsible=\"none\"\n *\n * SidebarMobileMenuButton\n *   - Hamburger → X animated icon button for mobile\n *\n * SidebarInput\n *   - shortcut?: string (keyboard shortcut display)\n */\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport clsx from \"clsx\"\nimport {\n  forwardRef,\n  useCallback,\n  useLayoutEffect,\n  useState,\n  type ComponentProps,\n  type ReactNode,\n} from \"react\"\n\nimport { Button } from \"../Button\"\nimport { ChevronRightMd, Search as SearchIcon, SidebarLeft, X } from \"../Icon\"\nimport { Input, type InputProps } from \"../Input\"\nimport { Tooltip } from \"../Tooltip\"\nimport s from \"./Sidebar.module.css\"\nimport {\n  SidebarProvider,\n  useSidebar,\n  type SidebarCollapsible,\n  type SidebarSide,\n  type SidebarVariant,\n} from \"./useSidebarContext\"\n\n// Helper to filter out props that shouldn't be spread to the DOM (e.g. injected by MDX)\nconst cleanProps = (props: any) => {\n  const { \"data-toggle\": _, ...rest } = props\n  return rest\n}\n\n// Re-export provider and hook\nexport { SidebarProvider, useSidebar }\nexport type { SidebarCollapsible, SidebarSide, SidebarVariant }\n\n// =============================================\n// Sidebar Root\n// =============================================\n\nexport type SidebarProps = ComponentProps<\"aside\"> & {\n  /**\n   * The side the sidebar is on.\n   * @default \"left\"\n   */\n  side?: SidebarSide\n  /**\n   * The visual variant of the sidebar.\n   * @default \"sidebar\"\n   */\n  variant?: SidebarVariant\n}\n\nexport const Sidebar = forwardRef<HTMLElement, SidebarProps>(\n  ({ side = \"left\", variant = \"sidebar\", className, children, ...props }, ref) => {\n    const { collapsible, isMobile } = useSidebar()\n\n    // Skip rendering sidebar on mobile for offcanvas mode\n    if (isMobile && collapsible === \"offcanvas\") {\n      return null\n    }\n\n    return (\n      <aside\n        ref={ref}\n        data-side={side}\n        data-variant={variant}\n        className={clsx(s.Sidebar, className)}\n        {...cleanProps(props)}\n      >\n        {children}\n      </aside>\n    )\n  },\n)\nSidebar.displayName = \"Sidebar\"\n\n// =============================================\n// Sidebar Sections\n// =============================================\n\nexport type SidebarHeaderProps = ComponentProps<\"div\">\n\nexport const SidebarHeader = forwardRef<HTMLDivElement, SidebarHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.Header, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarHeader.displayName = \"SidebarHeader\"\n\nexport type SidebarContentProps = ComponentProps<\"div\">\n\nexport const SidebarContent = forwardRef<HTMLDivElement, SidebarContentProps>(\n  ({ className, ...props }, ref) => {\n    const [contentEl, setContentEl] = useState<HTMLDivElement | null>(null)\n    const setRef = useCallback(\n      (el: HTMLDivElement | null) => {\n        setContentEl(el)\n        if (typeof ref === \"function\") ref(el)\n        else if (ref) (ref as { current: HTMLDivElement | null }).current = el\n      },\n      [ref],\n    )\n\n    useLayoutEffect(() => {\n      if (!contentEl) return\n      const sidebar = contentEl.parentElement\n      if (!sidebar) return\n\n      const update = () => {\n        const hasOverflow = contentEl.scrollHeight > contentEl.clientHeight\n        sidebar.setAttribute(\"data-content-scrollable\", hasOverflow ? \"true\" : \"false\")\n      }\n      update()\n      const ro = new ResizeObserver(update)\n      ro.observe(contentEl)\n      return () => ro.disconnect()\n    }, [contentEl])\n\n    return <div ref={setRef} className={clsx(s.Content, className)} {...cleanProps(props)} />\n  },\n)\nSidebarContent.displayName = \"SidebarContent\"\n\nexport type SidebarFooterProps = ComponentProps<\"div\">\n\nexport const SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, children, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.Footer, className)} {...cleanProps(props)}>\n      <div className={s.FooterSeparator} />\n      {children}\n    </div>\n  ),\n)\nSidebarFooter.displayName = \"SidebarFooter\"\n\nexport type SidebarRailProps = ComponentProps<\"div\">\n\nexport const SidebarRail = forwardRef<HTMLDivElement, SidebarRailProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.Rail, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarRail.displayName = \"SidebarRail\"\n\n// =============================================\n// Groups\n// =============================================\n\nexport type SidebarGroupProps = ComponentProps<\"div\"> & {\n  /**\n   * Whether the group is open by default.\n   * @default true\n   */\n  defaultOpen?: boolean\n  /**\n   * Controlled open state.\n   */\n  open?: boolean\n  /**\n   * Callback called when the group open state changes.\n   */\n  onOpenChange?: (open: boolean) => void\n}\n\nexport const SidebarGroup = forwardRef<HTMLDivElement, SidebarGroupProps>(\n  ({ defaultOpen = true, open: openProp, onOpenChange, className, ...props }, ref) => {\n    const [_open, _setOpen] = useState(defaultOpen)\n    const open = openProp ?? _open\n\n    const handleToggle = () => {\n      const newState = !open\n      if (onOpenChange) {\n        onOpenChange(newState)\n      } else {\n        _setOpen(newState)\n      }\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-state={open ? \"open\" : \"closed\"}\n        className={clsx(s.Group, className)}\n        {...cleanProps(props)}\n      />\n    )\n  },\n)\nSidebarGroup.displayName = \"SidebarGroup\"\n\nexport type SidebarGroupLabelProps = ComponentProps<\"span\"> & {\n  asChild?: boolean\n  /**\n   * Size variant for the label.\n   * - \"sm\": Compact style for dashboard/settings sidebars\n   * - \"lg\": Documentation style with larger text and more spacing\n   * @default \"lg\"\n   */\n  size?: \"sm\" | \"lg\"\n}\n\nexport const SidebarGroupLabel = forwardRef<HTMLSpanElement, SidebarGroupLabelProps>(\n  ({ asChild = false, size = \"lg\", className, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"span\"\n    return (\n      <Comp\n        ref={ref}\n        data-size={size}\n        className={clsx(s.GroupLabel, className)}\n        {...cleanProps(props)}\n      />\n    )\n  },\n)\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\"\n\nexport type SidebarGroupActionProps = ComponentProps<\"div\">\n\nexport const SidebarGroupAction = forwardRef<HTMLDivElement, SidebarGroupActionProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.GroupAction, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarGroupAction.displayName = \"SidebarGroupAction\"\n\nexport type SidebarGroupContentProps = ComponentProps<\"div\">\n\nexport const SidebarGroupContent = forwardRef<HTMLDivElement, SidebarGroupContentProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.GroupContent, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarGroupContent.displayName = \"SidebarGroupContent\"\n\n// =============================================\n// Menu\n// =============================================\n\nexport type SidebarMenuProps = ComponentProps<\"ul\">\n\nexport const SidebarMenu = forwardRef<HTMLUListElement, SidebarMenuProps>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={clsx(s.Menu, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarMenu.displayName = \"SidebarMenu\"\n\nexport type SidebarMenuItemProps = ComponentProps<\"li\"> & {\n  expanded?: boolean\n}\n\nexport const SidebarMenuItem = forwardRef<HTMLLIElement, SidebarMenuItemProps>(\n  ({ expanded, className, ...props }, ref) => (\n    <li\n      ref={ref}\n      data-expanded={expanded ? \"true\" : undefined}\n      className={clsx(s.MenuItem, className)}\n      {...cleanProps(props)}\n    />\n  ),\n)\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\n// =============================================\n// Menu Button\n// =============================================\n\nexport type SidebarMenuButtonProps = ComponentProps<\"button\"> & {\n  /**\n   * Whether the button is in an active/highlighted state.\n   * @default false\n   */\n  isActive?: boolean\n  /**\n   * Optional tooltip to show when the sidebar is collapsed.\n   */\n  tooltip?: string | ReactNode\n  /**\n   * Whether to render the button as a custom element via Slot.\n   * @default false\n   */\n  asChild?: boolean\n}\n\nexport const SidebarMenuButton = forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\n  ({ isActive = false, tooltip, asChild = false, className, children, ...props }, ref) => {\n    const { state, isMobile } = useSidebar()\n    const Comp = asChild ? Slot : \"button\"\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-active={isActive ? \"true\" : \"false\"}\n        aria-current={isActive ? \"page\" : undefined}\n        className={clsx(s.MenuButton, className)}\n        {...cleanProps(props)}\n      >\n        <span className={s.MenuButtonInner}>{children}</span>\n      </Comp>\n    )\n\n    // Show tooltip when collapsed (icon mode) and not mobile\n    if (tooltip && state === \"collapsed\" && !isMobile) {\n      return (\n        <Tooltip content={tooltip} side=\"right\">\n          {button}\n        </Tooltip>\n      )\n    }\n\n    return button\n  },\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\n// =============================================\n// Menu Button Parts\n// =============================================\n\nexport type SidebarMenuButtonIconProps = ComponentProps<\"span\">\n\nexport const SidebarMenuButtonIcon = forwardRef<HTMLSpanElement, SidebarMenuButtonIconProps>(\n  ({ className, ...props }, ref) => (\n    <span ref={ref} className={clsx(s.MenuButtonIcon, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarMenuButtonIcon.displayName = \"SidebarMenuButtonIcon\"\n\nexport type SidebarMenuButtonLabelProps = ComponentProps<\"span\"> & {\n  shortLabel?: string\n}\n\nexport const SidebarMenuButtonLabel = forwardRef<HTMLSpanElement, SidebarMenuButtonLabelProps>(\n  ({ shortLabel, className, children, ...props }, ref) => (\n    <>\n      <span\n        ref={ref}\n        data-long-label=\"true\"\n        className={clsx(s.MenuButtonLabel, className)}\n        {...cleanProps(props)}\n      >\n        {children}\n      </span>\n      {shortLabel && (\n        <span data-short-label=\"true\" className={clsx(s.MenuButtonLabel, className)}>\n          {shortLabel}\n        </span>\n      )}\n    </>\n  ),\n)\nSidebarMenuButtonLabel.displayName = \"SidebarMenuButtonLabel\"\n\n// =============================================\n// Menu Chevron (Expand/Collapse Toggle)\n// =============================================\n\nexport type SidebarMenuChevronProps = ComponentProps<\"span\">\n\nexport const SidebarMenuChevron = forwardRef<HTMLSpanElement, SidebarMenuChevronProps>(\n  ({ className, ...props }, ref) => (\n    <span ref={ref} className={clsx(s.MenuChevron, className)} {...cleanProps(props)}>\n      <ChevronRightMd />\n    </span>\n  ),\n)\nSidebarMenuChevron.displayName = \"SidebarMenuChevron\"\n\n// =============================================\n// Menu Badge & Action\n// =============================================\n\nexport type SidebarMenuBadgeProps = ComponentProps<\"span\">\n\nexport const SidebarMenuBadge = forwardRef<HTMLSpanElement, SidebarMenuBadgeProps>(\n  ({ className, ...props }, ref) => (\n    <span ref={ref} className={clsx(s.MenuBadge, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nexport type SidebarMenuActionProps = ComponentProps<\"div\">\n\nexport const SidebarMenuAction = forwardRef<HTMLDivElement, SidebarMenuActionProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.MenuAction, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\n// =============================================\n// Menu Skeleton\n// =============================================\n\nexport type SidebarMenuSkeletonProps = ComponentProps<\"div\"> & {\n  showIcon?: boolean\n  /** Width of the label skeleton (e.g., \"60%\", \"80%\", \"100px\") */\n  labelWidth?: string\n}\n\nexport const SidebarMenuSkeleton = forwardRef<HTMLDivElement, SidebarMenuSkeletonProps>(\n  ({ showIcon = true, labelWidth = \"60%\", className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-skeleton\n      className={clsx(s.MenuSkeleton, className)}\n      {...cleanProps(props)}\n    >\n      {showIcon && <div className={s.MenuSkeletonIcon} />}\n      <div className={s.MenuSkeletonLabel} style={{ width: labelWidth }} />\n    </div>\n  ),\n)\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\n// =============================================\n// Submenu\n// =============================================\n\nexport type SidebarMenuSubProps = ComponentProps<\"ul\"> & {\n  open?: boolean\n  /**\n   * When true, child items align with parent text that has icons.\n   * This adjusts the padding so level 2 text aligns with level 1 text.\n   */\n  hasIcons?: boolean\n}\n\nexport const SidebarMenuSub = forwardRef<HTMLUListElement, SidebarMenuSubProps>(\n  ({ open = true, hasIcons = false, className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-state={open ? \"open\" : \"closed\"}\n      data-has-icons={hasIcons ? \"true\" : undefined}\n      className={clsx(s.MenuSub, className)}\n      {...cleanProps(props)}\n    />\n  ),\n)\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nexport type SidebarMenuSubItemProps = ComponentProps<\"li\">\n\nexport const SidebarMenuSubItem = forwardRef<HTMLLIElement, SidebarMenuSubItemProps>(\n  ({ className, ...props }, ref) => (\n    <li ref={ref} className={clsx(s.MenuSubItem, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nexport type SidebarMenuSubButtonProps = ComponentProps<\"button\"> & {\n  isActive?: boolean\n  asChild?: boolean\n  /**\n   * Indent level for nested items (0-3).\n   * Each level adds 12px of left margin.\n   * @default 0\n   */\n  indent?: 0 | 1 | 2 | 3\n}\n\nexport const SidebarMenuSubButton = forwardRef<HTMLButtonElement, SidebarMenuSubButtonProps>(\n  ({ isActive = false, asChild = false, indent = 0, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp\n        ref={ref}\n        data-active={isActive ? \"true\" : \"false\"}\n        aria-current={isActive ? \"page\" : undefined}\n        className={clsx(s.MenuSubButton, s[`indent${indent}`], className)}\n        {...cleanProps(props)}\n      />\n    )\n  },\n)\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\n// =============================================\n// Separator\n// =============================================\n\nexport type SidebarSeparatorProps = ComponentProps<\"hr\">\n\nexport const SidebarSeparator = forwardRef<HTMLHRElement, SidebarSeparatorProps>(\n  ({ className, ...props }, ref) => (\n    <hr ref={ref} className={clsx(s.Separator, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarSeparator.displayName = \"SidebarSeparator\"\n\n// =============================================\n// Card\n// =============================================\n\nexport type SidebarCardProps = ComponentProps<\"div\"> & {\n  variant?: \"default\" | \"elevated\"\n  dismissible?: boolean\n  onDismiss?: () => void\n}\n\nexport const SidebarCard = forwardRef<HTMLDivElement, SidebarCardProps>(\n  ({ variant = \"default\", dismissible = false, onDismiss, className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-variant={variant}\n      className={clsx(s.Card, className)}\n      {...cleanProps(props)}\n    >\n      {dismissible && (\n        <Button\n          uniform\n          size=\"3xs\"\n          variant=\"ghost\"\n          color=\"secondary\"\n          className={s.CardDismiss}\n          onClick={onDismiss}\n          aria-label=\"Dismiss\"\n        >\n          <X />\n        </Button>\n      )}\n      {children}\n    </div>\n  ),\n)\nSidebarCard.displayName = \"SidebarCard\"\n\nexport type SidebarCardHeaderProps = ComponentProps<\"div\">\n\nexport const SidebarCardHeader = forwardRef<HTMLDivElement, SidebarCardHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.CardHeader, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarCardHeader.displayName = \"SidebarCardHeader\"\n\nexport type SidebarCardTitleProps = ComponentProps<\"div\">\n\nexport const SidebarCardTitle = forwardRef<HTMLDivElement, SidebarCardTitleProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.CardTitle, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarCardTitle.displayName = \"SidebarCardTitle\"\n\nexport type SidebarCardTitleLinkProps = ComponentProps<\"a\">\n\nexport const SidebarCardTitleLink = forwardRef<HTMLAnchorElement, SidebarCardTitleLinkProps>(\n  ({ className, children, ...props }, ref) => (\n    <a ref={ref} className={clsx(s.CardTitleLink, className)} {...cleanProps(props)}>\n      {children}\n      <ChevronRightMd className={s.CardTitleChevron} />\n    </a>\n  ),\n)\nSidebarCardTitleLink.displayName = \"SidebarCardTitleLink\"\n\nexport type SidebarCardContentProps = ComponentProps<\"div\">\n\nexport const SidebarCardContent = forwardRef<HTMLDivElement, SidebarCardContentProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.CardContent, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarCardContent.displayName = \"SidebarCardContent\"\n\nexport type SidebarCardFooterProps = ComponentProps<\"div\">\n\nexport const SidebarCardFooter = forwardRef<HTMLDivElement, SidebarCardFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.CardFooter, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarCardFooter.displayName = \"SidebarCardFooter\"\n\n// =============================================\n// Inset (Main Content Area)\n// =============================================\n\nexport type SidebarInsetProps = ComponentProps<\"main\">\n\nexport const SidebarInset = forwardRef<HTMLElement, SidebarInsetProps>(\n  ({ className, ...props }, ref) => (\n    <main ref={ref} className={clsx(s.Inset, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarInset.displayName = \"SidebarInset\"\n\n// =============================================\n// Layout Container\n// =============================================\n\nexport type SidebarLayoutProps = ComponentProps<\"div\">\n\nexport const SidebarLayout = forwardRef<HTMLDivElement, SidebarLayoutProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.SidebarLayout, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarLayout.displayName = \"SidebarLayout\"\n\n// =============================================\n// Trigger (Collapse Button)\n// =============================================\n\nexport type SidebarTriggerProps = ComponentProps<\"button\"> & {\n  children?: ReactNode\n}\n\nexport const SidebarTrigger = forwardRef<HTMLButtonElement, SidebarTriggerProps>(\n  ({ className, children, ...props }, ref) => {\n    const { state, collapsible, isMobile, toggleSidebar } = useSidebar()\n\n    // Don't render if collapsible=\"none\" (text-only sidebars)\n    if (collapsible === \"none\") {\n      return null\n    }\n\n    // Default icon (same for both states, as per reference)\n    const defaultIcon = <SidebarLeft />\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={clsx(s.Trigger, className)}\n        onClick={toggleSidebar}\n        aria-label={\n          isMobile ? \"Open menu\" : state === \"expanded\" ? \"Collapse sidebar\" : \"Expand sidebar\"\n        }\n        {...cleanProps(props)}\n      >\n        <span className={s.TriggerInner}>\n          <span className={s.TriggerIcon}>{children ?? defaultIcon}</span>\n        </span>\n      </button>\n    )\n  },\n)\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\n// =============================================\n// Mobile Menu Button (Hamburger → X)\n// =============================================\n\nexport type SidebarMobileMenuButtonProps = ComponentProps<\"button\">\n\nexport const SidebarMobileMenuButton = forwardRef<HTMLButtonElement, SidebarMobileMenuButtonProps>(\n  ({ className, ...props }, ref) => {\n    const { openMobile, setOpenMobile } = useSidebar()\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-expanded={openMobile ? \"\" : undefined}\n        className={clsx(s.MobileMenuButton, className)}\n        onClick={() => setOpenMobile(!openMobile)}\n        aria-label={openMobile ? \"Close menu\" : \"Open menu\"}\n        {...cleanProps(props)}\n      >\n        <span className={s.MobileMenuIcon}>\n          <span className={s.MobileMenuLine} data-top />\n          <span className={s.MobileMenuMiddle}>\n            <span className={s.MobileMenuLine} data-bottom />\n          </span>\n        </span>\n      </button>\n    )\n  },\n)\nSidebarMobileMenuButton.displayName = \"SidebarMobileMenuButton\"\n\n// =============================================\n// Mobile Sidebar\n// =============================================\n\nexport type SidebarMobileProps = ComponentProps<\"div\"> & {\n  /** When true, drawer is positioned absolute instead of fixed (for contained demos) */\n  contained?: boolean\n}\n\nexport const SidebarMobile = forwardRef<HTMLDivElement, SidebarMobileProps>(\n  ({ className, children, contained, ...props }, ref) => {\n    const { setOpenMobile } = useSidebar()\n\n    return (\n      <>\n        {/* Backdrop */}\n        <div\n          className={clsx(s.MobileBackdrop, contained && s.contained)}\n          onClick={() => setOpenMobile(false)}\n          aria-hidden=\"true\"\n        />\n\n        {/* Drawer */}\n        <div\n          ref={ref}\n          className={clsx(s.MobileSidebar, contained && s.contained, className)}\n          {...cleanProps(props)}\n        >\n          {children}\n        </div>\n      </>\n    )\n  },\n)\nSidebarMobile.displayName = \"SidebarMobile\"\n\nexport type SidebarMobileHeaderProps = ComponentProps<\"div\">\n\nexport const SidebarMobileHeader = forwardRef<HTMLDivElement, SidebarMobileHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.MobileHeader, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarMobileHeader.displayName = \"SidebarMobileHeader\"\n\nexport type SidebarMobileFooterProps = ComponentProps<\"div\">\n\nexport const SidebarMobileFooter = forwardRef<HTMLDivElement, SidebarMobileFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.MobileFooter, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarMobileFooter.displayName = \"SidebarMobileFooter\"\n\n// =============================================\n// Input (Search)\n// =============================================\n\nexport type SidebarInputProps = InputProps\n\nexport const SidebarInput = forwardRef<HTMLInputElement, SidebarInputProps>(\n  ({ className, ...props }, ref) => (\n    <div className={s.Input}>\n      <Input\n        ref={ref}\n        className={className}\n        startAdornment={<SearchIcon />}\n        {...cleanProps(props)}\n      />\n    </div>\n  ),\n)\nSidebarInput.displayName = \"SidebarInput\"\n\n// =============================================\n// Footer Links\n// =============================================\n\nexport type SidebarFooterLinksProps = ComponentProps<\"div\">\n\nexport const SidebarFooterLinks = forwardRef<HTMLDivElement, SidebarFooterLinksProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx(s.FooterLinks, className)} {...cleanProps(props)} />\n  ),\n)\nSidebarFooterLinks.displayName = \"SidebarFooterLinks\"\n"]}