@tlglobal/ui 2.0.0

package/dist/chunk-OZR3RLEW.cjs

@@ -0,0 +1,526 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
+
+
+var _chunkXGCIOWNRcjs = require('./chunk-XGCIOWNR.cjs');
+
+
+var _chunkBYEEPZYOcjs = require('./chunk-BYEEPZYO.cjs');
+
+
+var _chunkNCYN3QQUcjs = require('./chunk-NCYN3QQU.cjs');
+
+
+var _chunkMRFK7JYScjs = require('./chunk-MRFK7JYS.cjs');
+
+
+var _chunk5LY7WFC2cjs = require('./chunk-5LY7WFC2.cjs');
+
+
+var _chunk5TOJI2VTcjs = require('./chunk-5TOJI2VT.cjs');
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/sidebar/Sidebar.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _radixui = require('radix-ui');
+var _icons = require('@tlglobal/icons');
+
+// src/components/sidebar/Sidebar.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var sidebarMenuButtonVariants = _classvarianceauthority.cva.call(void 0, 
+  [
+    "group/menu-button peer/menu-button relative flex w-full items-center gap-2 overflow-hidden rounded-md",
+    "px-2 py-2 text-left font-sans text-text-primary outline-none transition-colors",
+    "hover:bg-bg-surface-hover",
+    "focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "aria-disabled:pointer-events-none aria-disabled:opacity-50",
+    "data-[active=true]:bg-bg-surface-hover data-[active=true]:font-medium data-[active=true]:text-text-primary",
+    "[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0 [&>svg]:text-text-secondary",
+    "data-[active=true]:[&>svg]:text-text-primary",
+    // In the icon rail only the leading icon survives: the label collapses to zero width rather
+    // than unmounting, so expanding again doesn't re-run the consumer's render.
+    "group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0",
+    "group-data-[collapsible=icon]:[&>span]:hidden"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "",
+        outline: [
+          "bg-bg-page shadow-[0_0_0_1px_var(--border-default)]",
+          "hover:shadow-[0_0_0_1px_var(--border-strong)]"
+        ]
+      },
+      size: {
+        sm: "h-7 text-xs",
+        md: "h-8 text-sm",
+        lg: "h-12 text-sm"
+      }
+    },
+    defaultVariants: { variant: "default", size: "md" }
+  }
+);
+var sidebarMenuSubButtonVariants = _classvarianceauthority.cva.call(void 0, 
+  [
+    "relative flex h-7 w-full items-center gap-2 overflow-hidden rounded-md px-2",
+    "font-sans text-text-secondary outline-none transition-colors",
+    "hover:bg-bg-surface-hover hover:text-text-primary",
+    "focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+    "aria-disabled:pointer-events-none aria-disabled:opacity-50",
+    "data-[active=true]:bg-bg-surface-hover data-[active=true]:font-medium data-[active=true]:text-text-primary",
+    "[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0",
+    "[&>span]:truncate"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+
+// src/components/sidebar/Sidebar.jsx
+var _jsxruntime = require('react/jsx-runtime');
+var SIDEBAR_WIDTH = "16rem";
+var SIDEBAR_WIDTH_ICON = "3rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SidebarContext = _react.createContext.call(void 0, null);
+function useSidebar() {
+  const context = _react.useContext.call(void 0, SidebarContext);
+  if (!context) throw new Error("Sidebar parts must be used within Sidebar.Provider");
+  return context;
+}
+function useIsMobile(breakpoint) {
+  const [isMobile, setIsMobile] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    const query = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
+    const update = () => setIsMobile(query.matches);
+    update();
+    query.addEventListener("change", update);
+    return () => query.removeEventListener("change", update);
+  }, [breakpoint]);
+  return isMobile;
+}
+function Provider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange,
+  persistKey,
+  mobileBreakpoint = 768,
+  keyboardShortcut = "b",
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const isMobile = useIsMobile(mobileBreakpoint);
+  const [openMobile, setOpenMobile] = _react.useState.call(void 0, false);
+  const [uncontrolledOpen, setUncontrolledOpen] = _react.useState.call(void 0, defaultOpen);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : uncontrolledOpen;
+  const setOpen = _react.useCallback.call(void 0, 
+    (value) => {
+      const next = typeof value === "function" ? value(open) : value;
+      if (!isControlled) setUncontrolledOpen(next);
+      onOpenChange == null ? void 0 : onOpenChange(next);
+      if (persistKey) {
+        try {
+          window.localStorage.setItem(persistKey, String(next));
+        } catch (e) {
+        }
+      }
+    },
+    [open, isControlled, onOpenChange, persistKey]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (!persistKey || isControlled) return;
+    try {
+      const stored = window.localStorage.getItem(persistKey);
+      if (stored !== null) setUncontrolledOpen(stored === "true");
+    } catch (e2) {
+    }
+  }, [persistKey, isControlled]);
+  const toggleSidebar = _react.useCallback.call(void 0, () => {
+    if (isMobile) setOpenMobile((value) => !value);
+    else setOpen((value) => !value);
+  }, [isMobile, setOpen]);
+  _react.useEffect.call(void 0, () => {
+    if (!keyboardShortcut) return void 0;
+    const onKeyDown = (event) => {
+      if (event.key.toLowerCase() !== keyboardShortcut.toLowerCase()) return;
+      if (!event.metaKey && !event.ctrlKey) return;
+      event.preventDefault();
+      toggleSidebar();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [keyboardShortcut, toggleSidebar]);
+  const state = open ? "expanded" : "collapsed";
+  const context = _react.useMemo.call(void 0, 
+    () => ({ state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar }),
+    [state, open, setOpen, openMobile, isMobile, toggleSidebar]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SidebarContext.Provider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "sidebar-wrapper",
+      style: {
+        "--sidebar-width": SIDEBAR_WIDTH,
+        "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+        "--sidebar-width-mobile": SIDEBAR_WIDTH_MOBILE,
+        ...style
+      },
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "group/sidebar-wrapper flex min-h-svh w-full font-sans", className),
+      ...props,
+      children
+    }
+  ) });
+}
+function Root({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  mobileTitle = "Sidebar",
+  className,
+  children,
+  ...props
+}) {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  const detached = variant === "floating" || variant === "inset";
+  if (collapsible === "none") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        "data-sidebar": "root",
+        className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex h-full w-[var(--sidebar-width)] flex-col bg-bg-surface", className),
+        ...props,
+        children
+      }
+    );
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNCYN3QQUcjs.Sheet.Root, { open: openMobile, onOpenChange: setOpenMobile, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunkNCYN3QQUcjs.Sheet.Content,
+      {
+        side,
+        "data-sidebar": "root",
+        "data-mobile": "true",
+        className: _chunkNSTYHMFWcjs.cn.call(void 0, "w-[var(--sidebar-width-mobile)] gap-0 bg-bg-surface p-0", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNCYN3QQUcjs.Sheet.Title, { className: "sr-only", children: mobileTitle }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full w-full flex-col", children })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: "group peer hidden md:block",
+      "data-sidebar": "wrapper",
+      "data-state": state,
+      "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-variant": variant,
+      "data-side": side,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            "aria-hidden": "true",
+            className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+              "relative h-svh w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200 ease-linear",
+              "group-data-[collapsible=offcanvas]:w-0",
+              detached ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]" : "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]"
+            )
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            "data-sidebar": "root",
+            className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+              "fixed inset-y-0 z-30 hidden h-svh w-[var(--sidebar-width)] md:flex",
+              "transition-[left,right,width] duration-200 ease-linear",
+              side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+              detached ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]" : "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]",
+              !detached && (side === "left" ? "border-r border-border-default" : "border-l border-border-default"),
+              className
+            ),
+            ...props,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                "data-sidebar": "panel",
+                className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+                  "relative flex h-full w-full flex-col overflow-hidden bg-bg-surface",
+                  detached && "rounded-lg border border-border-default shadow-sm"
+                ),
+                children
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function Inset({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "main",
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "relative flex min-h-svh flex-1 flex-col bg-bg-page",
+        "peer-data-[variant=inset]:m-2 peer-data-[variant=inset]:min-h-[calc(100svh-1rem)]",
+        "peer-data-[variant=inset]:rounded-xl peer-data-[variant=inset]:border peer-data-[variant=inset]:border-border-default",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var Trigger = _react2.default.forwardRef(function Trigger2({ className, onClick, ...props }, ref) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk5TOJI2VTcjs.IconButton,
+    {
+      ref,
+      variant: "ghost",
+      size: "sm",
+      "aria-label": "Toggle sidebar",
+      icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.PanelLeft, { size: 16 }),
+      onClick: (event) => {
+        onClick == null ? void 0 : onClick(event);
+        toggleSidebar();
+      },
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "shrink-0", className),
+      ...props
+    }
+  );
+});
+function Rail({ className, ...props }) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      tabIndex: -1,
+      "aria-hidden": "true",
+      title: "Toggle sidebar",
+      "data-sidebar": "rail",
+      onClick: toggleSidebar,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "absolute inset-y-0 z-20 hidden w-4 cursor-pointer transition-colors sm:block",
+        "after:absolute after:inset-y-0 after:left-1/2 after:w-px after:-translate-x-1/2",
+        "hover:after:bg-border-strong",
+        "group-data-[side=left]:right-0 group-data-[side=right]:left-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Header({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-sidebar": "header", className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex flex-col gap-2 p-2", className), ...props });
+}
+function Footer({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-sidebar": "footer", className: _chunkNSTYHMFWcjs.cn.call(void 0, "mt-auto flex flex-col gap-2 p-2", className), ...props });
+}
+function Content({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-sidebar": "content",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto",
+        "group-data-[collapsible=icon]:overflow-hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarSeparator({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBYEEPZYOcjs.Separator, { "data-sidebar": "separator", className: _chunkNSTYHMFWcjs.cn.call(void 0, "mx-2 w-auto", className), ...props });
+}
+function SidebarInput({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5LY7WFC2cjs.Input, { "data-sidebar": "input", className: _chunkNSTYHMFWcjs.cn.call(void 0, "h-8 w-full bg-bg-page", className), ...props });
+}
+function Group({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-sidebar": "group", className: _chunkNSTYHMFWcjs.cn.call(void 0, "relative flex w-full min-w-0 flex-col p-2", className), ...props });
+}
+function GroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-sidebar": "group-label",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-text-secondary",
+        "transition-[margin,opacity] duration-200 ease-linear",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function GroupAction({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      "data-sidebar": "group-action",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "absolute right-3 top-3.5 flex h-5 w-5 items-center justify-center rounded-md",
+        "text-text-secondary outline-none transition-colors",
+        "hover:bg-bg-surface-hover hover:text-text-primary",
+        "focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+        "[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function GroupContent({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-sidebar": "group-content", className: _chunkNSTYHMFWcjs.cn.call(void 0, "w-full text-sm", className), ...props });
+}
+function Menu({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { "data-sidebar": "menu", className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex w-full min-w-0 flex-col gap-1", className), ...props });
+}
+function MenuItem({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-sidebar": "menu-item", className: _chunkNSTYHMFWcjs.cn.call(void 0, "group/menu-item relative", className), ...props });
+}
+var MenuButton = _react2.default.forwardRef(function MenuButton2({ asChild = false, isActive = false, variant, size, tooltip, className, ...props }, ref) {
+  const { state, isMobile } = useSidebar();
+  const Comp = asChild ? _radixui.Slot.Root : "button";
+  const button = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      ref,
+      type: asChild ? void 0 : "button",
+      "data-sidebar": "menu-button",
+      "data-active": isActive,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, sidebarMenuButtonVariants({ variant, size }), className),
+      ...props
+    }
+  );
+  if (!tooltip || state !== "collapsed" || isMobile) return button;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXGCIOWNRcjs.Tooltip, { label: tooltip, side: "right", children: button });
+});
+function MenuAction({ className, showOnHover = false, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      "data-sidebar": "menu-action",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "absolute right-1 top-1/2 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded-md",
+        "text-text-secondary outline-none transition-colors",
+        "hover:bg-bg-surface-hover hover:text-text-primary",
+        "focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+        "[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover && "opacity-0 focus-within:opacity-100 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenuBadge({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-sidebar": "menu-badge",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "pointer-events-none absolute right-2 top-1/2 flex h-5 min-w-5 -translate-y-1/2 select-none",
+        "items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-text-secondary",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenuSkeleton({ showIcon = false, width = "70%", className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      "data-sidebar": "menu-skeleton",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex h-8 items-center gap-2 rounded-md px-2", className),
+      ...props,
+      children: [
+        showIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMRFK7JYScjs.Skeleton, { className: "h-4 w-4 shrink-0 rounded-sm" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMRFK7JYScjs.Skeleton, { className: "h-4 max-w-full flex-1", style: { width } })
+      ]
+    }
+  );
+}
+function MenuSub({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "ul",
+    {
+      "data-sidebar": "menu-sub",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "mx-3.5 flex min-w-0 flex-col gap-1 border-l border-border-default px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenuSubItem({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-sidebar": "menu-sub-item", className: _chunkNSTYHMFWcjs.cn.call(void 0, "group/menu-sub-item relative", className), ...props });
+}
+var MenuSubButton = _react2.default.forwardRef(function MenuSubButton2({ asChild = false, isActive = false, size, className, ...props }, ref) {
+  const Comp = asChild ? _radixui.Slot.Root : "a";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      ref,
+      "data-sidebar": "menu-sub-button",
+      "data-active": isActive,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, sidebarMenuSubButtonVariants({ size }), className),
+      ...props
+    }
+  );
+});
+var Sidebar = {
+  Provider,
+  Root,
+  Inset,
+  Trigger,
+  Rail,
+  Header,
+  Footer,
+  Content,
+  Separator: SidebarSeparator,
+  Input: SidebarInput,
+  Group,
+  GroupLabel,
+  GroupAction,
+  GroupContent,
+  Menu,
+  MenuItem,
+  MenuButton,
+  MenuAction,
+  MenuBadge,
+  MenuSkeleton,
+  MenuSub,
+  MenuSubItem,
+  MenuSubButton
+};
+
+
+
+
+exports.useSidebar = useSidebar; exports.Sidebar = Sidebar;
+//# sourceMappingURL=chunk-OZR3RLEW.cjs.map

package/dist/chunk-OZR3RLEW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-OZR3RLEW.cjs","../src/components/sidebar/Sidebar.jsx","../src/components/sidebar/Sidebar.variants.js"],"names":["Trigger","MenuButton","MenuSubButton"],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-OZR3RLEW.cjs","sourcesContent":[null,"import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from \"react\";\nimport { Slot } from \"radix-ui\";\nimport { PanelLeft } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { IconButton } from \"../icon-button/IconButton.jsx\";\nimport { Input } from \"../input/Input.jsx\";\nimport { Separator as BaseSeparator } from \"../separator/Separator.jsx\";\nimport { Sheet } from \"../sheet/Sheet.jsx\";\nimport { Skeleton } from \"../skeleton/Skeleton.jsx\";\nimport { Tooltip } from \"../tooltip/Tooltip.jsx\";\nimport { sidebarMenuButtonVariants, sidebarMenuSubButtonVariants } from \"./Sidebar.variants.js\";\n\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\n\nconst SidebarContext = createContext(null);\n\nexport function useSidebar() {\n  const context = useContext(SidebarContext);\n  if (!context) throw new Error(\"Sidebar parts must be used within Sidebar.Provider\");\n  return context;\n}\n\n/*\n * Starts false so the first render matches what a server would produce, then corrects on mount.\n * The desktop panel is `hidden md:block` in CSS anyway, so the pre-hydration frame is already\n * correct at both sizes — this hook only drives *which tree* renders (fixed panel vs. Sheet).\n */\nfunction useIsMobile(breakpoint) {\n  const [isMobile, setIsMobile] = useState(false);\n\n  useEffect(() => {\n    const query = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);\n    const update = () => setIsMobile(query.matches);\n    update();\n    query.addEventListener(\"change\", update);\n    return () => query.removeEventListener(\"change\", update);\n  }, [breakpoint]);\n\n  return isMobile;\n}\n\nfunction Provider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange,\n  persistKey,\n  mobileBreakpoint = 768,\n  keyboardShortcut = \"b\",\n  className,\n  style,\n  children,\n  ...props\n}) {\n  const isMobile = useIsMobile(mobileBreakpoint);\n  const [openMobile, setOpenMobile] = useState(false);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (value) => {\n      const next = typeof value === \"function\" ? value(open) : value;\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n      if (persistKey) {\n        // Storage throws in Safari private mode and when cookies/storage are blocked outright;\n        // persistence is a nicety, so a failure here must never take the sidebar down with it.\n        try {\n          window.localStorage.setItem(persistKey, String(next));\n        } catch {\n          /* ignore */\n        }\n      }\n    },\n    [open, isControlled, onOpenChange, persistKey],\n  );\n\n  /*\n   * Rehydrate after mount rather than in the useState initializer: reading localStorage during\n   * render would produce server/client markup that disagrees and blow up hydration. The cost is\n   * one corrective frame — SSR apps that care should read their own cookie and pass `defaultOpen`.\n   */\n  useEffect(() => {\n    if (!persistKey || isControlled) return;\n    try {\n      const stored = window.localStorage.getItem(persistKey);\n      if (stored !== null) setUncontrolledOpen(stored === \"true\");\n    } catch {\n      /* ignore */\n    }\n  }, [persistKey, isControlled]);\n\n  const toggleSidebar = useCallback(() => {\n    if (isMobile) setOpenMobile((value) => !value);\n    else setOpen((value) => !value);\n  }, [isMobile, setOpen]);\n\n  useEffect(() => {\n    if (!keyboardShortcut) return undefined;\n    const onKeyDown = (event) => {\n      if (event.key.toLowerCase() !== keyboardShortcut.toLowerCase()) return;\n      if (!event.metaKey && !event.ctrlKey) return;\n      event.preventDefault();\n      toggleSidebar();\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [keyboardShortcut, toggleSidebar]);\n\n  const state = open ? \"expanded\" : \"collapsed\";\n\n  const context = useMemo(\n    () => ({ state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar }),\n    [state, open, setOpen, openMobile, isMobile, toggleSidebar],\n  );\n\n  return (\n    <SidebarContext.Provider value={context}>\n      <div\n        data-slot=\"sidebar-wrapper\"\n        style={{\n          \"--sidebar-width\": SIDEBAR_WIDTH,\n          \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n          \"--sidebar-width-mobile\": SIDEBAR_WIDTH_MOBILE,\n          ...style,\n        }}\n        className={cn(\"group/sidebar-wrapper flex min-h-svh w-full font-sans\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext.Provider>\n  );\n}\n\nfunction Root({\n  side = \"left\",\n  variant = \"sidebar\",\n  collapsible = \"offcanvas\",\n  mobileTitle = \"Sidebar\",\n  className,\n  children,\n  ...props\n}) {\n  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n  const detached = variant === \"floating\" || variant === \"inset\";\n\n  if (collapsible === \"none\") {\n    return (\n      <div\n        data-sidebar=\"root\"\n        className={cn(\"flex h-full w-[var(--sidebar-width)] flex-col bg-bg-surface\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet.Root open={openMobile} onOpenChange={setOpenMobile}>\n        <Sheet.Content\n          side={side}\n          data-sidebar=\"root\"\n          data-mobile=\"true\"\n          className={cn(\"w-[var(--sidebar-width-mobile)] gap-0 bg-bg-surface p-0\", className)}\n          {...props}\n        >\n          <Sheet.Title className=\"sr-only\">{mobileTitle}</Sheet.Title>\n          <div className=\"flex h-full w-full flex-col\">{children}</div>\n        </Sheet.Content>\n      </Sheet.Root>\n    );\n  }\n\n  /*\n   * Two elements, deliberately: the first is an inert spacer that occupies the sidebar's width in\n   * normal flow so Sidebar.Inset lays out beside it, and the second is the fixed panel the user\n   * actually sees. Collapsing animates both — the spacer's width and the panel's offset — which is\n   * what lets the main content reflow in step with the panel sliding away, without either element\n   * needing to know about the other.\n   */\n  return (\n    <div\n      className=\"group peer hidden md:block\"\n      data-sidebar=\"wrapper\"\n      data-state={state}\n      data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n      data-variant={variant}\n      data-side={side}\n    >\n      <div\n        aria-hidden=\"true\"\n        className={cn(\n          \"relative h-svh w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200 ease-linear\",\n          \"group-data-[collapsible=offcanvas]:w-0\",\n          detached\n            ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]\"\n            : \"group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]\",\n        )}\n      />\n      <div\n        data-sidebar=\"root\"\n        className={cn(\n          \"fixed inset-y-0 z-30 hidden h-svh w-[var(--sidebar-width)] md:flex\",\n          \"transition-[left,right,width] duration-200 ease-linear\",\n          side === \"left\"\n            ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n            : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n          detached\n            ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]\"\n            : \"group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]\",\n          !detached && (side === \"left\" ? \"border-r border-border-default\" : \"border-l border-border-default\"),\n          className,\n        )}\n        {...props}\n      >\n        <div\n          data-sidebar=\"panel\"\n          className={cn(\n            \"relative flex h-full w-full flex-col overflow-hidden bg-bg-surface\",\n            detached && \"rounded-lg border border-border-default shadow-sm\",\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction Inset({ className, ...props }) {\n  return (\n    <main\n      className={cn(\n        \"relative flex min-h-svh flex-1 flex-col bg-bg-page\",\n        \"peer-data-[variant=inset]:m-2 peer-data-[variant=inset]:min-h-[calc(100svh-1rem)]\",\n        \"peer-data-[variant=inset]:rounded-xl peer-data-[variant=inset]:border peer-data-[variant=inset]:border-border-default\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst Trigger = React.forwardRef(function Trigger({ className, onClick, ...props }, ref) {\n  const { toggleSidebar } = useSidebar();\n  return (\n    <IconButton\n      ref={ref}\n      variant=\"ghost\"\n      size=\"sm\"\n      aria-label=\"Toggle sidebar\"\n      icon={<PanelLeft size={16} />}\n      onClick={(event) => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      className={cn(\"shrink-0\", className)}\n      {...props}\n    />\n  );\n});\n\n/*\n * The hit strip along the panel's outer edge. tabIndex={-1} is deliberate: Sidebar.Trigger is the\n * keyboard-and-screen-reader path, and exposing a second focusable control that does exactly the\n * same thing just adds a stop to the tab order for no benefit. aria-hidden matches that intent.\n */\nfunction Rail({ className, ...props }) {\n  const { toggleSidebar } = useSidebar();\n  return (\n    <button\n      type=\"button\"\n      tabIndex={-1}\n      aria-hidden=\"true\"\n      title=\"Toggle sidebar\"\n      data-sidebar=\"rail\"\n      onClick={toggleSidebar}\n      className={cn(\n        \"absolute inset-y-0 z-20 hidden w-4 cursor-pointer transition-colors sm:block\",\n        \"after:absolute after:inset-y-0 after:left-1/2 after:w-px after:-translate-x-1/2\",\n        \"hover:after:bg-border-strong\",\n        \"group-data-[side=left]:right-0 group-data-[side=right]:left-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Header({ className, ...props }) {\n  return <div data-sidebar=\"header\" className={cn(\"flex flex-col gap-2 p-2\", className)} {...props} />;\n}\n\nfunction Footer({ className, ...props }) {\n  return <div data-sidebar=\"footer\" className={cn(\"mt-auto flex flex-col gap-2 p-2\", className)} {...props} />;\n}\n\nfunction Content({ className, ...props }) {\n  return (\n    <div\n      data-sidebar=\"content\"\n      className={cn(\n        \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto\",\n        \"group-data-[collapsible=icon]:overflow-hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarSeparator({ className, ...props }) {\n  return <BaseSeparator data-sidebar=\"separator\" className={cn(\"mx-2 w-auto\", className)} {...props} />;\n}\n\nfunction SidebarInput({ className, ...props }) {\n  return <Input data-sidebar=\"input\" className={cn(\"h-8 w-full bg-bg-page\", className)} {...props} />;\n}\n\nfunction Group({ className, ...props }) {\n  return (\n    <div data-sidebar=\"group\" className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)} {...props} />\n  );\n}\n\n/*\n * Collapses upward into the group above it rather than disappearing outright — the negative margin\n * plus opacity keeps the transition continuous, where `hidden` would snap the whole menu up a row.\n */\nfunction GroupLabel({ className, ...props }) {\n  return (\n    <div\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-text-secondary\",\n        \"transition-[margin,opacity] duration-200 ease-linear\",\n        \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction GroupAction({ className, ...props }) {\n  return (\n    <button\n      type=\"button\"\n      data-sidebar=\"group-action\"\n      className={cn(\n        \"absolute right-3 top-3.5 flex h-5 w-5 items-center justify-center rounded-md\",\n        \"text-text-secondary outline-none transition-colors\",\n        \"hover:bg-bg-surface-hover hover:text-text-primary\",\n        \"focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        \"[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction GroupContent({ className, ...props }) {\n  return <div data-sidebar=\"group-content\" className={cn(\"w-full text-sm\", className)} {...props} />;\n}\n\nfunction Menu({ className, ...props }) {\n  return <ul data-sidebar=\"menu\" className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)} {...props} />;\n}\n\nfunction MenuItem({ className, ...props }) {\n  return <li data-sidebar=\"menu-item\" className={cn(\"group/menu-item relative\", className)} {...props} />;\n}\n\nconst MenuButton = React.forwardRef(function MenuButton(\n  { asChild = false, isActive = false, variant, size, tooltip, className, ...props },\n  ref,\n) {\n  const { state, isMobile } = useSidebar();\n  const Comp = asChild ? Slot.Root : \"button\";\n\n  const button = (\n    <Comp\n      ref={ref}\n      type={asChild ? undefined : \"button\"}\n      data-sidebar=\"menu-button\"\n      data-active={isActive}\n      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n\n  // Only worth mounting once the label is actually hidden — the mobile panel is full-width, so\n  // there's nothing a tooltip could reveal there.\n  if (!tooltip || state !== \"collapsed\" || isMobile) return button;\n\n  return (\n    <Tooltip label={tooltip} side=\"right\">\n      {button}\n    </Tooltip>\n  );\n});\n\nfunction MenuAction({ className, showOnHover = false, ...props }) {\n  return (\n    <button\n      type=\"button\"\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"absolute right-1 top-1/2 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded-md\",\n        \"text-text-secondary outline-none transition-colors\",\n        \"hover:bg-bg-surface-hover hover:text-text-primary\",\n        \"focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        \"[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n          \"opacity-0 focus-within:opacity-100 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenuBadge({ className, ...props }) {\n  return (\n    <div\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        \"pointer-events-none absolute right-2 top-1/2 flex h-5 min-w-5 -translate-y-1/2 select-none\",\n        \"items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-text-secondary\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/*\n * `width` is a prop rather than the randomised value shadcn uses, so a page of skeletons renders\n * identically every time — otherwise visual-regression snapshots would diff on every run.\n */\nfunction MenuSkeleton({ showIcon = false, width = \"70%\", className, ...props }) {\n  return (\n    <div\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      {...props}\n    >\n      {showIcon && <Skeleton className=\"h-4 w-4 shrink-0 rounded-sm\" />}\n      <Skeleton className=\"h-4 max-w-full flex-1\" style={{ width }} />\n    </div>\n  );\n}\n\nfunction MenuSub({ className, ...props }) {\n  return (\n    <ul\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        \"mx-3.5 flex min-w-0 flex-col gap-1 border-l border-border-default px-2.5 py-0.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenuSubItem({ className, ...props }) {\n  return <li data-sidebar=\"menu-sub-item\" className={cn(\"group/menu-sub-item relative\", className)} {...props} />;\n}\n\nconst MenuSubButton = React.forwardRef(function MenuSubButton(\n  { asChild = false, isActive = false, size, className, ...props },\n  ref,\n) {\n  const Comp = asChild ? Slot.Root : \"a\";\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-active={isActive}\n      className={cn(sidebarMenuSubButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n});\n\nexport const Sidebar = {\n  Provider,\n  Root,\n  Inset,\n  Trigger,\n  Rail,\n  Header,\n  Footer,\n  Content,\n  Separator: SidebarSeparator,\n  Input: SidebarInput,\n  Group,\n  GroupLabel,\n  GroupAction,\n  GroupContent,\n  Menu,\n  MenuItem,\n  MenuButton,\n  MenuAction,\n  MenuBadge,\n  MenuSkeleton,\n  MenuSub,\n  MenuSubItem,\n  MenuSubButton,\n};\n","import { cva } from \"class-variance-authority\";\n\n/*\n * The `group-data-[collapsible=icon]:` variants throughout this file key off the data attributes\n * set by Sidebar.Root's outer wrapper — that's how every nested part knows the rail has collapsed\n * without each one subscribing to context. Anything that should vanish in the icon rail (labels,\n * badges, actions, sub-menus) hides itself here rather than being conditionally rendered, so the\n * collapse stays a pure CSS transition with no remount.\n */\nexport const sidebarMenuButtonVariants = cva(\n  [\n    \"group/menu-button peer/menu-button relative flex w-full items-center gap-2 overflow-hidden rounded-md\",\n    \"px-2 py-2 text-left font-sans text-text-primary outline-none transition-colors\",\n    \"hover:bg-bg-surface-hover\",\n    \"focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n    \"data-[active=true]:bg-bg-surface-hover data-[active=true]:font-medium data-[active=true]:text-text-primary\",\n    \"[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0 [&>svg]:text-text-secondary\",\n    \"data-[active=true]:[&>svg]:text-text-primary\",\n    // In the icon rail only the leading icon survives: the label collapses to zero width rather\n    // than unmounting, so expanding again doesn't re-run the consumer's render.\n    \"group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0\",\n    \"group-data-[collapsible=icon]:[&>span]:hidden\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        outline: [\n          \"bg-bg-page shadow-[0_0_0_1px_var(--border-default)]\",\n          \"hover:shadow-[0_0_0_1px_var(--border-strong)]\",\n        ],\n      },\n      size: {\n        sm: \"h-7 text-xs\",\n        md: \"h-8 text-sm\",\n        lg: \"h-12 text-sm\",\n      },\n    },\n    defaultVariants: { variant: \"default\", size: \"md\" },\n  },\n);\n\nexport const sidebarMenuSubButtonVariants = cva(\n  [\n    \"relative flex h-7 w-full items-center gap-2 overflow-hidden rounded-md px-2\",\n    \"font-sans text-text-secondary outline-none transition-colors\",\n    \"hover:bg-bg-surface-hover hover:text-text-primary\",\n    \"focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n    \"aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n    \"data-[active=true]:bg-bg-surface-hover data-[active=true]:font-medium data-[active=true]:text-text-primary\",\n    \"[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0\",\n    \"[&>span]:truncate\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n"]}