@plexui/ui 0.22.0 → 0.23.0

package/dist/es/components/Page/Page.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { createContext, useContext, useMemo, useState, } from "react";
+import s from "@plexui/styles/components/Page/Page.module.css";
+// A trackpad's small settle at the top must not flash the line.
+const SCROLLED_AFTER = 4;
+const PageContext = createContext(null);
+function usePageContext(part) {
+    const context = useContext(PageContext);
+    if (!context) {
+        throw new Error(`Page.${part} must be used within Page`);
+    }
+    return context;
+}
+function PageRoot({ width = "full", className, children, ...restProps }) {
+    const [scrolled, setScrolled] = useState(false);
+    const context = useMemo(() => ({ scrolled, setScrolled }), [scrolled]);
+    return (_jsx(PageContext.Provider, { value: context, children: _jsx("div", { className: clsx(s.Page, className), "data-width": width, ...restProps, children: children }) }));
+}
+PageRoot.displayName = "Page";
+function PageHeader({ divider = true, className, children, ...restProps }) {
+    const { scrolled } = usePageContext("Header");
+    return (_jsx("div", { className: clsx(s.Header, className), "data-scrolled": divider && scrolled ? "" : undefined, ...restProps, children: _jsx("div", { className: s.Head, children: children }) }));
+}
+PageHeader.displayName = "Page.Header";
+function PageBar({ className, ...restProps }) {
+    return _jsx("div", { className: clsx(s.Bar, className), ...restProps });
+}
+PageBar.displayName = "Page.Bar";
+function PageHeading({ className, ...restProps }) {
+    return _jsx("div", { className: clsx(s.Heading, className), ...restProps });
+}
+PageHeading.displayName = "Page.Heading";
+function PageTitle({ className, ...restProps }) {
+    return _jsx("h1", { className: clsx(s.Title, className), ...restProps });
+}
+PageTitle.displayName = "Page.Title";
+function PageSubtitle({ className, ...restProps }) {
+    return _jsx("p", { className: clsx(s.Subtitle, className), ...restProps });
+}
+PageSubtitle.displayName = "Page.Subtitle";
+function PageActions({ className, ...restProps }) {
+    return _jsx("div", { className: clsx(s.Actions, className), ...restProps });
+}
+PageActions.displayName = "Page.Actions";
+function PageContent({ fill = false, className, children, onScroll, ...restProps }) {
+    const { setScrolled } = usePageContext("Content");
+    const handleScroll = (event) => {
+        setScrolled(event.currentTarget.scrollTop > SCROLLED_AFTER);
+        onScroll?.(event);
+    };
+    return (_jsx("div", { className: clsx(s.Content, className), "data-fill": fill ? "" : undefined, onScroll: handleScroll, ...restProps, children: _jsx("div", { className: s.Column, children: children }) }));
+}
+PageContent.displayName = "Page.Content";
+/* ------------------------------------------------------------------ */
+/*  Compound                                                           */
+/* ------------------------------------------------------------------ */
+export const Page = PageRoot;
+Page.Header = PageHeader;
+Page.Bar = PageBar;
+Page.Heading = PageHeading;
+Page.Title = PageTitle;
+Page.Subtitle = PageSubtitle;
+Page.Actions = PageActions;
+Page.Content = PageContent;
+//# sourceMappingURL=Page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n  type Ref,\n  type UIEvent,\n} from \"react\"\nimport s from \"@plexui/styles/components/Page/Page.module.css\"\n\nexport type PageWidth = \"full\" | \"wide\" | \"column\"\n\n// A trackpad's small settle at the top must not flash the line.\nconst SCROLLED_AFTER = 4\n\ntype PageContextValue = {\n  scrolled: boolean\n  setScrolled: (scrolled: boolean) => void\n}\n\nconst PageContext = createContext<PageContextValue | null>(null)\n\nfunction usePageContext(part: string): PageContextValue {\n  const context = useContext(PageContext)\n  if (!context) {\n    throw new Error(`Page.${part} must be used within Page`)\n  }\n  return context\n}\n\n/* ------------------------------------------------------------------ */\n/*  Root                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type PageProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Width of the column that header and content share.\n   * - `\"full\"` — edge to edge, for tables (default)\n   * - `\"wide\"` — 1280px, centred, for overviews\n   * - `\"column\"` — 768px, centred, for settings and forms\n   *\n   * Set `--page-width` on the page for any other width.\n   * @default \"full\"\n   */\n  width?: PageWidth\n  ref?: Ref<HTMLDivElement>\n}\n\nfunction PageRoot({ width = \"full\", className, children, ...restProps }: PageProps) {\n  const [scrolled, setScrolled] = useState(false)\n  const context = useMemo(() => ({ scrolled, setScrolled }), [scrolled])\n\n  return (\n    <PageContext.Provider value={context}>\n      <div className={clsx(s.Page, className)} data-width={width} {...restProps}>\n        {children}\n      </div>\n    </PageContext.Provider>\n  )\n}\nPageRoot.displayName = \"Page\"\n\n/* ------------------------------------------------------------------ */\n/*  Header                                                             */\n/* ------------------------------------------------------------------ */\n\nexport type PageHeaderProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Shows the line, and the glass on a phone, once the content has scrolled under the header.\n   * Turn it off when the content already draws a line of its own at that place.\n   * @default true\n   */\n  divider?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nfunction PageHeader({ divider = true, className, children, ...restProps }: PageHeaderProps) {\n  const { scrolled } = usePageContext(\"Header\")\n\n  return (\n    <div\n      className={clsx(s.Header, className)}\n      data-scrolled={divider && scrolled ? \"\" : undefined}\n      {...restProps}\n    >\n      <div className={s.Head}>{children}</div>\n    </div>\n  )\n}\nPageHeader.displayName = \"Page.Header\"\n\n/* ------------------------------------------------------------------ */\n/*  Slots                                                              */\n/* ------------------------------------------------------------------ */\n\nexport type PageSlotProps = HTMLAttributes<HTMLDivElement> & { ref?: Ref<HTMLDivElement> }\n\nfunction PageBar({ className, ...restProps }: PageSlotProps) {\n  return <div className={clsx(s.Bar, className)} {...restProps} />\n}\nPageBar.displayName = \"Page.Bar\"\n\nfunction PageHeading({ className, ...restProps }: PageSlotProps) {\n  return <div className={clsx(s.Heading, className)} {...restProps} />\n}\nPageHeading.displayName = \"Page.Heading\"\n\nfunction PageTitle({\n  className,\n  ...restProps\n}: HTMLAttributes<HTMLHeadingElement> & { ref?: Ref<HTMLHeadingElement> }) {\n  return <h1 className={clsx(s.Title, className)} {...restProps} />\n}\nPageTitle.displayName = \"Page.Title\"\n\nfunction PageSubtitle({\n  className,\n  ...restProps\n}: HTMLAttributes<HTMLParagraphElement> & { ref?: Ref<HTMLParagraphElement> }) {\n  return <p className={clsx(s.Subtitle, className)} {...restProps} />\n}\nPageSubtitle.displayName = \"Page.Subtitle\"\n\nfunction PageActions({ className, ...restProps }: PageSlotProps) {\n  return <div className={clsx(s.Actions, className)} {...restProps} />\n}\nPageActions.displayName = \"Page.Actions\"\n\n/* ------------------------------------------------------------------ */\n/*  Content                                                            */\n/* ------------------------------------------------------------------ */\n\nexport type PageContentProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The content fills the page and scrolls inside itself, as a table does: the page stops\n   * scrolling from 768px up.\n   * @default false\n   */\n  fill?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nfunction PageContent({ fill = false, className, children, onScroll, ...restProps }: PageContentProps) {\n  const { setScrolled } = usePageContext(\"Content\")\n\n  const handleScroll = (event: UIEvent<HTMLDivElement>) => {\n    setScrolled(event.currentTarget.scrollTop > SCROLLED_AFTER)\n    onScroll?.(event)\n  }\n\n  return (\n    <div\n      className={clsx(s.Content, className)}\n      data-fill={fill ? \"\" : undefined}\n      onScroll={handleScroll}\n      {...restProps}\n    >\n      <div className={s.Column}>{children}</div>\n    </div>\n  )\n}\nPageContent.displayName = \"Page.Content\"\n\n/* ------------------------------------------------------------------ */\n/*  Compound                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const Page = PageRoot as typeof PageRoot & {\n  Header: typeof PageHeader\n  Bar: typeof PageBar\n  Heading: typeof PageHeading\n  Title: typeof PageTitle\n  Subtitle: typeof PageSubtitle\n  Actions: typeof PageActions\n  Content: typeof PageContent\n}\nPage.Header = PageHeader\nPage.Bar = PageBar\nPage.Heading = PageHeading\nPage.Title = PageTitle\nPage.Subtitle = PageSubtitle\nPage.Actions = PageActions\nPage.Content = PageContent\n"]}

package/dist/es/components/Page/index.js

@@ -0,0 +1,2 @@
+export { Page, } from "./Page.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,GAML,MAAM,QAAQ,CAAA","sourcesContent":["export {\n  Page,\n  type PageContentProps,\n  type PageHeaderProps,\n  type PageProps,\n  type PageSlotProps,\n  type PageWidth,\n} from \"./Page\"\n"]}

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

@@ -142,17 +142,29 @@ export const SidebarMenu = forwardRef(({ className, ...props }, ref) => (_jsx("u
 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) => {
+// Shared by every row of the rail: moving to the next one shows its label at once.
+let railLeftAt = 0;
+export const SidebarMenuButton = forwardRef(({ isActive = false, tooltip, asChild = false, className, children, onPointerEnter, onPointerLeave, ...props }, ref) => {
     const { state, isMobile } = useSidebar();
+    const [openDelay, setOpenDelay] = useState();
     const Comp = asChild ? Slot.Root : "button";
     // With asChild the child element is the button, so the inner wrapper
     // goes inside it. Wrapping the child instead would make Slot merge the
     // button props onto the wrapper span.
     const content = asChild && isValidElement(children) ? (cloneElement(children, undefined, _jsx("span", { className: s.MenuButtonInner, children: children.props.children }))) : (_jsx("span", { className: s.MenuButtonInner, children: children }));
-    const button = (_jsx(Comp, { ref: ref, "data-active": isActive ? "true" : "false", "aria-current": isActive ? "page" : undefined, className: clsx(s.MenuButton, className), ...cleanProps(props), children: content }));
-    // Show tooltip when collapsed (icon mode) and not mobile
-    if (tooltip && state === "collapsed" && !isMobile) {
-        return (_jsx(Tooltip, { content: tooltip, side: "right", children: button }));
+    const button = (_jsx(Comp, { ref: ref, "data-active": isActive ? "true" : "false", "aria-current": isActive ? "page" : undefined, className: clsx(s.MenuButton, className), onPointerEnter: (event) => {
+            onPointerEnter?.(event);
+            if (tooltip)
+                setOpenDelay(Date.now() - railLeftAt < 300 ? 0 : undefined);
+        }, onPointerLeave: (event) => {
+            onPointerLeave?.(event);
+            if (tooltip)
+                railLeftAt = Date.now();
+        }, ...cleanProps(props), children: content }));
+    // The tooltip shows when collapsed (icon mode) and not on mobile. It wraps
+    // the row in every state, so the row stays mounted and its label can fade.
+    if (tooltip) {
+        return (_jsx(Tooltip, { content: state === "collapsed" && !isMobile ? tooltip : null, openDelay: openDelay, side: "right", children: button }));
     }
     return button;
 });

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

@@ -1 +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 clsx from \"clsx\"\nimport { Slot } from \"radix-ui\"\nimport {\n  cloneElement,\n  forwardRef,\n  isValidElement,\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 \"@plexui/styles/components/Sidebar/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 = <P extends object>(props: P): Omit<P, \"data-toggle\"> => {\n  const { \"data-toggle\": _, ...rest } = props as P & { \"data-toggle\"?: unknown }\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 initially. A closed group hides its `SidebarGroupContent`.\n   * @default true\n   */\n  defaultOpen?: boolean\n  /**\n   * Controlled open state. The group has no toggle of its own: change `open` from your own control.\n   */\n  open?: boolean\n}\n\nexport const SidebarGroup = forwardRef<HTMLDivElement, SidebarGroupProps>(\n  ({ defaultOpen = true, open: openProp, className, ...props }, ref) => {\n    // The initial value only, like an uncontrolled input's defaultValue\n    const [initialOpen] = useState(defaultOpen)\n    const open = openProp ?? initialOpen\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.Root : \"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.Root : \"button\"\n    // With asChild the child element is the button, so the inner wrapper\n    // goes inside it. Wrapping the child instead would make Slot merge the\n    // button props onto the wrapper span.\n    const content =\n      asChild && isValidElement<{ children?: ReactNode }>(children) ? (\n        cloneElement(\n          children,\n          undefined,\n          <span className={s.MenuButtonInner}>{children.props.children}</span>,\n        )\n      ) : (\n        <span className={s.MenuButtonInner}>{children}</span>\n      )\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        {content}\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      // Collapsed items are only hidden visually: keep them out of the tab order\n      inert={open ? undefined : true}\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.Root : \"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, onClick, ...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={(event) => {\n          // The caller's handler runs first and can cancel the toggle\n          onClick?.(event)\n          if (!event.defaultPrevented) toggleSidebar()\n        }}\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, onClick, ...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={(event) => {\n          // The caller's handler runs first and can cancel the toggle\n          onClick?.(event)\n          if (!event.defaultPrevented) setOpenMobile(!openMobile)\n        }}\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"]}
+{"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 clsx from \"clsx\"\nimport { Slot } from \"radix-ui\"\nimport {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useLayoutEffect,\n  useState,\n  type ComponentProps,\n  type PointerEvent,\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 \"@plexui/styles/components/Sidebar/Sidebar.module.css\"\nimport {\n  SidebarProvider,\n  useSidebar,\n  type SidebarCollapsible,\n  type SidebarSide,\n  type SidebarProviderVariant,\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 = <P extends object>(props: P): Omit<P, \"data-toggle\"> => {\n  const { \"data-toggle\": _, ...rest } = props as P & { \"data-toggle\"?: unknown }\n  return rest\n}\n\n// Re-export provider and hook\nexport { SidebarProvider, useSidebar }\nexport type { SidebarCollapsible, SidebarProviderVariant, 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 initially. A closed group hides its `SidebarGroupContent`.\n   * @default true\n   */\n  defaultOpen?: boolean\n  /**\n   * Controlled open state. The group has no toggle of its own: change `open` from your own control.\n   */\n  open?: boolean\n}\n\nexport const SidebarGroup = forwardRef<HTMLDivElement, SidebarGroupProps>(\n  ({ defaultOpen = true, open: openProp, className, ...props }, ref) => {\n    // The initial value only, like an uncontrolled input's defaultValue\n    const [initialOpen] = useState(defaultOpen)\n    const open = openProp ?? initialOpen\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.Root : \"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\n// Shared by every row of the rail: moving to the next one shows its label at once.\nlet railLeftAt = 0\n\nexport const SidebarMenuButton = forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\n  ({ isActive = false, tooltip, asChild = false, className, children, onPointerEnter, onPointerLeave, ...props }, ref) => {\n    const { state, isMobile } = useSidebar()\n    const [openDelay, setOpenDelay] = useState<number>()\n    const Comp = asChild ? Slot.Root : \"button\"\n    // With asChild the child element is the button, so the inner wrapper\n    // goes inside it. Wrapping the child instead would make Slot merge the\n    // button props onto the wrapper span.\n    const content =\n      asChild && isValidElement<{ children?: ReactNode }>(children) ? (\n        cloneElement(\n          children,\n          undefined,\n          <span className={s.MenuButtonInner}>{children.props.children}</span>,\n        )\n      ) : (\n        <span className={s.MenuButtonInner}>{children}</span>\n      )\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        onPointerEnter={(event: PointerEvent<HTMLButtonElement>) => {\n          onPointerEnter?.(event)\n          if (tooltip) setOpenDelay(Date.now() - railLeftAt < 300 ? 0 : undefined)\n        }}\n        onPointerLeave={(event: PointerEvent<HTMLButtonElement>) => {\n          onPointerLeave?.(event)\n          if (tooltip) railLeftAt = Date.now()\n        }}\n        {...cleanProps(props)}\n      >\n        {content}\n      </Comp>\n    )\n\n    // The tooltip shows when collapsed (icon mode) and not on mobile. It wraps\n    // the row in every state, so the row stays mounted and its label can fade.\n    if (tooltip) {\n      return (\n        <Tooltip content={state === \"collapsed\" && !isMobile ? tooltip : null} openDelay={openDelay} 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      // Collapsed items are only hidden visually: keep them out of the tab order\n      inert={open ? undefined : true}\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.Root : \"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, onClick, ...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={(event) => {\n          // The caller's handler runs first and can cancel the toggle\n          onClick?.(event)\n          if (!event.defaultPrevented) toggleSidebar()\n        }}\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, onClick, ...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={(event) => {\n          // The caller's handler runs first and can cancel the toggle\n          onClick?.(event)\n          if (!event.defaultPrevented) setOpenMobile(!openMobile)\n        }}\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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,qEAAqE;AAErE,OAAO;AACL,OAAO;AACP,OAAO;AACP,OAAO;AACP,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,aAAa;AACb,eAAe;AACf,kBAAkB;AAClB,SAAS;AACT,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB;AACjB,WAAW;AACX,aAAa;AACb,QAAQ;AACR,YAAY,EACZ,YAAY,EACZ,aAAa;AACb,OAAO;AACP,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,mBAAmB;AACnB,UAAU;AACV,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,mBAAmB;AACnB,SAAS;AACT,uBAAuB;AACvB,oBAAoB;AACpB,eAAe,EACf,WAAW;AACX,YAAY;AACZ,gBAAgB;AAChB,UAAU;AACV,cAAc,EACd,UAAU,GACX,MAAM,WAAW,CAAA;AAmDlB,mBAAmB;AACnB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA","sourcesContent":["// Sidebar Component - Composable navigation sidebar\n// Re-export all components from Sidebar.tsx and useSidebarContext.ts\n\nexport {\n  // Core\n  Sidebar,\n  // Card\n  SidebarCard,\n  SidebarCardContent,\n  SidebarCardFooter,\n  SidebarCardHeader,\n  SidebarCardTitle,\n  SidebarCardTitleLink,\n  SidebarContent,\n  SidebarFooter,\n  // Footer Links\n  SidebarFooterLinks,\n  // Groups\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  // Sections\n  SidebarHeader,\n  // Input\n  SidebarInput,\n  SidebarInset,\n  SidebarLayout,\n  // Menu\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuButtonIcon,\n  SidebarMenuButtonLabel,\n  SidebarMenuChevron,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  // Submenu\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarMobile,\n  SidebarMobileFooter,\n  SidebarMobileHeader,\n  // Mobile\n  SidebarMobileMenuButton,\n  // Provider and Hook\n  SidebarProvider,\n  SidebarRail,\n  // Separator\n  SidebarSeparator,\n  // Trigger\n  SidebarTrigger,\n  useSidebar,\n} from \"./Sidebar\"\n\n// Export types\nexport type {\n  SidebarCardContentProps,\n  SidebarCardFooterProps,\n  SidebarCardHeaderProps,\n  SidebarCardProps,\n  SidebarCardTitleLinkProps,\n  SidebarCardTitleProps,\n  // Context types\n  SidebarCollapsible,\n  SidebarContentProps,\n  SidebarFooterLinksProps,\n  SidebarFooterProps,\n  SidebarGroupActionProps,\n  SidebarGroupContentProps,\n  SidebarGroupLabelProps,\n  SidebarGroupProps,\n  SidebarHeaderProps,\n  SidebarInputProps,\n  SidebarInsetProps,\n  SidebarLayoutProps,\n  SidebarMenuActionProps,\n  SidebarMenuBadgeProps,\n  SidebarMenuButtonIconProps,\n  SidebarMenuButtonLabelProps,\n  SidebarMenuButtonProps,\n  SidebarMenuChevronProps,\n  SidebarMenuItemProps,\n  SidebarMenuProps,\n  SidebarMenuSkeletonProps,\n  SidebarMenuSubButtonProps,\n  SidebarMenuSubItemProps,\n  SidebarMenuSubProps,\n  SidebarMobileFooterProps,\n  SidebarMobileHeaderProps,\n  SidebarMobileMenuButtonProps,\n  SidebarMobileProps,\n  // Component props\n  SidebarProps,\n  SidebarRailProps,\n  SidebarSeparatorProps,\n  SidebarSide,\n  SidebarTriggerProps,\n  SidebarVariant,\n} from \"./Sidebar\"\n\n// Export provider props and context types\nexport type { SidebarContextValue, SidebarProviderProps, SidebarState } from \"./useSidebarContext\"\n\n// Export constants\nexport { SIDEBAR_CONSTANTS } from \"./useSidebarContext\"\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,qEAAqE;AAErE,OAAO;AACL,OAAO;AACP,OAAO;AACP,OAAO;AACP,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,aAAa;AACb,eAAe;AACf,kBAAkB;AAClB,SAAS;AACT,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB;AACjB,WAAW;AACX,aAAa;AACb,QAAQ;AACR,YAAY,EACZ,YAAY,EACZ,aAAa;AACb,OAAO;AACP,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,mBAAmB;AACnB,UAAU;AACV,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,mBAAmB;AACnB,SAAS;AACT,uBAAuB;AACvB,oBAAoB;AACpB,eAAe,EACf,WAAW;AACX,YAAY;AACZ,gBAAgB;AAChB,UAAU;AACV,cAAc,EACd,UAAU,GACX,MAAM,WAAW,CAAA;AAoDlB,mBAAmB;AACnB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA","sourcesContent":["// Sidebar Component - Composable navigation sidebar\n// Re-export all components from Sidebar.tsx and useSidebarContext.ts\n\nexport {\n  // Core\n  Sidebar,\n  // Card\n  SidebarCard,\n  SidebarCardContent,\n  SidebarCardFooter,\n  SidebarCardHeader,\n  SidebarCardTitle,\n  SidebarCardTitleLink,\n  SidebarContent,\n  SidebarFooter,\n  // Footer Links\n  SidebarFooterLinks,\n  // Groups\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  // Sections\n  SidebarHeader,\n  // Input\n  SidebarInput,\n  SidebarInset,\n  SidebarLayout,\n  // Menu\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuButtonIcon,\n  SidebarMenuButtonLabel,\n  SidebarMenuChevron,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  // Submenu\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarMobile,\n  SidebarMobileFooter,\n  SidebarMobileHeader,\n  // Mobile\n  SidebarMobileMenuButton,\n  // Provider and Hook\n  SidebarProvider,\n  SidebarRail,\n  // Separator\n  SidebarSeparator,\n  // Trigger\n  SidebarTrigger,\n  useSidebar,\n} from \"./Sidebar\"\n\n// Export types\nexport type {\n  SidebarCardContentProps,\n  SidebarCardFooterProps,\n  SidebarCardHeaderProps,\n  SidebarCardProps,\n  SidebarCardTitleLinkProps,\n  SidebarCardTitleProps,\n  // Context types\n  SidebarCollapsible,\n  SidebarContentProps,\n  SidebarFooterLinksProps,\n  SidebarFooterProps,\n  SidebarGroupActionProps,\n  SidebarGroupContentProps,\n  SidebarGroupLabelProps,\n  SidebarGroupProps,\n  SidebarHeaderProps,\n  SidebarInputProps,\n  SidebarInsetProps,\n  SidebarLayoutProps,\n  SidebarMenuActionProps,\n  SidebarMenuBadgeProps,\n  SidebarMenuButtonIconProps,\n  SidebarMenuButtonLabelProps,\n  SidebarMenuButtonProps,\n  SidebarMenuChevronProps,\n  SidebarMenuItemProps,\n  SidebarMenuProps,\n  SidebarMenuSkeletonProps,\n  SidebarMenuSubButtonProps,\n  SidebarMenuSubItemProps,\n  SidebarMenuSubProps,\n  SidebarMobileFooterProps,\n  SidebarMobileHeaderProps,\n  SidebarMobileMenuButtonProps,\n  SidebarMobileProps,\n  // Component props\n  SidebarProps,\n  SidebarRailProps,\n  SidebarSeparatorProps,\n  SidebarSide,\n  SidebarTriggerProps,\n  SidebarProviderVariant,\n  SidebarVariant,\n} from \"./Sidebar\"\n\n// Export provider props and context types\nexport type { SidebarContextValue, SidebarProviderProps, SidebarState } from \"./useSidebarContext\"\n\n// Export constants\nexport { SIDEBAR_CONSTANTS } from \"./useSidebarContext\"\n"]}

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

@@ -1,10 +1,13 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useState, useSyncExternalStore, } from "react";
+import clsx from "clsx";
+import s from "@plexui/styles/components/Sidebar/Sidebar.module.css";
 // Constants
 const SIDEBAR_COOKIE_NAME = "sidebar:state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7; // 7 days
 const SIDEBAR_WIDTH = "240px";
+const SIDEBAR_WIDTH_APP = "260px";
 const SIDEBAR_WIDTH_MOBILE = "288px";
 const SIDEBAR_WIDTH_ICON = "64px";
 const SIDEBAR_KEYBOARD_SHORTCUT = "b";
@@ -34,7 +37,7 @@ function useIsMobile() {
     return useSyncExternalStore(subscribeToMobile, getMobileSnapshot, getServerMobileSnapshot);
 }
 // Provider component
-export const SidebarProvider = ({ children, defaultOpen = true, open: openProp, onOpenChange: setOpenProp, collapsible = "offcanvas", style, className, }) => {
+export const SidebarProvider = ({ children, defaultOpen = true, open: openProp, onOpenChange: setOpenProp, collapsible = "offcanvas", variant = "sidebar", style, className, }) => {
     const isMobile = useIsMobile();
     const [openMobile, setOpenMobile] = useState(false);
     // Controlled vs uncontrolled state for desktop
@@ -108,8 +111,8 @@ export const SidebarProvider = ({ children, defaultOpen = true, open: openProp,
         collapsible,
         toggleSidebar,
     }), [state, open, setOpen, openMobile, isMobile, collapsible, toggleSidebar]);
-    return (_jsx(SidebarContext.Provider, { value: contextValue, children: _jsx("div", { className: className, style: {
-                "--sidebar-width": SIDEBAR_WIDTH,
+    return (_jsx(SidebarContext.Provider, { value: contextValue, children: _jsx("div", { className: clsx(variant === "app" && s.App, className), style: {
+                "--sidebar-width": variant === "app" ? SIDEBAR_WIDTH_APP : SIDEBAR_WIDTH,
                 "--sidebar-width-mobile": SIDEBAR_WIDTH_MOBILE,
                 "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
                 ...style,
@@ -118,6 +121,7 @@ export const SidebarProvider = ({ children, defaultOpen = true, open: openProp,
 // Re-export constants for external use
 export const SIDEBAR_CONSTANTS = {
     WIDTH: SIDEBAR_WIDTH,
+    WIDTH_APP: SIDEBAR_WIDTH_APP,
     WIDTH_MOBILE: SIDEBAR_WIDTH_MOBILE,
     WIDTH_ICON: SIDEBAR_WIDTH_ICON,
     KEYBOARD_SHORTCUT: SIDEBAR_KEYBOARD_SHORTCUT,

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

@@ -1 +1 @@
-{"version":3,"file":"useSidebarContext.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/useSidebarContext.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  useSyncExternalStore,\n  type ReactNode,\n} from \"react\"\n\n// Constants\nconst SIDEBAR_COOKIE_NAME = \"sidebar:state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7 // 7 days\nconst SIDEBAR_WIDTH = \"240px\"\nconst SIDEBAR_WIDTH_MOBILE = \"288px\"\nconst SIDEBAR_WIDTH_ICON = \"64px\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\nconst MOBILE_BREAKPOINT = 768\n\n// Types\nexport type SidebarState = \"expanded\" | \"collapsed\"\nexport type SidebarCollapsible = \"offcanvas\" | \"icon\" | \"none\"\nexport type SidebarSide = \"left\" | \"right\"\nexport type SidebarVariant = \"sidebar\" | \"docs\"\n\nexport type SidebarContextValue = {\n  state: SidebarState\n  open: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  isMobile: boolean\n  collapsible: SidebarCollapsible\n  toggleSidebar: () => void\n}\n\n// Context\nconst SidebarContext = createContext<SidebarContextValue | null>(null)\n\n// Hook to access sidebar context\nexport const useSidebar = (): SidebarContextValue => {\n  const context = useContext(SidebarContext)\n\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider\")\n  }\n\n  return context\n}\n\n// Hook for mobile detection via matchMedia. Read during render, so a phone\n// gets the mobile layout on its first paint instead of one frame of the\n// desktop sidebar; the server (and hydration) renders the desktop layout.\nconst MOBILE_QUERY = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`\n\nconst subscribeToMobile = (onChange: () => void) => {\n  const mql = window.matchMedia(MOBILE_QUERY)\n  mql.addEventListener(\"change\", onChange)\n  return () => mql.removeEventListener(\"change\", onChange)\n}\n\nconst getMobileSnapshot = () => window.matchMedia(MOBILE_QUERY).matches\nconst getServerMobileSnapshot = () => false\n\nfunction useIsMobile(): boolean {\n  return useSyncExternalStore(subscribeToMobile, getMobileSnapshot, getServerMobileSnapshot)\n}\n\n// Provider props\nexport type SidebarProviderProps = {\n  children: ReactNode\n  /**\n   * Default open state (uncontrolled)\n   * @default true\n   */\n  defaultOpen?: boolean\n  /**\n   * Controlled open state\n   */\n  open?: boolean\n  /**\n   * Callback when open state changes\n   */\n  onOpenChange?: (open: boolean) => void\n  /**\n   * Collapsible mode\n   * @default \"offcanvas\"\n   */\n  collapsible?: SidebarCollapsible\n  /**\n   * Custom CSS properties for the sidebar\n   */\n  style?: React.CSSProperties\n  /**\n   * Additional class name\n   */\n  className?: string\n}\n\n// Provider component\nexport const SidebarProvider = ({\n  children,\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  collapsible = \"offcanvas\",\n  style,\n  className,\n}: SidebarProviderProps) => {\n  const isMobile = useIsMobile()\n  const [openMobile, setOpenMobile] = useState(false)\n\n  // Controlled vs uncontrolled state for desktop\n  const [_open, _setOpen] = useState(defaultOpen)\n  const open = openProp ?? _open\n\n  const setOpen = useCallback(\n    (value: boolean | ((prev: boolean) => boolean)) => {\n      const openState = typeof value === \"function\" ? value(open) : value\n\n      // Controlled only when `open` is passed; onOpenChange alone is a notification\n      if (openProp === undefined) {\n        _setOpen(openState)\n      }\n      setOpenProp?.(openState)\n\n      // Persist state in cookie for SSR\n      if (typeof document !== \"undefined\") {\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      }\n    },\n    [setOpenProp, openProp, open],\n  )\n\n  // Toggle function that handles both mobile and desktop\n  const toggleSidebar = useCallback(() => {\n    if (isMobile) {\n      setOpenMobile((prev) => !prev)\n    } else {\n      setOpen((prev) => !prev)\n    }\n  }, [isMobile, setOpen])\n\n  // Keyboard shortcut: Cmd/Ctrl + B\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // Skip if collapsible is \"none\"\n      if (collapsible === \"none\") return\n\n      // Don't trigger when focus is in an editable element (input, textarea, contenteditable)\n      const target = event.target as HTMLElement | null\n      if (target?.closest?.(\"input, textarea\") || target?.isContentEditable) return\n\n      // Check for Cmd (Mac) or Ctrl (Windows/Linux) + B\n      if (\n        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n        (event.metaKey || event.ctrlKey) &&\n        !event.altKey &&\n        !event.shiftKey\n      ) {\n        event.preventDefault()\n        toggleSidebar()\n      }\n    }\n\n    window.addEventListener(\"keydown\", handleKeyDown)\n    return () => window.removeEventListener(\"keydown\", handleKeyDown)\n  }, [toggleSidebar, collapsible])\n\n  // Close mobile menu on escape key\n  useEffect(() => {\n    if (!openMobile) return\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpenMobile(false)\n      }\n    }\n\n    window.addEventListener(\"keydown\", handleKeyDown)\n    return () => window.removeEventListener(\"keydown\", handleKeyDown)\n  }, [openMobile])\n\n  // Derive state from open boolean\n  const state: SidebarState = open ? \"expanded\" : \"collapsed\"\n\n  // Context value\n  const contextValue = useMemo<SidebarContextValue>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      openMobile,\n      setOpenMobile,\n      isMobile,\n      collapsible,\n      toggleSidebar,\n    }),\n    [state, open, setOpen, openMobile, isMobile, collapsible, toggleSidebar],\n  )\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <div\n        className={className}\n        style={\n          {\n            \"--sidebar-width\": SIDEBAR_WIDTH,\n            \"--sidebar-width-mobile\": SIDEBAR_WIDTH_MOBILE,\n            \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n            ...style,\n          } as React.CSSProperties\n        }\n        data-sidebar={state}\n        data-mobile-menu={openMobile ? \"visible\" : \"hidden\"}\n        data-collapsible={collapsible}\n      >\n        {children}\n      </div>\n    </SidebarContext.Provider>\n  )\n}\n\n// Re-export constants for external use\nexport const SIDEBAR_CONSTANTS = {\n  WIDTH: SIDEBAR_WIDTH,\n  WIDTH_MOBILE: SIDEBAR_WIDTH_MOBILE,\n  WIDTH_ICON: SIDEBAR_WIDTH_ICON,\n  KEYBOARD_SHORTCUT: SIDEBAR_KEYBOARD_SHORTCUT,\n  MOBILE_BREAKPOINT,\n  COOKIE_NAME: SIDEBAR_COOKIE_NAME,\n  COOKIE_MAX_AGE: SIDEBAR_COOKIE_MAX_AGE,\n} as const\n"]}
+{"version":3,"file":"useSidebarContext.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/useSidebarContext.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  useSyncExternalStore,\n  type ReactNode,\n} from \"react\"\nimport clsx from \"clsx\"\nimport s from \"@plexui/styles/components/Sidebar/Sidebar.module.css\"\n\n// Constants\nconst SIDEBAR_COOKIE_NAME = \"sidebar:state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7 // 7 days\nconst SIDEBAR_WIDTH = \"240px\"\nconst SIDEBAR_WIDTH_APP = \"260px\"\nconst SIDEBAR_WIDTH_MOBILE = \"288px\"\nconst SIDEBAR_WIDTH_ICON = \"64px\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\nconst MOBILE_BREAKPOINT = 768\n\n// Types\nexport type SidebarState = \"expanded\" | \"collapsed\"\nexport type SidebarCollapsible = \"offcanvas\" | \"icon\" | \"none\"\nexport type SidebarSide = \"left\" | \"right\"\nexport type SidebarVariant = \"sidebar\" | \"docs\"\nexport type SidebarProviderVariant = \"sidebar\" | \"app\"\n\nexport type SidebarContextValue = {\n  state: SidebarState\n  open: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  isMobile: boolean\n  collapsible: SidebarCollapsible\n  toggleSidebar: () => void\n}\n\n// Context\nconst SidebarContext = createContext<SidebarContextValue | null>(null)\n\n// Hook to access sidebar context\nexport const useSidebar = (): SidebarContextValue => {\n  const context = useContext(SidebarContext)\n\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider\")\n  }\n\n  return context\n}\n\n// Hook for mobile detection via matchMedia. Read during render, so a phone\n// gets the mobile layout on its first paint instead of one frame of the\n// desktop sidebar; the server (and hydration) renders the desktop layout.\nconst MOBILE_QUERY = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`\n\nconst subscribeToMobile = (onChange: () => void) => {\n  const mql = window.matchMedia(MOBILE_QUERY)\n  mql.addEventListener(\"change\", onChange)\n  return () => mql.removeEventListener(\"change\", onChange)\n}\n\nconst getMobileSnapshot = () => window.matchMedia(MOBILE_QUERY).matches\nconst getServerMobileSnapshot = () => false\n\nfunction useIsMobile(): boolean {\n  return useSyncExternalStore(subscribeToMobile, getMobileSnapshot, getServerMobileSnapshot)\n}\n\n// Provider props\nexport type SidebarProviderProps = {\n  children: ReactNode\n  /**\n   * Default open state (uncontrolled)\n   * @default true\n   */\n  defaultOpen?: boolean\n  /**\n   * Controlled open state\n   */\n  open?: boolean\n  /**\n   * Callback when open state changes\n   */\n  onOpenChange?: (open: boolean) => void\n  /**\n   * Collapsible mode\n   * @default \"offcanvas\"\n   */\n  collapsible?: SidebarCollapsible\n  /**\n   * \"app\" is the shell of a product: a quiet rail, pill rows and on a phone a drawer under the page.\n   * @default \"sidebar\"\n   */\n  variant?: SidebarProviderVariant\n  /**\n   * Custom CSS properties for the sidebar\n   */\n  style?: React.CSSProperties\n  /**\n   * Additional class name\n   */\n  className?: string\n}\n\n// Provider component\nexport const SidebarProvider = ({\n  children,\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  collapsible = \"offcanvas\",\n  variant = \"sidebar\",\n  style,\n  className,\n}: SidebarProviderProps) => {\n  const isMobile = useIsMobile()\n  const [openMobile, setOpenMobile] = useState(false)\n\n  // Controlled vs uncontrolled state for desktop\n  const [_open, _setOpen] = useState(defaultOpen)\n  const open = openProp ?? _open\n\n  const setOpen = useCallback(\n    (value: boolean | ((prev: boolean) => boolean)) => {\n      const openState = typeof value === \"function\" ? value(open) : value\n\n      // Controlled only when `open` is passed; onOpenChange alone is a notification\n      if (openProp === undefined) {\n        _setOpen(openState)\n      }\n      setOpenProp?.(openState)\n\n      // Persist state in cookie for SSR\n      if (typeof document !== \"undefined\") {\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      }\n    },\n    [setOpenProp, openProp, open],\n  )\n\n  // Toggle function that handles both mobile and desktop\n  const toggleSidebar = useCallback(() => {\n    if (isMobile) {\n      setOpenMobile((prev) => !prev)\n    } else {\n      setOpen((prev) => !prev)\n    }\n  }, [isMobile, setOpen])\n\n  // Keyboard shortcut: Cmd/Ctrl + B\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // Skip if collapsible is \"none\"\n      if (collapsible === \"none\") return\n\n      // Don't trigger when focus is in an editable element (input, textarea, contenteditable)\n      const target = event.target as HTMLElement | null\n      if (target?.closest?.(\"input, textarea\") || target?.isContentEditable) return\n\n      // Check for Cmd (Mac) or Ctrl (Windows/Linux) + B\n      if (\n        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n        (event.metaKey || event.ctrlKey) &&\n        !event.altKey &&\n        !event.shiftKey\n      ) {\n        event.preventDefault()\n        toggleSidebar()\n      }\n    }\n\n    window.addEventListener(\"keydown\", handleKeyDown)\n    return () => window.removeEventListener(\"keydown\", handleKeyDown)\n  }, [toggleSidebar, collapsible])\n\n  // Close mobile menu on escape key\n  useEffect(() => {\n    if (!openMobile) return\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpenMobile(false)\n      }\n    }\n\n    window.addEventListener(\"keydown\", handleKeyDown)\n    return () => window.removeEventListener(\"keydown\", handleKeyDown)\n  }, [openMobile])\n\n  // Derive state from open boolean\n  const state: SidebarState = open ? \"expanded\" : \"collapsed\"\n\n  // Context value\n  const contextValue = useMemo<SidebarContextValue>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      openMobile,\n      setOpenMobile,\n      isMobile,\n      collapsible,\n      toggleSidebar,\n    }),\n    [state, open, setOpen, openMobile, isMobile, collapsible, toggleSidebar],\n  )\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <div\n        className={clsx(variant === \"app\" && s.App, className)}\n        style={\n          {\n            \"--sidebar-width\": variant === \"app\" ? SIDEBAR_WIDTH_APP : SIDEBAR_WIDTH,\n            \"--sidebar-width-mobile\": SIDEBAR_WIDTH_MOBILE,\n            \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n            ...style,\n          } as React.CSSProperties\n        }\n        data-sidebar={state}\n        data-mobile-menu={openMobile ? \"visible\" : \"hidden\"}\n        data-collapsible={collapsible}\n      >\n        {children}\n      </div>\n    </SidebarContext.Provider>\n  )\n}\n\n// Re-export constants for external use\nexport const SIDEBAR_CONSTANTS = {\n  WIDTH: SIDEBAR_WIDTH,\n  WIDTH_APP: SIDEBAR_WIDTH_APP,\n  WIDTH_MOBILE: SIDEBAR_WIDTH_MOBILE,\n  WIDTH_ICON: SIDEBAR_WIDTH_ICON,\n  KEYBOARD_SHORTCUT: SIDEBAR_KEYBOARD_SHORTCUT,\n  MOBILE_BREAKPOINT,\n  COOKIE_NAME: SIDEBAR_COOKIE_NAME,\n  COOKIE_MAX_AGE: SIDEBAR_COOKIE_MAX_AGE,\n} as const\n"]}

package/dist/types/components/Page/Page.d.ts

@@ -0,0 +1,82 @@
+import { type HTMLAttributes, type Ref } from "react";
+export type PageWidth = "full" | "wide" | "column";
+export type PageProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Width of the column that header and content share.
+     * - `"full"` — edge to edge, for tables (default)
+     * - `"wide"` — 1280px, centred, for overviews
+     * - `"column"` — 768px, centred, for settings and forms
+     *
+     * Set `--page-width` on the page for any other width.
+     * @default "full"
+     */
+    width?: PageWidth;
+    ref?: Ref<HTMLDivElement>;
+};
+declare function PageRoot({ width, className, children, ...restProps }: PageProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PageRoot {
+    var displayName: string;
+}
+export type PageHeaderProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Shows the line, and the glass on a phone, once the content has scrolled under the header.
+     * Turn it off when the content already draws a line of its own at that place.
+     * @default true
+     */
+    divider?: boolean;
+    ref?: Ref<HTMLDivElement>;
+};
+declare function PageHeader({ divider, className, children, ...restProps }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PageHeader {
+    var displayName: string;
+}
+export type PageSlotProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare function PageBar({ className, ...restProps }: PageSlotProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PageBar {
+    var displayName: string;
+}
+declare function PageHeading({ className, ...restProps }: PageSlotProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PageHeading {
+    var displayName: string;
+}
+declare function PageTitle({ className, ...restProps }: HTMLAttributes<HTMLHeadingElement> & {
+    ref?: Ref<HTMLHeadingElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace PageTitle {
+    var displayName: string;
+}
+declare function PageSubtitle({ className, ...restProps }: HTMLAttributes<HTMLParagraphElement> & {
+    ref?: Ref<HTMLParagraphElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace PageSubtitle {
+    var displayName: string;
+}
+declare function PageActions({ className, ...restProps }: PageSlotProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PageActions {
+    var displayName: string;
+}
+export type PageContentProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The content fills the page and scrolls inside itself, as a table does: the page stops
+     * scrolling from 768px up.
+     * @default false
+     */
+    fill?: boolean;
+    ref?: Ref<HTMLDivElement>;
+};
+declare function PageContent({ fill, className, children, onScroll, ...restProps }: PageContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PageContent {
+    var displayName: string;
+}
+export declare const Page: typeof PageRoot & {
+    Header: typeof PageHeader;
+    Bar: typeof PageBar;
+    Heading: typeof PageHeading;
+    Title: typeof PageTitle;
+    Subtitle: typeof PageSubtitle;
+    Actions: typeof PageActions;
+    Content: typeof PageContent;
+};
+export {};

package/dist/types/components/Page/index.d.ts

@@ -0,0 +1 @@
+export { Page, type PageContentProps, type PageHeaderProps, type PageProps, type PageSlotProps, type PageWidth, } from "./Page.js";

package/dist/types/components/Sidebar/Sidebar.d.ts

@@ -1,8 +1,8 @@
 import { type ComponentProps, type ReactNode } from "react";
 import { type InputProps } from "../Input/index.js";
-import { SidebarProvider, useSidebar, type SidebarCollapsible, type SidebarSide, type SidebarVariant } from "./useSidebarContext.js";
+import { SidebarProvider, useSidebar, type SidebarCollapsible, type SidebarSide, type SidebarProviderVariant, type SidebarVariant } from "./useSidebarContext.js";
 export { SidebarProvider, useSidebar };
-export type { SidebarCollapsible, SidebarSide, SidebarVariant };
+export type { SidebarCollapsible, SidebarProviderVariant, SidebarSide, SidebarVariant };
 export type SidebarProps = ComponentProps<"aside"> & {
     /**
      * The side the sidebar is on.

package/dist/types/components/Sidebar/index.d.ts

@@ -1,4 +1,4 @@
 export { Sidebar, SidebarCard, SidebarCardContent, SidebarCardFooter, SidebarCardHeader, SidebarCardTitle, SidebarCardTitleLink, SidebarContent, SidebarFooter, SidebarFooterLinks, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuButtonIcon, SidebarMenuButtonLabel, SidebarMenuChevron, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarMobile, SidebarMobileFooter, SidebarMobileHeader, SidebarMobileMenuButton, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, } from "./Sidebar.js";
-export type { SidebarCardContentProps, SidebarCardFooterProps, SidebarCardHeaderProps, SidebarCardProps, SidebarCardTitleLinkProps, SidebarCardTitleProps, SidebarCollapsible, SidebarContentProps, SidebarFooterLinksProps, SidebarFooterProps, SidebarGroupActionProps, SidebarGroupContentProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarInputProps, SidebarInsetProps, SidebarLayoutProps, SidebarMenuActionProps, SidebarMenuBadgeProps, SidebarMenuButtonIconProps, SidebarMenuButtonLabelProps, SidebarMenuButtonProps, SidebarMenuChevronProps, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeletonProps, SidebarMenuSubButtonProps, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarMobileFooterProps, SidebarMobileHeaderProps, SidebarMobileMenuButtonProps, SidebarMobileProps, SidebarProps, SidebarRailProps, SidebarSeparatorProps, SidebarSide, SidebarTriggerProps, SidebarVariant, } from "./Sidebar.js";
+export type { SidebarCardContentProps, SidebarCardFooterProps, SidebarCardHeaderProps, SidebarCardProps, SidebarCardTitleLinkProps, SidebarCardTitleProps, SidebarCollapsible, SidebarContentProps, SidebarFooterLinksProps, SidebarFooterProps, SidebarGroupActionProps, SidebarGroupContentProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarInputProps, SidebarInsetProps, SidebarLayoutProps, SidebarMenuActionProps, SidebarMenuBadgeProps, SidebarMenuButtonIconProps, SidebarMenuButtonLabelProps, SidebarMenuButtonProps, SidebarMenuChevronProps, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeletonProps, SidebarMenuSubButtonProps, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarMobileFooterProps, SidebarMobileHeaderProps, SidebarMobileMenuButtonProps, SidebarMobileProps, SidebarProps, SidebarRailProps, SidebarSeparatorProps, SidebarSide, SidebarTriggerProps, SidebarProviderVariant, SidebarVariant, } from "./Sidebar.js";
 export type { SidebarContextValue, SidebarProviderProps, SidebarState } from "./useSidebarContext.js";
 export { SIDEBAR_CONSTANTS } from "./useSidebarContext.js";

package/dist/types/components/Sidebar/useSidebarContext.d.ts

@@ -3,6 +3,7 @@ export type SidebarState = "expanded" | "collapsed";
 export type SidebarCollapsible = "offcanvas" | "icon" | "none";
 export type SidebarSide = "left" | "right";
 export type SidebarVariant = "sidebar" | "docs";
+export type SidebarProviderVariant = "sidebar" | "app";
 export type SidebarContextValue = {
     state: SidebarState;
     open: boolean;
@@ -34,6 +35,11 @@ export type SidebarProviderProps = {
      * @default "offcanvas"
      */
     collapsible?: SidebarCollapsible;
+    /**
+     * "app" is the shell of a product: a quiet rail, pill rows and on a phone a drawer under the page.
+     * @default "sidebar"
+     */
+    variant?: SidebarProviderVariant;
     /**
      * Custom CSS properties for the sidebar
      */
@@ -43,9 +49,10 @@ export type SidebarProviderProps = {
      */
     className?: string;
 };
-export declare const SidebarProvider: ({ children, defaultOpen, open: openProp, onOpenChange: setOpenProp, collapsible, style, className, }: SidebarProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidebarProvider: ({ children, defaultOpen, open: openProp, onOpenChange: setOpenProp, collapsible, variant, style, className, }: SidebarProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const SIDEBAR_CONSTANTS: {
     readonly WIDTH: "240px";
+    readonly WIDTH_APP: "260px";
     readonly WIDTH_MOBILE: "288px";
     readonly WIDTH_ICON: "64px";
     readonly KEYBOARD_SHORTCUT: "b";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plexui/ui",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Modern design system for building high-quality applications",
   "type": "module",
   "license": "MIT",