@krak-stack/registry 0.1.25 → 0.1.27

package/dist/lib/docs.js

@@ -1,10 +1,13 @@
 // ../../src/lib/docs.tsx
-import { Schema as Schema3 } from "effect";
+import { createIsomorphicFn } from "@tanstack/react-start";
+import { getCookie } from "@tanstack/react-start/server";
+import { Option as Option2, Schema as Schema3 } from "effect";
+import { Cookies as Cookies2 } from "effect/unstable/http";
 import {
   forwardRef,
   useDeferredValue,
   useEffect as useEffect5,
-  useState as useState5
+  useState as useState6
 } from "react";
 
 // ../../src/components/ui/app-brand.tsx
@@ -385,7 +388,7 @@ var MarkdownContent = ({
     dangerouslySetInnerHTML: { __html: remainingHtml }
   }, "html-final"));
   return /* @__PURE__ */ jsx5("div", {
-    className: cn("[&_a:hover]:text-primary [&_a]:decoration-border [&_blockquote]:border-primary/40 [&_blockquote]:bg-muted/40 [&_h2_a]:text-muted-foreground [&_h3_a]:text-muted-foreground [&_[data-inline-code]]:bg-muted text-[0.98rem] leading-7 [&_[data-markdown-table]]:overflow-x-auto [&_[data-inline-code]]:rounded [&_[data-inline-code]]:px-1.5 [&_[data-inline-code]]:py-0.5 [&_[data-inline-code]]:font-mono [&_[data-inline-code]]:text-[0.875em] [&_a]:font-medium [&_a]:underline [&_a]:decoration-1 [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:rounded-r-lg [&_blockquote]:border-l-4 [&_blockquote]:px-5 [&_blockquote]:py-1 [&_h2]:mt-12 [&_h2]:scroll-mt-20 [&_h2]:border-t [&_h2]:pt-8 [&_h2]:text-2xl [&_h2]:font-bold [&_h2]:tracking-tight [&_h2_a]:ml-2 [&_h2_a]:no-underline [&_h2:first-of-type]:mt-0 [&_h2:first-of-type]:border-t-0 [&_h2:first-of-type]:pt-0 [&_h3]:mt-8 [&_h3]:scroll-mt-20 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:tracking-tight [&_h3_a]:ml-2 [&_h3_a]:no-underline [&_ol]:my-5 [&_p]:my-5 [&_table]:w-full [&_table]:text-sm [&_td]:border-b [&_td]:p-2 [&_th]:border-b [&_th]:p-2 [&_th]:text-left [&_ul]:my-5", className),
+    className: cn("[&_a:hover]:text-primary [&_a]:decoration-border [&_blockquote]:border-primary/40 [&_blockquote]:bg-muted/40 [&_h2_a]:text-muted-foreground [&_h3_a]:text-muted-foreground [&_[data-inline-code]]:bg-muted text-[0.98rem] leading-7 [&_[data-markdown-table]]:overflow-x-auto [&_[data-inline-code]]:rounded [&_[data-inline-code]]:px-1.5 [&_[data-inline-code]]:py-0.5 [&_[data-inline-code]]:font-mono [&_[data-inline-code]]:text-[0.875em] [&_a]:font-medium [&_a]:underline [&_a]:decoration-1 [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-5 [&_blockquote]:rounded-r-lg [&_blockquote]:border-l-4 [&_blockquote]:px-5 [&_blockquote]:py-1 [&_h2]:mt-12 [&_h2]:scroll-mt-20 [&_h2]:border-t [&_h2]:pt-8 [&_h2]:text-2xl [&_h2]:font-bold [&_h2]:tracking-tight [&_h2_a]:ml-2 [&_h2_a]:no-underline [&_h2:first-of-type]:mt-0 [&_h2:first-of-type]:border-t-0 [&_h2:first-of-type]:pt-0 [&_h3]:mt-8 [&_h3]:scroll-mt-20 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:tracking-tight [&_h3_a]:ml-2 [&_h3_a]:no-underline [&_ol]:my-5 [&_p]:my-5 [&_table]:w-full [&_table]:text-sm [&_td]:border-b [&_td]:p-2 [&_th]:border-b [&_th]:p-2 [&_th]:text-left [&_ul]:my-5", className),
     children: content
   });
 };
@@ -1206,11 +1209,10 @@ function SearchMenu({
 }
 
 // ../../src/components/ui/sidebar-layout.tsx
-import { useAtom } from "@effect/atom-react";
-import { BrowserKeyValueStore } from "@effect/platform-browser";
 import { Link as Link2, Outlet, useRouterState } from "@tanstack/react-router";
-import { Schema as Schema2 } from "effect";
-import { Atom } from "effect/unstable/reactivity";
+import { Option, Schema as Schema2 } from "effect";
+import { Cookies } from "effect/unstable/http";
+import { useState as useState5 } from "react";
 
 // ../../src/components/ui/sidebar.tsx
 import * as React2 from "react";
@@ -1237,29 +1239,31 @@ function useIsMobile() {
 
 // ../../src/components/ui/input.tsx
 import { Input as InputPrimitive } from "@base-ui/react/input";
+import { jsx as jsx10 } from "react/jsx-runtime";
 
 // ../../src/components/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import { jsx as jsx11 } from "react/jsx-runtime";
 
 // ../../src/components/ui/sheet.tsx
 import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
 import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 "use client";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx10(SheetPrimitive.Root, {
+  return /* @__PURE__ */ jsx12(SheetPrimitive.Root, {
     "data-slot": "sheet",
     ...props
   });
 }
 function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ jsx10(SheetPrimitive.Portal, {
+  return /* @__PURE__ */ jsx12(SheetPrimitive.Portal, {
     "data-slot": "sheet-portal",
     ...props
   });
 }
 function SheetOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(SheetPrimitive.Backdrop, {
+  return /* @__PURE__ */ jsx12(SheetPrimitive.Backdrop, {
     "data-slot": "sheet-overlay",
     className: cn("fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs", className),
     ...props
@@ -1274,7 +1278,7 @@ function SheetContent({
 }) {
   return /* @__PURE__ */ jsxs7(SheetPortal, {
     children: [
-      /* @__PURE__ */ jsx10(SheetOverlay, {}),
+      /* @__PURE__ */ jsx12(SheetOverlay, {}),
       /* @__PURE__ */ jsxs7(SheetPrimitive.Popup, {
         "data-slot": "sheet-content",
         "data-side": side,
@@ -1284,14 +1288,14 @@ function SheetContent({
           children,
           showCloseButton && /* @__PURE__ */ jsxs7(SheetPrimitive.Close, {
             "data-slot": "sheet-close",
-            render: /* @__PURE__ */ jsx10(Button, {
+            render: /* @__PURE__ */ jsx12(Button, {
               variant: "ghost",
               className: "absolute top-4 right-4",
               size: "icon-sm"
             }),
             children: [
-              /* @__PURE__ */ jsx10(XIcon2, {}),
-              /* @__PURE__ */ jsx10("span", {
+              /* @__PURE__ */ jsx12(XIcon2, {}),
+              /* @__PURE__ */ jsx12("span", {
                 className: "sr-only",
                 children: "Close"
               })
@@ -1303,14 +1307,14 @@ function SheetContent({
   });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx10("div", {
+  return /* @__PURE__ */ jsx12("div", {
     "data-slot": "sheet-header",
     className: cn("flex flex-col gap-1.5 p-4", className),
     ...props
   });
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(SheetPrimitive.Title, {
+  return /* @__PURE__ */ jsx12(SheetPrimitive.Title, {
     "data-slot": "sheet-title",
     className: cn("font-medium text-foreground", className),
     ...props
@@ -1320,25 +1324,28 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(SheetPrimitive.Description, {
+  return /* @__PURE__ */ jsx12(SheetPrimitive.Description, {
     "data-slot": "sheet-description",
     className: cn("text-sm text-muted-foreground", className),
     ...props
   });
 }
 
+// ../../src/components/ui/skeleton.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+
 // ../../src/components/ui/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 "use client";
 function Tooltip({ ...props }) {
-  return /* @__PURE__ */ jsx11(TooltipPrimitive.Root, {
+  return /* @__PURE__ */ jsx14(TooltipPrimitive.Root, {
     "data-slot": "tooltip",
     ...props
   });
 }
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx11(TooltipPrimitive.Trigger, {
+  return /* @__PURE__ */ jsx14(TooltipPrimitive.Trigger, {
     "data-slot": "tooltip-trigger",
     ...props
   });
@@ -1352,8 +1359,8 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(TooltipPrimitive.Portal, {
-    children: /* @__PURE__ */ jsx11(TooltipPrimitive.Positioner, {
+  return /* @__PURE__ */ jsx14(TooltipPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx14(TooltipPrimitive.Positioner, {
       align,
       alignOffset,
       side,
@@ -1365,7 +1372,7 @@ function TooltipContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsx11(TooltipPrimitive.Arrow, {
+          /* @__PURE__ */ jsx14(TooltipPrimitive.Arrow, {
             className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] 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"
           })
         ]
@@ -1377,7 +1384,7 @@ function TooltipContent({
 // ../../src/components/ui/sidebar.tsx
 import { PanelLeftIcon } from "lucide-react";
 import { Schema } from "effect";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -1441,9 +1448,9 @@ function SidebarProvider({
     "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
     ...style
   };
-  return /* @__PURE__ */ jsx12(SidebarContext.Provider, {
+  return /* @__PURE__ */ jsx15(SidebarContext.Provider, {
     value: contextValue,
-    children: /* @__PURE__ */ jsx12("div", {
+    children: /* @__PURE__ */ jsx15("div", {
       "data-slot": "sidebar-wrapper",
       style: wrapperStyle,
       className: cn("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", className),
@@ -1463,7 +1470,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx12("div", {
+    return /* @__PURE__ */ jsx15("div", {
       "data-slot": "sidebar",
       className: cn("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", className),
       ...props,
@@ -1474,7 +1481,7 @@ function Sidebar({
     const mobileStyle = {
       "--sidebar-width": SIDEBAR_WIDTH_MOBILE
     };
-    return /* @__PURE__ */ jsx12(Sheet, {
+    return /* @__PURE__ */ jsx15(Sheet, {
       open: openMobile,
       onOpenChange: setOpenMobile,
       ...props,
@@ -1490,15 +1497,15 @@ function Sidebar({
           /* @__PURE__ */ jsxs9(SheetHeader, {
             className: "sr-only",
             children: [
-              /* @__PURE__ */ jsx12(SheetTitle, {
+              /* @__PURE__ */ jsx15(SheetTitle, {
                 children: "Sidebar"
               }),
-              /* @__PURE__ */ jsx12(SheetDescription, {
+              /* @__PURE__ */ jsx15(SheetDescription, {
                 children: "Displays the mobile sidebar."
               })
             ]
           }),
-          /* @__PURE__ */ jsx12("div", {
+          /* @__PURE__ */ jsx15("div", {
             className: "flex h-full w-full flex-col",
             children
           })
@@ -1514,16 +1521,16 @@ function Sidebar({
     "data-side": side,
     "data-slot": "sidebar",
     children: [
-      /* @__PURE__ */ jsx12("div", {
+      /* @__PURE__ */ jsx15("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)")
       }),
-      /* @__PURE__ */ jsx12("div", {
+      /* @__PURE__ */ jsx15("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" ? "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: /* @__PURE__ */ jsx12("div", {
+        children: /* @__PURE__ */ jsx15("div", {
           "data-sidebar": "sidebar",
           "data-slot": "sidebar-inner",
           className: "bg-sidebar group-data-[variant=floating]:ring-sidebar-border flex size-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1",
@@ -1551,8 +1558,8 @@ function SidebarTrigger({
     },
     ...props,
     children: [
-      /* @__PURE__ */ jsx12(PanelLeftIcon, {}),
-      /* @__PURE__ */ jsx12("span", {
+      /* @__PURE__ */ jsx15(PanelLeftIcon, {}),
+      /* @__PURE__ */ jsx15("span", {
         className: "sr-only",
         children: "Toggle Sidebar"
       })
@@ -1561,7 +1568,7 @@ function SidebarTrigger({
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx12("button", {
+  return /* @__PURE__ */ jsx15("button", {
     "data-sidebar": "rail",
     "data-slot": "sidebar-rail",
     "aria-label": "Toggle Sidebar",
@@ -1573,14 +1580,14 @@ function SidebarRail({ className, ...props }) {
   });
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx12("main", {
+  return /* @__PURE__ */ jsx15("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 SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx12("div", {
+  return /* @__PURE__ */ jsx15("div", {
     "data-slot": "sidebar-header",
     "data-sidebar": "header",
     className: cn("flex flex-col gap-2 p-2", className),
@@ -1588,7 +1595,7 @@ function SidebarHeader({ className, ...props }) {
   });
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx12("div", {
+  return /* @__PURE__ */ jsx15("div", {
     "data-slot": "sidebar-footer",
     "data-sidebar": "footer",
     className: cn("flex flex-col gap-2 p-2", className),
@@ -1596,7 +1603,7 @@ function SidebarFooter({ className, ...props }) {
   });
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx12("div", {
+  return /* @__PURE__ */ jsx15("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),
@@ -1604,7 +1611,7 @@ function SidebarContent({ className, ...props }) {
   });
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx12("div", {
+  return /* @__PURE__ */ jsx15("div", {
     "data-slot": "sidebar-group",
     "data-sidebar": "group",
     className: cn("relative flex w-full min-w-0 flex-col p-2", className),
@@ -1632,7 +1639,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12("div", {
+  return /* @__PURE__ */ jsx15("div", {
     "data-slot": "sidebar-group-content",
     "data-sidebar": "group-content",
     className: cn("w-full text-sm", className),
@@ -1640,7 +1647,7 @@ function SidebarGroupContent({
   });
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx12("ul", {
+  return /* @__PURE__ */ jsx15("ul", {
     "data-slot": "sidebar-menu",
     "data-sidebar": "menu",
     className: cn("flex w-full min-w-0 flex-col gap-1", className),
@@ -1648,7 +1655,7 @@ function SidebarMenu({ className, ...props }) {
   });
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx12("li", {
+  return /* @__PURE__ */ jsx15("li", {
     "data-slot": "sidebar-menu-item",
     "data-sidebar": "menu-item",
     className: cn("group/menu-item relative", className),
@@ -1687,7 +1694,7 @@ function SidebarMenuButton({
     props: mergeProps2({
       className: cn(sidebarMenuButtonVariants({ variant, size }), className)
     }, props),
-    render: !tooltip ? render : /* @__PURE__ */ jsx12(TooltipTrigger, {
+    render: !tooltip ? render : /* @__PURE__ */ jsx15(TooltipTrigger, {
       render
     }),
     state: {
@@ -1704,7 +1711,7 @@ function SidebarMenuButton({
   return /* @__PURE__ */ jsxs9(Tooltip, {
     children: [
       comp,
-      /* @__PURE__ */ jsx12(TooltipContent, {
+      /* @__PURE__ */ jsx15(TooltipContent, {
         side: "right",
         align: "center",
         hidden: state !== "collapsed" || isMobile,
@@ -1715,15 +1722,15 @@ function SidebarMenuButton({
 }
 
 // ../../src/components/ui/sidebar-layout.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-var sidebarStorageRuntime = Atom.runtime(BrowserKeyValueStore.layerLocalStorage);
-var sidebarOpenAtom = Atom.kvs({
-  runtime: sidebarStorageRuntime,
-  key: "sidebar:open",
-  schema: Schema2.Boolean,
-  defaultValue: () => true
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+var SIDEBAR_COOKIE_NAME2 = "sidebar_state";
+var SidebarOpenCookie = Schema2.Literals(["true", "false"]).annotate({
+  identifier: "SidebarOpenCookie"
 });
-function AppSidebar({ footer, groups, header }) {
+var getSidebarDefaultOpen = (defaultOpen) => {
+  return Schema2.decodeUnknownOption(SidebarOpenCookie)(Cookies.parseHeader(globalThis.document?.cookie ?? "")[SIDEBAR_COOKIE_NAME2]).pipe(Option.map((value) => value === "true"), Option.getOrElse(() => defaultOpen));
+};
+function AppSidebar({ collapsible, footer, groups, header }) {
   const { isMobile, setOpenMobile } = useSidebar();
   const pathname = useRouterState({
     select: (state) => state.location.pathname
@@ -1733,39 +1740,40 @@ function AppSidebar({ footer, groups, header }) {
       setOpenMobile(false);
   };
   return /* @__PURE__ */ jsxs10(Sidebar, {
-    collapsible: "icon",
+    collapsible,
     children: [
-      header && /* @__PURE__ */ jsx13(SidebarHeader, {
+      header && /* @__PURE__ */ jsx16(SidebarHeader, {
         children: header
       }),
-      /* @__PURE__ */ jsx13(SidebarContent, {
+      /* @__PURE__ */ jsx16(SidebarContent, {
+        className: "group-data-[collapsible=icon]:overflow-x-hidden group-data-[collapsible=icon]:overflow-y-auto",
         children: groups.map((group) => /* @__PURE__ */ jsxs10(SidebarGroup, {
           children: [
-            /* @__PURE__ */ jsx13(SidebarGroupLabel, {
+            /* @__PURE__ */ jsx16(SidebarGroupLabel, {
               children: group.label()
             }),
-            /* @__PURE__ */ jsx13(SidebarGroupContent, {
-              children: /* @__PURE__ */ jsx13(SidebarMenu, {
+            /* @__PURE__ */ jsx16(SidebarGroupContent, {
+              children: /* @__PURE__ */ jsx16(SidebarMenu, {
                 children: group.items.map((item) => {
-                  const render = item.external ? /* @__PURE__ */ jsx13("a", {
+                  const render = item.external ? /* @__PURE__ */ jsx16("a", {
                     href: item.href,
                     target: "_blank",
                     rel: "noreferrer"
-                  }) : /* @__PURE__ */ jsx13(Link2, {
+                  }) : /* @__PURE__ */ jsx16(Link2, {
                     to: item.href
                   });
-                  return /* @__PURE__ */ jsx13(SidebarMenuItem, {
+                  return /* @__PURE__ */ jsx16(SidebarMenuItem, {
                     children: /* @__PURE__ */ jsxs10(SidebarMenuButton, {
                       isActive: !item.external && pathname === item.href,
                       onClick: closeMobileSidebar,
                       render,
                       tooltip: item.label(),
                       children: [
-                        /* @__PURE__ */ jsx13(item.icon, {}),
-                        /* @__PURE__ */ jsx13("span", {
+                        item.icon ? /* @__PURE__ */ jsx16(item.icon, {}) : null,
+                        /* @__PURE__ */ jsx16("span", {
                           children: item.label()
                         }),
-                        item.badge ? /* @__PURE__ */ jsx13(Badge, {
+                        item.badge ? /* @__PURE__ */ jsx16(Badge, {
                           className: "ml-auto",
                           variant: "secondary",
                           children: item.badge()
@@ -1779,10 +1787,10 @@ function AppSidebar({ footer, groups, header }) {
           ]
         }, group.label()))
       }),
-      footer ? /* @__PURE__ */ jsx13(SidebarFooter, {
+      footer ? /* @__PURE__ */ jsx16(SidebarFooter, {
         children: footer
       }) : null,
-      /* @__PURE__ */ jsx13(SidebarRail, {})
+      /* @__PURE__ */ jsx16(SidebarRail, {})
     ]
   });
 }
@@ -1793,15 +1801,18 @@ function SidebarLayout({
   sidebarHeader,
   headerActions,
   contentClassName,
-  fullPage = false
+  fullPage = false,
+  sidebarCollapsible = "icon",
+  defaultOpen = true
 }) {
-  const [sidebarOpen, setSidebarOpen] = useAtom(sidebarOpenAtom);
+  const [sidebarOpen, setSidebarOpen] = useState5(() => getSidebarDefaultOpen(defaultOpen));
   return /* @__PURE__ */ jsxs10(SidebarProvider, {
     open: sidebarOpen,
     onOpenChange: setSidebarOpen,
     className: cn(fullPage && "xl:h-svh xl:min-h-0 xl:overflow-hidden"),
     children: [
-      /* @__PURE__ */ jsx13(AppSidebar, {
+      /* @__PURE__ */ jsx16(AppSidebar, {
+        collapsible: sidebarCollapsible,
         footer: sidebarFooter,
         groups,
         header: sidebarHeader
@@ -1812,16 +1823,16 @@ function SidebarLayout({
           /* @__PURE__ */ jsxs10("header", {
             className: "bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-10 flex h-14 shrink-0 items-center gap-2 border-b px-4 backdrop-blur",
             children: [
-              /* @__PURE__ */ jsx13(SidebarTrigger, {}),
-              /* @__PURE__ */ jsx13("div", {
+              /* @__PURE__ */ jsx16(SidebarTrigger, {}),
+              /* @__PURE__ */ jsx16("div", {
                 className: "ml-auto flex items-center gap-2",
                 children: headerActions
               })
             ]
           }),
-          /* @__PURE__ */ jsx13("div", {
+          /* @__PURE__ */ jsx16("div", {
             className: contentClassName ?? "flex flex-col gap-6 px-5 py-6 md:px-8",
-            children: children ?? /* @__PURE__ */ jsx13(Outlet, {})
+            children: children ?? /* @__PURE__ */ jsx16(Outlet, {})
           })
         ]
       })
@@ -1943,9 +1954,15 @@ var createSeo = (defaults) => (options) => seo({
 });
 
 // ../../src/lib/docs.tsx
-import { jsx as jsx14, jsxs as jsxs11, Fragment as Fragment3 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs11, Fragment as Fragment3 } from "react/jsx-runtime";
+var SIDEBAR_COOKIE_NAME3 = "sidebar_state";
+var SidebarOpenCookie2 = Schema3.Literals(["true", "false"]).annotate({
+  identifier: "SidebarOpenCookie"
+});
+var getSidebarOpenCookie = createIsomorphicFn().server(() => getCookie(SIDEBAR_COOKIE_NAME3)).client(() => Cookies2.parseHeader(globalThis.document?.cookie ?? "")[SIDEBAR_COOKIE_NAME3]);
+var getSidebarDefaultOpen2 = () => Schema3.decodeUnknownOption(SidebarOpenCookie2)(getSidebarOpenCookie()).pipe(Option2.map((value) => value === "true"), Option2.getOrElse(() => true));
 var makeIcon = (name, paths) => {
-  const Icon = forwardRef(({ absoluteStrokeWidth: _absoluteStrokeWidth, size = 24, ...props }, ref) => /* @__PURE__ */ jsx14("svg", {
+  const Icon = forwardRef(({ absoluteStrokeWidth: _absoluteStrokeWidth, size = 24, ...props }, ref) => /* @__PURE__ */ jsx17("svg", {
     "aria-hidden": "true",
     fill: "none",
     height: size,
@@ -1964,71 +1981,71 @@ var makeIcon = (name, paths) => {
 };
 var ArrowLeft = makeIcon("ArrowLeft", /* @__PURE__ */ jsxs11(Fragment3, {
   children: [
-    /* @__PURE__ */ jsx14("path", {
+    /* @__PURE__ */ jsx17("path", {
       d: "m12 19-7-7 7-7"
     }),
-    /* @__PURE__ */ jsx14("path", {
+    /* @__PURE__ */ jsx17("path", {
       d: "M19 12H5"
     })
   ]
 }));
 var ArrowRight = makeIcon("ArrowRight", /* @__PURE__ */ jsxs11(Fragment3, {
   children: [
-    /* @__PURE__ */ jsx14("path", {
+    /* @__PURE__ */ jsx17("path", {
       d: "M5 12h14"
     }),
-    /* @__PURE__ */ jsx14("path", {
+    /* @__PURE__ */ jsx17("path", {
       d: "m12 5 7 7-7 7"
     })
   ]
 }));
 var BookOpen = makeIcon("BookOpen", /* @__PURE__ */ jsxs11(Fragment3, {
   children: [
-    /* @__PURE__ */ jsx14("path", {
+    /* @__PURE__ */ jsx17("path", {
       d: "M12 7v14"
     }),
-    /* @__PURE__ */ jsx14("path", {
+    /* @__PURE__ */ jsx17("path", {
       d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-5a4 4 0 0 0-4 4 4 4 0 0 0-4-4Z"
     })
   ]
 }));
-var ChevronDown = makeIcon("ChevronDown", /* @__PURE__ */ jsx14("path", {
+var ChevronDown = makeIcon("ChevronDown", /* @__PURE__ */ jsx17("path", {
   d: "m6 9 6 6 6-6"
 }));
 var ExternalLink = makeIcon("ExternalLink", /* @__PURE__ */ jsxs11(Fragment3, {
   children: [
-    /* @__PURE__ */ jsx14("path", {
+    /* @__PURE__ */ jsx17("path", {
       d: "M15 3h6v6"
     }),
-    /* @__PURE__ */ jsx14("path", {
+    /* @__PURE__ */ jsx17("path", {
       d: "M10 14 21 3"
     }),
-    /* @__PURE__ */ jsx14("path", {
+    /* @__PURE__ */ jsx17("path", {
       d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
     })
   ]
 }));
 var Hash = makeIcon("Hash", /* @__PURE__ */ jsxs11(Fragment3, {
   children: [
-    /* @__PURE__ */ jsx14("line", {
+    /* @__PURE__ */ jsx17("line", {
       x1: "4",
       x2: "20",
       y1: "9",
       y2: "9"
     }),
-    /* @__PURE__ */ jsx14("line", {
+    /* @__PURE__ */ jsx17("line", {
       x1: "4",
       x2: "20",
       y1: "15",
       y2: "15"
     }),
-    /* @__PURE__ */ jsx14("line", {
+    /* @__PURE__ */ jsx17("line", {
       x1: "10",
       x2: "8",
       y1: "3",
       y2: "21"
     }),
-    /* @__PURE__ */ jsx14("line", {
+    /* @__PURE__ */ jsx17("line", {
       x1: "16",
       x2: "14",
       y1: "3",
@@ -2425,20 +2442,19 @@ var getDocsMessages = (locale, overrides) => ({
   ...locale.startsWith("fr") ? messages2.fr : messages2.en,
   ...overrides
 });
-var EmptyIcon = forwardRef(() => null);
-var iconFor = (icons, name) => name ? icons[name] ?? EmptyIcon : EmptyIcon;
+var iconFor = (icons, name) => name ? icons[name] : undefined;
 var DocsArticle = ({
   messages: messages3,
   page
 }) => {
-  return /* @__PURE__ */ jsx14(MarkdownContent, {
+  return /* @__PURE__ */ jsx17(MarkdownContent, {
     codeBlocks: page.codeBlocks,
     html: page.html,
     messages: { copy: messages3.copyCode, copied: messages3.copied }
   });
 };
 var useActiveDocsHeading = (headings) => {
-  const [activeHeadingId, setActiveHeadingId] = useState5(headings[0]?.id);
+  const [activeHeadingId, setActiveHeadingId] = useState6(headings[0]?.id);
   useEffect5(() => {
     const elements = headings.flatMap((heading) => {
       const element = document.getElementById(heading.id);
@@ -2478,12 +2494,12 @@ var DocsTableOfContentsItems = ({
   headings
 }) => {
   const activeHeadingId = useActiveDocsHeading(headings);
-  return /* @__PURE__ */ jsx14("ol", {
+  return /* @__PURE__ */ jsx17("ol", {
     className: "border-l",
     children: headings.map((heading) => {
       const isActive = heading.id === activeHeadingId;
-      return /* @__PURE__ */ jsx14("li", {
-        children: /* @__PURE__ */ jsx14("a", {
+      return /* @__PURE__ */ jsx17("li", {
+        children: /* @__PURE__ */ jsx17("a", {
           "aria-current": isActive ? "location" : undefined,
           className: `hover:text-foreground -ml-px block border-l py-1.5 text-sm leading-5 transition-colors ${isActive ? "border-primary text-foreground font-medium" : "text-muted-foreground border-transparent"} ${heading.depth === 3 ? "pl-6" : "pl-4"}`,
           href: `#${heading.id}`,
@@ -2503,11 +2519,11 @@ var DocsTableOfContents = ({
     "aria-label": label,
     className: "fixed top-20 max-h-[calc(100svh-6rem)] w-56 overflow-y-auto",
     children: [
-      /* @__PURE__ */ jsx14("p", {
+      /* @__PURE__ */ jsx17("p", {
         className: "text-foreground mb-3 text-sm font-semibold",
         children: label
       }),
-      /* @__PURE__ */ jsx14(DocsTableOfContentsItems, {
+      /* @__PURE__ */ jsx17(DocsTableOfContentsItems, {
         headings
       })
     ]
@@ -2525,19 +2541,19 @@ var DocsMobileTableOfContents = ({
       /* @__PURE__ */ jsxs11(CollapsibleTrigger, {
         className: "group flex w-full cursor-pointer items-center justify-between p-4 text-left text-sm font-semibold",
         children: [
-          /* @__PURE__ */ jsx14("span", {
+          /* @__PURE__ */ jsx17("span", {
             children: label
           }),
-          /* @__PURE__ */ jsx14(ChevronDown, {
+          /* @__PURE__ */ jsx17(ChevronDown, {
             className: "text-muted-foreground size-4 transition-transform group-data-[panel-open]:rotate-180"
           })
         ]
       }),
-      /* @__PURE__ */ jsx14(CollapsibleContent, {
+      /* @__PURE__ */ jsx17(CollapsibleContent, {
         className: "px-4 pt-1 pb-4",
-        children: /* @__PURE__ */ jsx14("nav", {
+        children: /* @__PURE__ */ jsx17("nav", {
           "aria-label": label,
-          children: /* @__PURE__ */ jsx14(DocsTableOfContentsItems, {
+          children: /* @__PURE__ */ jsx17(DocsTableOfContentsItems, {
             headings
           })
         })
@@ -2550,7 +2566,7 @@ var DocsSearch = ({
   locale,
   messages: messages3
 }) => {
-  const [query, setQuery] = useState5("");
+  const [query, setQuery] = useState6("");
   const deferredQuery = useDeferredValue(query);
   const results = docs.search(deferredQuery, locale);
   const isSearching = deferredQuery.trim().length > 0;
@@ -2575,7 +2591,7 @@ var DocsSearch = ({
         id: `${page.path}#${heading.id}`,
         label: heading.title,
         description: page.title,
-        icon: /* @__PURE__ */ jsx14(Hash, {
+        icon: /* @__PURE__ */ jsx17(Hash, {
           className: "size-4"
         }),
         onSelect: () => docs.navigate(`${page.path}#${heading.id}`)
@@ -2588,15 +2604,16 @@ var DocsSearch = ({
         };
         if (page.icon) {
           const PageIcon = iconFor(docs.icons, page.icon);
-          item.icon = /* @__PURE__ */ jsx14(PageIcon, {
-            className: "size-4"
-          });
+          if (PageIcon)
+            item.icon = /* @__PURE__ */ jsx17(PageIcon, {
+              className: "size-4"
+            });
         }
         return item;
       })())
     };
   });
-  return /* @__PURE__ */ jsx14(SearchMenu, {
+  return /* @__PURE__ */ jsx17(SearchMenu, {
     groups,
     messages: {
       title: messages3.searchTitle,
@@ -2614,7 +2631,8 @@ var DocsLayout = ({
   children,
   docs,
   headerActions,
-  locale
+  locale,
+  sidebarCollapsible = "icon"
 }) => {
   const { brand, resources, sidebarGroups } = docs;
   const resolvedMessages = docs.getMessages(locale);
@@ -2623,9 +2641,11 @@ var DocsLayout = ({
     items: section.pages.map((item) => {
       const navItem = {
         label: () => item.title,
-        href: item.path,
-        icon: iconFor(docs.icons, item.icon)
+        href: item.path
       };
+      const ItemIcon = iconFor(docs.icons, item.icon);
+      if (ItemIcon)
+        navItem.icon = ItemIcon;
       if (isDocsPageNew(item.createdAt)) {
         navItem.badge = () => resolvedMessages.newLabel;
       }
@@ -2639,7 +2659,6 @@ var DocsLayout = ({
         badge: item.badge,
         label: item.label,
         href: item.href,
-        icon: EmptyIcon,
         external: item.external
       }))
     })));
@@ -2652,23 +2671,23 @@ var DocsLayout = ({
           badge: item.badge,
           label: item.label,
           href: item.href,
-          icon: EmptyIcon,
           external: item.external
         })),
         ...docs.githubUrl ? [
           {
             label: () => docs.githubLabel,
             href: docs.githubUrl,
-            icon: EmptyIcon,
             external: true
           }
         ] : []
       ]
     });
   }
-  return /* @__PURE__ */ jsx14(SidebarLayout, {
+  return /* @__PURE__ */ jsx17(SidebarLayout, {
+    defaultOpen: getSidebarDefaultOpen2(),
     groups,
-    sidebarHeader: /* @__PURE__ */ jsx14(AppBrand, {
+    sidebarCollapsible,
+    sidebarHeader: /* @__PURE__ */ jsx17(AppBrand, {
       label: brand.label,
       subtitle: brand.subtitle(),
       icon: brand.icon,
@@ -2684,12 +2703,12 @@ var DocsLayout = ({
           rel: "noreferrer",
           children: [
             docs.githubLabel,
-            /* @__PURE__ */ jsx14(ExternalLink, {
+            /* @__PURE__ */ jsx17(ExternalLink, {
               className: "size-3.5"
             })
           ]
         }) : null,
-        /* @__PURE__ */ jsx14(DocsSearch, {
+        /* @__PURE__ */ jsx17(DocsSearch, {
           docs,
           locale,
           messages: resolvedMessages
@@ -2718,21 +2737,21 @@ var DocsHeader = ({ docs, resolution }) => {
       /* @__PURE__ */ jsxs11("div", {
         className: "flex flex-wrap items-center gap-3",
         children: [
-          /* @__PURE__ */ jsx14("h1", {
+          /* @__PURE__ */ jsx17("h1", {
             className: "text-3xl font-bold tracking-tight sm:text-4xl",
             children: page.title
           }),
-          page.tags?.map((tag) => /* @__PURE__ */ jsx14(Badge, {
+          page.tags?.map((tag) => /* @__PURE__ */ jsx17(Badge, {
             variant: "secondary",
             children: tag
           }, tag))
         ]
       }),
-      /* @__PURE__ */ jsx14("p", {
+      /* @__PURE__ */ jsx17("p", {
         className: "text-muted-foreground mt-3 max-w-2xl text-base leading-7",
         children: page.description
       }),
-      page.updatedAt ? /* @__PURE__ */ jsx14("p", {
+      page.updatedAt ? /* @__PURE__ */ jsx17("p", {
         className: "text-muted-foreground mt-3 text-sm",
         children: resolvedMessages.lastUpdated(new Date(page.updatedAt))
       }) : null
@@ -2744,11 +2763,11 @@ var DocsContent = ({ docs, resolution }) => {
   const resolvedMessages = docs.getMessages(page.locale);
   return /* @__PURE__ */ jsxs11(Fragment3, {
     children: [
-      /* @__PURE__ */ jsx14(DocsMobileTableOfContents, {
+      /* @__PURE__ */ jsx17(DocsMobileTableOfContents, {
         headings: page.headings,
         label: resolvedMessages.onThisPage
       }),
-      /* @__PURE__ */ jsx14(DocsArticle, {
+      /* @__PURE__ */ jsx17(DocsArticle, {
         messages: resolvedMessages,
         page
       })
@@ -2772,12 +2791,12 @@ var DocsFooter = ({ docs, resolution }) => {
             rel: "noreferrer",
             children: [
               resolvedMessages.editPage,
-              /* @__PURE__ */ jsx14(ExternalLink, {
+              /* @__PURE__ */ jsx17(ExternalLink, {
                 className: "size-3.5"
               })
             ]
           }) : null,
-          /* @__PURE__ */ jsx14("span", {
+          /* @__PURE__ */ jsx17("span", {
             className: "text-muted-foreground",
             children: resolvedMessages.latestVersionNotice
           })
@@ -2794,18 +2813,18 @@ var DocsFooter = ({ docs, resolution }) => {
               /* @__PURE__ */ jsxs11("span", {
                 className: "text-muted-foreground flex items-center gap-1 text-xs font-medium uppercase",
                 children: [
-                  /* @__PURE__ */ jsx14(ArrowLeft, {
+                  /* @__PURE__ */ jsx17(ArrowLeft, {
                     className: "size-3.5"
                   }),
                   resolvedMessages.previous
                 ]
               }),
-              /* @__PURE__ */ jsx14("span", {
+              /* @__PURE__ */ jsx17("span", {
                 className: "mt-1 block font-semibold",
                 children: neighbors.previous.title
               })
             ]
-          }) : /* @__PURE__ */ jsx14("span", {}),
+          }) : /* @__PURE__ */ jsx17("span", {}),
           neighbors.next ? /* @__PURE__ */ jsxs11("a", {
             className: "hover:bg-muted/50 rounded-lg border p-4 text-right transition-colors",
             href: neighbors.next.path,
@@ -2814,12 +2833,12 @@ var DocsFooter = ({ docs, resolution }) => {
                 className: "text-muted-foreground flex items-center justify-end gap-1 text-xs font-medium uppercase",
                 children: [
                   resolvedMessages.next,
-                  /* @__PURE__ */ jsx14(ArrowRight, {
+                  /* @__PURE__ */ jsx17(ArrowRight, {
                     className: "size-3.5"
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx14("span", {
+              /* @__PURE__ */ jsx17("span", {
                 className: "mt-1 block font-semibold",
                 children: neighbors.next.title
               })
@@ -2835,15 +2854,15 @@ var DocsPage = ({ children, docs, resolution }) => {
   const resolvedMessages = docs.getMessages(page.locale);
   const content = children ?? /* @__PURE__ */ jsxs11(Fragment3, {
     children: [
-      /* @__PURE__ */ jsx14(DocsHeader, {
+      /* @__PURE__ */ jsx17(DocsHeader, {
         docs,
         resolution
       }),
-      /* @__PURE__ */ jsx14(DocsContent, {
+      /* @__PURE__ */ jsx17(DocsContent, {
         docs,
         resolution
       }),
-      /* @__PURE__ */ jsx14(DocsFooter, {
+      /* @__PURE__ */ jsx17(DocsFooter, {
         docs,
         resolution
       })
@@ -2851,7 +2870,7 @@ var DocsPage = ({ children, docs, resolution }) => {
   });
   return /* @__PURE__ */ jsxs11(Fragment3, {
     children: [
-      /* @__PURE__ */ jsx14("a", {
+      /* @__PURE__ */ jsx17("a", {
         className: "bg-background focus:ring-ring fixed top-2 left-2 z-50 -translate-y-20 rounded-md border px-3 py-2 text-sm shadow-sm focus:translate-y-0 focus:ring-2",
         href: "#docs-content",
         children: resolvedMessages.skipToContent
@@ -2859,15 +2878,15 @@ var DocsPage = ({ children, docs, resolution }) => {
       /* @__PURE__ */ jsxs11("div", {
         className: "mx-auto grid w-full max-w-6xl gap-10 xl:grid-cols-[minmax(0,48rem)_14rem]",
         children: [
-          /* @__PURE__ */ jsx14("article", {
+          /* @__PURE__ */ jsx17("article", {
             id: "docs-content",
             className: "min-w-0 pb-16",
             tabIndex: -1,
             children: content
           }),
-          /* @__PURE__ */ jsx14("aside", {
+          /* @__PURE__ */ jsx17("aside", {
             className: "hidden xl:block",
-            children: /* @__PURE__ */ jsx14(DocsTableOfContents, {
+            children: /* @__PURE__ */ jsx17(DocsTableOfContents, {
               headings: page.headings,
               label: resolvedMessages.onThisPage
             })
@@ -2886,18 +2905,18 @@ var DocsNotFound = ({
   return /* @__PURE__ */ jsxs11("main", {
     className: "mx-auto flex min-h-screen max-w-lg flex-col justify-center px-6 text-center",
     children: [
-      /* @__PURE__ */ jsx14(BrandIcon, {
+      /* @__PURE__ */ jsx17(BrandIcon, {
         className: "text-primary mx-auto size-10"
       }),
-      /* @__PURE__ */ jsx14("h1", {
+      /* @__PURE__ */ jsx17("h1", {
         className: "mt-6 text-3xl font-bold tracking-tight",
         children: resolvedMessages.notFoundTitle
       }),
-      /* @__PURE__ */ jsx14("p", {
+      /* @__PURE__ */ jsx17("p", {
         className: "text-muted-foreground mt-3 leading-7",
         children: resolvedMessages.notFoundDescription
       }),
-      /* @__PURE__ */ jsx14("a", {
+      /* @__PURE__ */ jsx17("a", {
         className: "text-primary mt-6 font-semibold underline underline-offset-4",
         href: docs.basePath,
         children: resolvedMessages.notFoundAction
@@ -2906,20 +2925,20 @@ var DocsNotFound = ({
   });
 };
 export {
-  DocsCodeBlockSchema,
-  DocsContent,
-  DocsFooter,
-  DocsFrontmatter,
-  DocsHeader,
-  DocsHeadingSchema,
-  DocsLayout,
-  DocsNotFound,
-  DocsPage,
-  DocsPageSchema,
-  DocsPageType,
-  DocsSection,
-  createDocsSource,
-  getDocsMessages,
+  slugifyDocsHeading,
   makeDocs,
-  slugifyDocsHeading
+  getDocsMessages,
+  createDocsSource,
+  DocsSection,
+  DocsPageType,
+  DocsPageSchema,
+  DocsPage,
+  DocsNotFound,
+  DocsLayout,
+  DocsHeadingSchema,
+  DocsHeader,
+  DocsFrontmatter,
+  DocsFooter,
+  DocsContent,
+  DocsCodeBlockSchema
 };