@ploykit/ui 0.1.1 → 0.2.0

package/dist/components/ui/sidebar.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { mergeProps } from "@base-ui/react/merge-props";
@@ -5,8 +6,8 @@ import { useRender } from "@base-ui/react/use-render";
 import { cva } from "class-variance-authority";
 import { cn } from "../../lib/utils";
 import { useIsMobile } from "../../hooks/use-mobile";
-import { Button } from "./Button";
-import { Input } from "./Input";
+import { Button } from "./button";
+import { Input } from "./input";
 import { Separator } from "./separator";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from "./sheet";
 import { Skeleton } from "./skeleton";
@@ -18,16 +19,6 @@ const SIDEBAR_WIDTH = "16rem";
 const SIDEBAR_WIDTH_MOBILE = "18rem";
 const SIDEBAR_WIDTH_ICON = "3rem";
 const SIDEBAR_KEYBOARD_SHORTCUT = "b";
-function readSidebarCookie() {
-    if (typeof document === "undefined")
-        return undefined;
-    const match = document.cookie
-        .split("; ")
-        .find((row) => row.startsWith(`${SIDEBAR_COOKIE_NAME}=`));
-    if (!match)
-        return undefined;
-    return match.split("=")[1] === "false" ? false : true;
-}
 const SidebarContext = React.createContext(null);
 function useSidebar() {
     const context = React.useContext(SidebarContext);
@@ -36,14 +27,12 @@ function useSidebar() {
     }
     return context;
 }
-function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
+function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
     const isMobile = useIsMobile();
     const [openMobile, setOpenMobile] = React.useState(false);
-    const [_open, _setOpen] = React.useState(() => {
-        if (defaultOpen !== undefined)
-            return defaultOpen;
-        return readSidebarCookie() ?? true;
-    });
+    // This is the internal state of the sidebar.
+    // We use openProp and setOpenProp for control from outside the component.
+    const [_open, _setOpen] = React.useState(defaultOpen);
     const open = openProp ?? _open;
     const setOpen = React.useCallback((value) => {
         const openState = typeof value === "function" ? value(open) : value;
@@ -53,21 +42,18 @@ function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenPro
         else {
             _setOpen(openState);
         }
+        // This sets the cookie to keep the sidebar state.
         document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
     }, [setOpenProp, open]);
+    // Helper to toggle the sidebar.
     const toggleSidebar = React.useCallback(() => {
         return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
     }, [isMobile, setOpen, setOpenMobile]);
+    // Adds a keyboard shortcut to toggle the sidebar.
     React.useEffect(() => {
         const handleKeyDown = (event) => {
             if (event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
                 (event.metaKey || event.ctrlKey)) {
-                const target = event.target;
-                if (target?.isContentEditable ||
-                    (target && typeof target.matches === "function" &&
-                        target.matches("input, textarea, select"))) {
-                    return;
-                }
                 event.preventDefault();
                 toggleSidebar();
             }
@@ -75,6 +61,8 @@ function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenPro
         window.addEventListener("keydown", handleKeyDown);
         return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
+    // We add a state so that we can do data-state="expanded" or "collapsed".
+    // This makes it easier to style the sidebar with Tailwind classes.
     const state = open ? "expanded" : "collapsed";
     const contextValue = React.useMemo(() => ({
         state,
@@ -101,25 +89,27 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
                     "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
                 }, side: side, children: [_jsxs(SheetHeader, { className: "sr-only", children: [_jsx(SheetTitle, { children: "Sidebar" }), _jsx(SheetDescription, { children: "Displays the mobile sidebar." })] }), _jsx("div", { className: "flex h-full w-full flex-col", children: children })] }) }));
     }
-    return (_jsxs("div", { className: "group peer hidden text-sidebar-foreground md:block", "data-collapsible": state === "collapsed" ? collapsible : "", "data-variant": variant, "data-side": side, "data-slot": "sidebar", children: [_jsx("div", { "data-slot": "sidebar-gap", className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset"
+    return (_jsxs("div", { className: "group peer hidden text-sidebar-foreground md:block", "data-state": state, "data-collapsible": state === "collapsed" ? collapsible : "", "data-variant": variant, "data-side": side, "data-slot": "sidebar", children: [_jsx("div", { "data-slot": "sidebar-gap", className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset"
                     ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
-                    : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)") }), _jsx("div", { "data-slot": "sidebar-container", "data-side": side, className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex", variant === "floating" || variant === "inset"
+                    : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)") }), _jsx("div", { "data-slot": "sidebar-container", "data-side": side, className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex", 
+                // Adjust the padding for floating and inset variants.
+                variant === "floating" || variant === "inset"
                     ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
                     : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className), ...props, children: _jsx("div", { "data-sidebar": "sidebar", "data-slot": "sidebar-inner", className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border", children: children }) })] }));
 }
 function SidebarTrigger({ className, onClick, ...props }) {
     const { toggleSidebar } = useSidebar();
-    return (_jsxs(Button, { "data-sidebar": "trigger", "data-slot": "sidebar-trigger", variant: "ghost", size: "iconSm", className: cn(className), onClick: (event) => {
+    return (_jsxs(Button, { "data-sidebar": "trigger", "data-slot": "sidebar-trigger", variant: "ghost", size: "icon-sm", className: cn(className), onClick: (event) => {
             onClick?.(event);
             toggleSidebar();
         }, ...props, children: [_jsx(PanelLeftIcon, {}), _jsx("span", { className: "sr-only", children: "Toggle Sidebar" })] }));
 }
 function SidebarRail({ className, ...props }) {
     const { toggleSidebar } = useSidebar();
-    return (_jsx("button", { "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn("absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-collapsible=icon]_&]:cursor-e-resize [[data-side=left][data-collapsible=offcanvas]_&]:cursor-e-resize [[data-side=right][data-collapsible=icon]_&]:cursor-w-resize [[data-side=right][data-collapsible=offcanvas]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className), ...props }));
+    return (_jsx("button", { "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn("absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className), ...props }));
 }
 function SidebarInset({ className, ...props }) {
-    return (_jsx("main", { "data-slot": "sidebar-inset", className: cn("relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[collapsible=icon]:ml-2 md:peer-data-[variant=inset]:peer-data-[collapsible=offcanvas]:ml-2", className), ...props }));
+    return (_jsx("main", { "data-slot": "sidebar-inset", className: cn("relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className), ...props }));
 }
 function SidebarInput({ className, ...props }) {
     return (_jsx(Input, { "data-slot": "sidebar-input", "data-sidebar": "input", className: cn("h-8 w-full bg-background shadow-none", className), ...props }));
@@ -134,7 +124,7 @@ function SidebarSeparator({ className, ...props }) {
     return (_jsx(Separator, { "data-slot": "sidebar-separator", "data-sidebar": "separator", className: cn("mx-2 w-auto bg-sidebar-border", className), ...props }));
 }
 function SidebarContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "sidebar-content", "data-sidebar": "content", className: cn("no-scrollbar flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className), ...props }));
+    return (_jsx("div", { "data-slot": "sidebar-content", "data-sidebar": "content", className: cn("no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className), ...props }));
 }
 function SidebarGroup({ className, ...props }) {
     return (_jsx("div", { "data-slot": "sidebar-group", "data-sidebar": "group", className: cn("relative flex w-full min-w-0 flex-col p-2", className), ...props }));
@@ -169,7 +159,7 @@ function SidebarGroupContent({ className, ...props }) {
     return (_jsx("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props }));
 }
 function SidebarMenu({ className, ...props }) {
-    return (_jsx("ul", { "data-slot": "sidebar-menu", "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
+    return (_jsx("ul", { "data-slot": "sidebar-menu", "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-0", className), ...props }));
 }
 function SidebarMenuItem({ className, ...props }) {
     return (_jsx("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
@@ -234,9 +224,10 @@ function SidebarMenuBadge({ className, ...props }) {
     return (_jsx("div", { "data-slot": "sidebar-menu-badge", "data-sidebar": "menu-badge", className: cn("pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground", className), ...props }));
 }
 function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
-    const id = React.useId();
-    const SKELETON_WIDTHS = ["50%", "58%", "66%", "74%", "82%", "90%"];
-    const width = SKELETON_WIDTHS[Math.abs(Array.from(id).reduce((acc, ch) => (acc * 31 + ch.charCodeAt(0)) | 0, 7)) % SKELETON_WIDTHS.length];
+    // Random width between 50 to 90%.
+    const [width] = React.useState(() => {
+        return `${Math.floor(Math.random() * 40) + 50}%`;
+    });
     return (_jsxs("div", { "data-slot": "sidebar-menu-skeleton", "data-sidebar": "menu-skeleton", className: cn("flex h-8 items-center gap-2 rounded-md px-2", className), ...props, children: [showIcon && (_jsx(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" })), _jsx(Skeleton, { className: "h-4 max-w-(--skeleton-width) flex-1", "data-sidebar": "menu-skeleton-text", style: {
                     "--skeleton-width": width,
                 } })] }));

package/dist/components/ui/skeleton.d.ts

@@ -1,3 +1,2 @@
-import * as React from "react";
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
 export { Skeleton };

package/dist/components/ui/switch.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
 import { cn } from "../../lib/utils";
 function Switch({ className, size = "default", ...props }) {
-    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: cn("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent bg-input shadow-xs transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-checked:border-primary data-checked:bg-primary data-unchecked:bg-input group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:border-transparent data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:data-unchecked:bg-input/80 dark:data-checked:bg-primary", className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "pointer-events-none block size-4 rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:size-3 dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground" }) }));
+    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: cn("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground" }) }));
 }
 export { Switch };

package/dist/components/ui/tabs.js

@@ -3,9 +3,9 @@ import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
 import { cva } from "class-variance-authority";
 import { cn } from "../../lib/utils";
 function Tabs({ className, orientation = "horizontal", ...props }) {
-    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, className: cn("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className), ...props }));
+    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className), ...props }));
 }
-const tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none", {
+const tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", {
     variants: {
         variant: {
             default: "bg-muted",
@@ -20,7 +20,7 @@ function TabsList({ className, variant = "default", ...props }) {
     return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", "data-variant": variant, className: cn(tabsListVariants({ variant }), className), ...props }));
 }
 function TabsTrigger({ className, ...props }) {
-    return (_jsx(TabsPrimitive.Tab, { "data-slot": "tabs-trigger", className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-2 py-1 text-sm font-medium text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className), ...props }));
+    return (_jsx(TabsPrimitive.Tab, { "data-slot": "tabs-trigger", className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className), ...props }));
 }
 function TabsContent({ className, ...props }) {
     return (_jsx(TabsPrimitive.Panel, { "data-slot": "tabs-content", className: cn("flex-1 text-sm outline-none", className), ...props }));

package/dist/components/ui/tooltip.js

@@ -11,6 +11,6 @@ function TooltipTrigger({ ...props }) {
     return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) {
-    return (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsxs(TooltipPrimitive.Popup, { "data-slot": "tooltip-content", className: cn("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })] }) }) }));
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsxs(TooltipPrimitive.Popup, { "data-slot": "tooltip-content", className: cn("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })] }) }) }));
 }
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/index.d.ts

@@ -1,17 +1,3 @@
-export { PloykitProvider, queryKeys } from './provider/PloykitProvider';
-export type { PKUser, PKWorkspace, PKSubscription, PKOrder, PKPlan } from './provider/PloykitProvider';
-export { useAuth } from './hooks/useAuth';
-export { useLogin } from './hooks/useLogin';
-export { useWorkspace, useWorkspaceSwitch } from './hooks/useWorkspace';
-export { useBilling, useUsagePreview, PlanGate } from './hooks/useBilling';
-export { useApi, ApiError } from './hooks/useApi';
-export type { ApiFetchOptions } from './hooks/useApi';
-export { useSEO } from './hooks/useSEO';
-export type { SeoMeta } from './hooks/useSEO';
-export { useWsStatus, useWsScope, useWsFrame } from './hooks/ws';
-export { createWsClient, defaultWsUrl } from './realtime';
-export { bridgeWsToQuery } from './lib/ws-query-bridge';
-export type { WsInvalidationRule } from './lib/ws-query-bridge';
 export { AppShell } from './layouts/AppShell';
 export type { NavItem } from './layouts/AppShell';
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from './components/ui/sidebar';
@@ -23,10 +9,9 @@ export { LoginPage } from './pages/LoginPage';
 export type { OAuthProviderOption, LoginPageProps } from './pages/LoginPage';
 export { LandingPage } from './pages/LandingPage';
 export type { Feature as LandingFeature, Plan as LandingPlan } from './pages/LandingPage';
-export { Button, buttonVariants } from './components/ui/Button';
-export type { ButtonProps } from './components/ui/Button';
-export { Input } from './components/ui/Input';
-export { Badge, badgeVariants, StatusBadge } from './components/ui/Badge';
+export { Button, buttonVariants } from './components/ui/button';
+export { Input } from './components/ui/input';
+export { StatusBadge } from './components/StatusBadge';
 export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose, } from './components/ui/dialog';
 export { PageHeader, PageLoading, PageEmpty, PageError } from './components/Page';
 export { ConfirmProvider, useConfirm } from './components/ConfirmDialog';
@@ -35,9 +20,6 @@ export { WorkspaceSwitcher } from './components/WorkspaceSwitcher';
 export { SecretModal, ImpactConfirmation } from './components/SecretModal';
 export { cn, statusTone, statusLabel, STATUS_TONE_CLASS, STATUS_LABEL, formatDate, formatDateTime, shortID } from './lib/utils';
 export type { StatusTone } from './lib/utils';
-export { roleSatisfies } from './lib/perm';
-export type { Perm } from './lib/perm';
-export { usePasswordReset } from './hooks/usePasswordReset';
 export { ForgotPasswordPage } from './pages/auth/ForgotPasswordPage';
 export type { ForgotPasswordPageProps } from './pages/auth/ForgotPasswordPage';
 export { ResetPasswordPage } from './pages/auth/ResetPasswordPage';
@@ -46,8 +28,6 @@ export { VerifyEmailPage } from './pages/auth/VerifyEmailPage';
 export { ErrorBoundary } from './components/ErrorBoundary';
 export type { ErrorBoundaryProps } from './components/ErrorBoundary';
 export { toast, Toaster } from './components/toast';
-export { useZodForm } from './hooks/useZodForm';
-export type { ZodFormOptions } from './hooks/useZodForm';
 export { FormField } from './components/FormField';
 export type { FormFieldProps } from './components/FormField';
 export { DataTable } from './components/DataTable';
@@ -57,7 +37,7 @@ export { Label } from './components/ui/label';
 export { Tabs, TabsList, TabsTrigger, TabsContent } from './components/ui/tabs';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './components/ui/alert-dialog';
 export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, } from './components/ui/avatar';
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './components/ui/menu';
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './components/ui/dropdown-menu';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './components/ui/select';
 export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from './components/ui/popover';
 export { Switch } from './components/ui/switch';
@@ -65,7 +45,7 @@ export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValu
 export { Checkbox } from './components/ui/checkbox';
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './components/ui/card';
 export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from './components/ui/breadcrumb';
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, EmptyFooter, } from './components/ui/empty';
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, } from './components/ui/empty';
 export { SettingsShell } from './layouts/SettingsShell';
 export type { SettingsNavItem, SettingsNavGroup, SettingsShellProps } from './layouts/SettingsShell';
 export { AuthShell } from './layouts/AuthShell';
@@ -90,26 +70,12 @@ export { UsagePage } from './pages/workspace/UsagePage';
 export { BillingPage } from './pages/workspace/BillingPage';
 export { BillingSuccessPage } from './pages/workspace/BillingSuccessPage';
 export { WebhooksPage } from './pages/workspace/WebhooksPage';
-export { useSessions, useRevokeSession, useRevokeAllSessions } from './hooks/useSessions';
-export type { SessionInfo } from './hooks/useSessions';
-export { useTokens, useCreateToken, useRevokeToken } from './hooks/useTokens';
-export type { PAT, CreatePATResult } from './hooks/useTokens';
-export { useNotificationPrefs, useSetNotificationPref } from './hooks/useNotificationPrefs';
-export type { NotificationPreference } from './hooks/useNotificationPrefs';
-export { useMembers, useMemberMutations, useMyInvitations, ASSIGNABLE_ROLES } from './hooks/useMembers';
-export type { PKMember, PKInvitation, PKShareLink, PKInvitationWithWorkspace, CreateShareLinkResult, } from './hooks/useMembers';
-export { useAudit, exportAuditCsv, auditQueryString, EMPTY_AUDIT_FILTERS } from './hooks/useAudit';
-export type { AuditFilters, PKAuditEvent } from './hooks/useAudit';
-export { useUsage } from './hooks/useUsage';
-export type { PKUsageResp, PKUsageItem } from './hooks/useUsage';
 export { apiErrorMessage } from './lib/api-error';
 export { CronInput } from './components/CronInput';
 export { SchedulesPage } from './pages/workspace/SchedulesPage';
 export { SiteBanner } from './components/SiteBanner';
 export { SiteBannerLayer } from './components/SiteBannerLayer';
 export type { SiteBannerLayerProps } from './components/SiteBannerLayer';
-export { useSiteConfig, SITE_CONFIG_QUERY_KEY } from './hooks/useSiteConfig';
-export type { SiteConfig } from './hooks/useSiteConfig';
 export { ImpersonationBanner } from './components/ImpersonationBanner';
 export { AdminShell } from './pages/admin/AdminShell';
 export { OverviewPage } from './pages/admin/OverviewPage';

package/dist/index.js

@@ -1,13 +1,3 @@
-export { PloykitProvider, queryKeys } from './provider/PloykitProvider';
-export { useAuth } from './hooks/useAuth';
-export { useLogin } from './hooks/useLogin';
-export { useWorkspace, useWorkspaceSwitch } from './hooks/useWorkspace';
-export { useBilling, useUsagePreview, PlanGate } from './hooks/useBilling';
-export { useApi, ApiError } from './hooks/useApi';
-export { useSEO } from './hooks/useSEO';
-export { useWsStatus, useWsScope, useWsFrame } from './hooks/ws';
-export { createWsClient, defaultWsUrl } from './realtime';
-export { bridgeWsToQuery } from './lib/ws-query-bridge';
 export { AppShell } from './layouts/AppShell';
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from './components/ui/sidebar';
 export { Separator } from './components/ui/separator';
@@ -16,9 +6,9 @@ export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './comp
 export { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './components/ui/sheet';
 export { LoginPage } from './pages/LoginPage';
 export { LandingPage } from './pages/LandingPage';
-export { Button, buttonVariants } from './components/ui/Button';
-export { Input } from './components/ui/Input';
-export { Badge, badgeVariants, StatusBadge } from './components/ui/Badge';
+export { Button, buttonVariants } from './components/ui/button';
+export { Input } from './components/ui/input';
+export { StatusBadge } from './components/StatusBadge';
 export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose, } from './components/ui/dialog';
 export { PageHeader, PageLoading, PageEmpty, PageError } from './components/Page';
 export { ConfirmProvider, useConfirm } from './components/ConfirmDialog';
@@ -26,14 +16,11 @@ export { NotificationBell } from './components/NotificationBell';
 export { WorkspaceSwitcher } from './components/WorkspaceSwitcher';
 export { SecretModal, ImpactConfirmation } from './components/SecretModal';
 export { cn, statusTone, statusLabel, STATUS_TONE_CLASS, STATUS_LABEL, formatDate, formatDateTime, shortID } from './lib/utils';
-export { roleSatisfies } from './lib/perm';
-export { usePasswordReset } from './hooks/usePasswordReset';
 export { ForgotPasswordPage } from './pages/auth/ForgotPasswordPage';
 export { ResetPasswordPage } from './pages/auth/ResetPasswordPage';
 export { VerifyEmailPage } from './pages/auth/VerifyEmailPage';
 export { ErrorBoundary } from './components/ErrorBoundary';
 export { toast, Toaster } from './components/toast';
-export { useZodForm } from './hooks/useZodForm';
 export { FormField } from './components/FormField';
 export { DataTable } from './components/DataTable';
 export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, } from './components/ui/field';
@@ -41,7 +28,7 @@ export { Label } from './components/ui/label';
 export { Tabs, TabsList, TabsTrigger, TabsContent } from './components/ui/tabs';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './components/ui/alert-dialog';
 export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, } from './components/ui/avatar';
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './components/ui/menu';
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './components/ui/dropdown-menu';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './components/ui/select';
 export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from './components/ui/popover';
 export { Switch } from './components/ui/switch';
@@ -49,7 +36,7 @@ export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValu
 export { Checkbox } from './components/ui/checkbox';
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './components/ui/card';
 export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from './components/ui/breadcrumb';
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, EmptyFooter, } from './components/ui/empty';
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, } from './components/ui/empty';
 export { SettingsShell } from './layouts/SettingsShell';
 export { AuthShell } from './layouts/AuthShell';
 export { SettingsCard } from './components/SettingsCard';
@@ -68,18 +55,11 @@ export { UsagePage } from './pages/workspace/UsagePage';
 export { BillingPage } from './pages/workspace/BillingPage';
 export { BillingSuccessPage } from './pages/workspace/BillingSuccessPage';
 export { WebhooksPage } from './pages/workspace/WebhooksPage';
-export { useSessions, useRevokeSession, useRevokeAllSessions } from './hooks/useSessions';
-export { useTokens, useCreateToken, useRevokeToken } from './hooks/useTokens';
-export { useNotificationPrefs, useSetNotificationPref } from './hooks/useNotificationPrefs';
-export { useMembers, useMemberMutations, useMyInvitations, ASSIGNABLE_ROLES } from './hooks/useMembers';
-export { useAudit, exportAuditCsv, auditQueryString, EMPTY_AUDIT_FILTERS } from './hooks/useAudit';
-export { useUsage } from './hooks/useUsage';
 export { apiErrorMessage } from './lib/api-error';
 export { CronInput } from './components/CronInput';
 export { SchedulesPage } from './pages/workspace/SchedulesPage';
 export { SiteBanner } from './components/SiteBanner';
 export { SiteBannerLayer } from './components/SiteBannerLayer';
-export { useSiteConfig, SITE_CONFIG_QUERY_KEY } from './hooks/useSiteConfig';
 export { ImpersonationBanner } from './components/ImpersonationBanner';
 export { AdminShell } from './pages/admin/AdminShell';
 export { OverviewPage } from './pages/admin/OverviewPage';

package/dist/layouts/AppShell.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export interface NavItem {
     path: string;
     label: string;

package/dist/layouts/AppShell.js

@@ -1,20 +1,42 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useLocation, useNavigate } from 'react-router';
+import { useEffect } from 'react';
 import { FolderKanban } from 'lucide-react';
 import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from '../components/ui/sidebar';
 import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator, } from '../components/ui/breadcrumb';
 import { UserMenu } from '../components/UserMenu';
 import { ImpersonationBanner } from '../components/ImpersonationBanner';
+// stock SidebarProvider 只写不读 sidebar_state cookie（写入供 SSR 框架回传 defaultOpen）。
+// CSR 产品在组合层回读，保持跨会话折叠状态（P2-17，自 stock 镜像化后上提至此）。
+function readSidebarCookieOpen() {
+    if (typeof document === 'undefined')
+        return true; // SSR 安全
+    return !document.cookie.split('; ').includes('sidebar_state=false');
+}
 export function AppShell({ children, nav, brand, logo, logoDark, sidebarFooter, headerRight, breadcrumbTail = null, settingsContent }) {
     const location = useLocation();
     const navigate = useNavigate();
+    // 输入焦点时不劫持 Ctrl/Cmd+B（P3-1，自 stock 镜像化后上提至此）：
+    // 捕获阶段拦截可编辑目标上的快捷键，阻断 stock SidebarProvider 的全局监听。
+    useEffect(() => {
+        const guard = (e) => {
+            if (!(e.ctrlKey || e.metaKey) || e.key.toLowerCase() !== 'b')
+                return;
+            const t = e.target;
+            if (t && (t.tagName === 'INPUT' || t.tagName === 'TEXTAREA' || t.isContentEditable)) {
+                e.stopImmediatePropagation();
+            }
+        };
+        window.addEventListener('keydown', guard, true);
+        return () => window.removeEventListener('keydown', guard, true);
+    }, []);
     const items = nav ?? [
         { path: '/app', label: '概览', icon: _jsx(FolderKanban, { size: 17, "aria-hidden": "true" }) },
     ];
     const selected = items.find((item) => location.pathname.startsWith(item.path));
     const isSettingsMode = settingsContent !== undefined &&
         (location.pathname.startsWith('/settings') || location.pathname.startsWith('/account'));
-    return (_jsxs(SidebarProvider, { children: [_jsxs(Sidebar, { collapsible: "icon", children: [_jsx(SidebarHeader, { children: _jsxs("div", { className: "flex items-center gap-2 px-2 pb-1 pt-1 group-data-[collapsible=icon]:justify-center", children: [logo && (_jsxs("picture", { children: [_jsx("source", { media: "(prefers-color-scheme: dark)", srcSet: logoDark ?? logo }), _jsx("img", { src: logo, alt: `${brand ?? 'App'} logo`, className: "h-7 w-auto group-data-[collapsible=icon]:w-7 group-data-[collapsible=icon]:object-contain" })] })), _jsx("div", { className: "text-lg font-bold text-foreground group-data-[collapsible=icon]:hidden", children: brand ?? 'App' })] }) }), _jsx(SidebarContent, { children: isSettingsMode ? (settingsContent) : (_jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: items.map((item) => {
+    return (_jsxs(SidebarProvider, { defaultOpen: readSidebarCookieOpen(), children: [_jsxs(Sidebar, { collapsible: "icon", children: [_jsx(SidebarHeader, { children: _jsxs("div", { className: "flex items-center gap-2 px-2 pb-1 pt-1 group-data-[collapsible=icon]:justify-center", children: [logo && (_jsxs("picture", { children: [_jsx("source", { media: "(prefers-color-scheme: dark)", srcSet: logoDark ?? logo }), _jsx("img", { src: logo, alt: `${brand ?? 'App'} logo`, className: "h-7 w-auto group-data-[collapsible=icon]:w-7 group-data-[collapsible=icon]:object-contain" })] })), _jsx("div", { className: "text-lg font-bold text-foreground group-data-[collapsible=icon]:hidden", children: brand ?? 'App' })] }) }), _jsx(SidebarContent, { children: isSettingsMode ? (settingsContent) : (_jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: items.map((item) => {
                                         const active = selected?.path === item.path;
                                         return (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { isActive: active, "aria-current": active ? 'page' : undefined, tooltip: item.label, onClick: () => navigate(item.path), children: [item.icon, _jsx("span", { className: "truncate", children: item.label })] }) }, item.path));
                                     }) }) }) })) }), _jsx(SidebarFooter, { className: "group-data-[collapsible=icon]:hidden", children: sidebarFooter })] }), _jsxs(SidebarInset, { children: [_jsx(ImpersonationBanner, {}), _jsxs("header", { className: "flex h-14 shrink-0 items-center gap-3 border-b border-border bg-background px-4", children: [_jsx(SidebarTrigger, {}), breadcrumbTail !== null ? (_jsx(Breadcrumb, { children: _jsxs(BreadcrumbList, { children: [selected && (_jsxs(_Fragment, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: selected.label }) }), _jsx(BreadcrumbSeparator, {})] })), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: breadcrumbTail }) })] }) })) : null, _jsx("div", { className: "flex-1" }), headerRight, _jsx(UserMenu, {})] }), _jsx("div", { className: "flex-1 overflow-auto p-6", children: children })] })] }));

package/dist/layouts/SettingsShell.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { type Perm } from '../lib/perm';
+import { type Perm } from '@ploykit/hooks';
 export interface SettingsNavItem {
     path: string;
     label: string;

package/dist/layouts/SettingsShell.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link, useLocation, useNavigate } from 'react-router';
 import { cn } from '../lib/utils';
-import { roleSatisfies } from '../lib/perm';
-import { useWorkspace } from '../hooks/useWorkspace';
-import { buttonVariants } from '../components/ui/Button';
+import { roleSatisfies } from '@ploykit/hooks';
+import { useWorkspace } from '@ploykit/hooks';
+import { buttonVariants } from '../components/ui/button';
 import { Separator } from '../components/ui/separator';
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from '../components/ui/select';
 export function SettingsShell({ nav, children, title = '设置', description }) {

package/dist/pages/LoginPage.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { useLocation } from 'react-router';
-import { useLogin } from '../hooks/useLogin';
-import { useApi } from '../hooks/useApi';
-import { useAuth } from '../hooks/useAuth';
+import { useLogin } from '@ploykit/hooks';
+import { useApi } from '@ploykit/hooks';
+import { useAuth } from '@ploykit/hooks';
 import { Tabs, TabsList, TabsTrigger, TabsContent } from '../components/ui/tabs';
-import { Button } from '../components/ui/Button';
-import { Input } from '../components/ui/Input';
+import { Button } from '../components/ui/button';
+import { Input } from '../components/ui/input';
 import { FormField } from '../components/FormField';
 import { apiErrorMessage } from '../lib/api-error';
 const SEND_COOLDOWN_S = 60;

package/dist/pages/account/NotificationPreferencesPage.js

@@ -3,8 +3,8 @@ import { useId } from 'react';
 import { PageHeader, PageLoading, PageError, PageEmpty } from '../../components/Page';
 import { Switch } from '../../components/ui/switch';
 import { toast } from '../../components/toast';
-import { useSEO } from '../../hooks/useSEO';
-import { useNotificationPrefs, useSetNotificationPref, } from '../../hooks/useNotificationPrefs';
+import { useSEO } from '@ploykit/hooks';
+import { useNotificationPrefs, useSetNotificationPref, } from '@ploykit/hooks';
 export function NotificationPreferencesPage({ types, title = '通知偏好', description = '选择每种通知的接收渠道；未显示的类型默认全部开启', siteName, emailChannelNote, }) {
     const { prefs, loading, error, refetch } = useNotificationPrefs();
     const { setPref } = useSetNotificationPref();

package/dist/pages/account/ProfileSettingsPage.js

@@ -4,15 +4,15 @@ import { z } from 'zod';
 import { PageHeader, PageLoading, PageError } from '../../components/Page';
 import { SettingsCard } from '../../components/SettingsCard';
 import { FormField } from '../../components/FormField';
-import { Button } from '../../components/ui/Button';
-import { Input } from '../../components/ui/Input';
-import { Badge } from '../../components/ui/Badge';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { Badge } from '../../components/ui/badge';
 import { ImpactConfirmation } from '../../components/SecretModal';
 import { toast } from '../../components/toast';
 import { apiErrorMessage } from '../../lib/api-error';
-import { useApi } from '../../hooks/useApi';
-import { useAuth } from '../../hooks/useAuth';
-import { useZodForm } from '../../hooks/useZodForm';
+import { useApi } from '@ploykit/hooks';
+import { useAuth } from '@ploykit/hooks';
+import { useZodForm } from '@ploykit/hooks';
 const profileSchema = z.object({
     display_name: z.string().trim().min(1, '请输入昵称').max(100, '昵称最多 100 字符'),
     avatar_url: z.string()

package/dist/pages/account/SecuritySettingsPage.js

@@ -4,17 +4,17 @@ import { z } from 'zod';
 import { PageHeader, PageError } from '../../components/Page';
 import { SettingsCard } from '../../components/SettingsCard';
 import { FormField } from '../../components/FormField';
-import { Button } from '../../components/ui/Button';
-import { Input } from '../../components/ui/Input';
-import { Badge } from '../../components/ui/Badge';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { Badge } from '../../components/ui/badge';
 import { DataTable } from '../../components/DataTable';
 import { ImpactConfirmation } from '../../components/SecretModal';
 import { useConfirm } from '../../components/ConfirmDialog';
 import { toast } from '../../components/toast';
-import { useApi } from '../../hooks/useApi';
-import { useAuth } from '../../hooks/useAuth';
-import { useZodForm } from '../../hooks/useZodForm';
-import { useSessions, useRevokeSession, useRevokeAllSessions } from '../../hooks/useSessions';
+import { useApi } from '@ploykit/hooks';
+import { useAuth } from '@ploykit/hooks';
+import { useZodForm } from '@ploykit/hooks';
+import { useSessions, useRevokeSession, useRevokeAllSessions } from '@ploykit/hooks';
 import { passwordSchema } from '../auth/RegisterPage';
 import { apiErrorMessage } from '../../lib/api-error';
 import { formatDateTime, shortID } from '../../lib/utils';

package/dist/pages/account/TokensPage.js

@@ -2,15 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { PageHeader, PageEmpty } from '../../components/Page';
 import { FormField } from '../../components/FormField';
-import { Button } from '../../components/ui/Button';
-import { Input } from '../../components/ui/Input';
-import { Badge } from '../../components/ui/Badge';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { Badge } from '../../components/ui/badge';
 import { DataTable } from '../../components/DataTable';
 import { SecretModal } from '../../components/SecretModal';
 import { useConfirm } from '../../components/ConfirmDialog';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from '../../components/ui/dialog';
 import { toast } from '../../components/toast';
-import { useTokens, useCreateToken, useRevokeToken } from '../../hooks/useTokens';
+import { useTokens, useCreateToken, useRevokeToken } from '@ploykit/hooks';
 import { apiErrorMessage } from '../../lib/api-error';
 import { formatDateTime } from '../../lib/utils';
 const NAME_MAX_BYTES = 64;