@krak-stack/registry 0.1.25 → 0.1.27

package/dist/components/ui/sidebar-layout.js

@@ -1,9 +1,8 @@
 // ../../src/components/ui/sidebar-layout.tsx
-import { useAtom } from "@effect/atom-react";
-import { BrowserKeyValueStore } from "@effect/platform-browser";
 import { Link, 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 useState3 } from "react";
 
 // ../../src/components/ui/badge.tsx
 import { mergeProps } from "@base-ui/react/merge-props";
@@ -120,29 +119,31 @@ function Button({
 
 // ../../src/components/ui/input.tsx
 import { Input as InputPrimitive } from "@base-ui/react/input";
+import { jsx as jsx2 } from "react/jsx-runtime";
 
 // ../../src/components/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import { jsx as jsx3 } from "react/jsx-runtime";
 
 // ../../src/components/ui/sheet.tsx
 import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
 import { XIcon } from "lucide-react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 "use client";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx2(SheetPrimitive.Root, {
+  return /* @__PURE__ */ jsx4(SheetPrimitive.Root, {
     "data-slot": "sheet",
     ...props
   });
 }
 function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ jsx2(SheetPrimitive.Portal, {
+  return /* @__PURE__ */ jsx4(SheetPrimitive.Portal, {
     "data-slot": "sheet-portal",
     ...props
   });
 }
 function SheetOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(SheetPrimitive.Backdrop, {
+  return /* @__PURE__ */ jsx4(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
@@ -157,7 +158,7 @@ function SheetContent({
 }) {
   return /* @__PURE__ */ jsxs(SheetPortal, {
     children: [
-      /* @__PURE__ */ jsx2(SheetOverlay, {}),
+      /* @__PURE__ */ jsx4(SheetOverlay, {}),
       /* @__PURE__ */ jsxs(SheetPrimitive.Popup, {
         "data-slot": "sheet-content",
         "data-side": side,
@@ -167,14 +168,14 @@ function SheetContent({
           children,
           showCloseButton && /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
             "data-slot": "sheet-close",
-            render: /* @__PURE__ */ jsx2(Button, {
+            render: /* @__PURE__ */ jsx4(Button, {
               variant: "ghost",
               className: "absolute top-4 right-4",
               size: "icon-sm"
             }),
             children: [
-              /* @__PURE__ */ jsx2(XIcon, {}),
-              /* @__PURE__ */ jsx2("span", {
+              /* @__PURE__ */ jsx4(XIcon, {}),
+              /* @__PURE__ */ jsx4("span", {
                 className: "sr-only",
                 children: "Close"
               })
@@ -186,14 +187,14 @@ function SheetContent({
   });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx2("div", {
+  return /* @__PURE__ */ jsx4("div", {
     "data-slot": "sheet-header",
     className: cn("flex flex-col gap-1.5 p-4", className),
     ...props
   });
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(SheetPrimitive.Title, {
+  return /* @__PURE__ */ jsx4(SheetPrimitive.Title, {
     "data-slot": "sheet-title",
     className: cn("font-medium text-foreground", className),
     ...props
@@ -203,25 +204,28 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(SheetPrimitive.Description, {
+  return /* @__PURE__ */ jsx4(SheetPrimitive.Description, {
     "data-slot": "sheet-description",
     className: cn("text-sm text-muted-foreground", className),
     ...props
   });
 }
 
+// ../../src/components/ui/skeleton.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+
 // ../../src/components/ui/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 "use client";
 function Tooltip({ ...props }) {
-  return /* @__PURE__ */ jsx3(TooltipPrimitive.Root, {
+  return /* @__PURE__ */ jsx6(TooltipPrimitive.Root, {
     "data-slot": "tooltip",
     ...props
   });
 }
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx3(TooltipPrimitive.Trigger, {
+  return /* @__PURE__ */ jsx6(TooltipPrimitive.Trigger, {
     "data-slot": "tooltip-trigger",
     ...props
   });
@@ -235,8 +239,8 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(TooltipPrimitive.Portal, {
-    children: /* @__PURE__ */ jsx3(TooltipPrimitive.Positioner, {
+  return /* @__PURE__ */ jsx6(TooltipPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx6(TooltipPrimitive.Positioner, {
       align,
       alignOffset,
       side,
@@ -248,7 +252,7 @@ function TooltipContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsx3(TooltipPrimitive.Arrow, {
+          /* @__PURE__ */ jsx6(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"
           })
         ]
@@ -260,7 +264,7 @@ function TooltipContent({
 // ../../src/components/ui/sidebar.tsx
 import { PanelLeftIcon } from "lucide-react";
 import { Schema } from "effect";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -324,9 +328,9 @@ function SidebarProvider({
     "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
     ...style
   };
-  return /* @__PURE__ */ jsx4(SidebarContext.Provider, {
+  return /* @__PURE__ */ jsx7(SidebarContext.Provider, {
     value: contextValue,
-    children: /* @__PURE__ */ jsx4("div", {
+    children: /* @__PURE__ */ jsx7("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),
@@ -346,7 +350,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx4("div", {
+    return /* @__PURE__ */ jsx7("div", {
       "data-slot": "sidebar",
       className: cn("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", className),
       ...props,
@@ -357,7 +361,7 @@ function Sidebar({
     const mobileStyle = {
       "--sidebar-width": SIDEBAR_WIDTH_MOBILE
     };
-    return /* @__PURE__ */ jsx4(Sheet, {
+    return /* @__PURE__ */ jsx7(Sheet, {
       open: openMobile,
       onOpenChange: setOpenMobile,
       ...props,
@@ -373,15 +377,15 @@ function Sidebar({
           /* @__PURE__ */ jsxs3(SheetHeader, {
             className: "sr-only",
             children: [
-              /* @__PURE__ */ jsx4(SheetTitle, {
+              /* @__PURE__ */ jsx7(SheetTitle, {
                 children: "Sidebar"
               }),
-              /* @__PURE__ */ jsx4(SheetDescription, {
+              /* @__PURE__ */ jsx7(SheetDescription, {
                 children: "Displays the mobile sidebar."
               })
             ]
           }),
-          /* @__PURE__ */ jsx4("div", {
+          /* @__PURE__ */ jsx7("div", {
             className: "flex h-full w-full flex-col",
             children
           })
@@ -397,16 +401,16 @@ function Sidebar({
     "data-side": side,
     "data-slot": "sidebar",
     children: [
-      /* @__PURE__ */ jsx4("div", {
+      /* @__PURE__ */ jsx7("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__ */ jsx4("div", {
+      /* @__PURE__ */ jsx7("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__ */ jsx4("div", {
+        children: /* @__PURE__ */ jsx7("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",
@@ -434,8 +438,8 @@ function SidebarTrigger({
     },
     ...props,
     children: [
-      /* @__PURE__ */ jsx4(PanelLeftIcon, {}),
-      /* @__PURE__ */ jsx4("span", {
+      /* @__PURE__ */ jsx7(PanelLeftIcon, {}),
+      /* @__PURE__ */ jsx7("span", {
         className: "sr-only",
         children: "Toggle Sidebar"
       })
@@ -444,7 +448,7 @@ function SidebarTrigger({
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx4("button", {
+  return /* @__PURE__ */ jsx7("button", {
     "data-sidebar": "rail",
     "data-slot": "sidebar-rail",
     "aria-label": "Toggle Sidebar",
@@ -456,14 +460,14 @@ function SidebarRail({ className, ...props }) {
   });
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("main", {
+  return /* @__PURE__ */ jsx7("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__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx7("div", {
     "data-slot": "sidebar-header",
     "data-sidebar": "header",
     className: cn("flex flex-col gap-2 p-2", className),
@@ -471,7 +475,7 @@ function SidebarHeader({ className, ...props }) {
   });
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx7("div", {
     "data-slot": "sidebar-footer",
     "data-sidebar": "footer",
     className: cn("flex flex-col gap-2 p-2", className),
@@ -479,7 +483,7 @@ function SidebarFooter({ className, ...props }) {
   });
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx7("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),
@@ -487,7 +491,7 @@ function SidebarContent({ className, ...props }) {
   });
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx7("div", {
     "data-slot": "sidebar-group",
     "data-sidebar": "group",
     className: cn("relative flex w-full min-w-0 flex-col p-2", className),
@@ -515,7 +519,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx7("div", {
     "data-slot": "sidebar-group-content",
     "data-sidebar": "group-content",
     className: cn("w-full text-sm", className),
@@ -523,7 +527,7 @@ function SidebarGroupContent({
   });
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("ul", {
+  return /* @__PURE__ */ jsx7("ul", {
     "data-slot": "sidebar-menu",
     "data-sidebar": "menu",
     className: cn("flex w-full min-w-0 flex-col gap-1", className),
@@ -531,7 +535,7 @@ function SidebarMenu({ className, ...props }) {
   });
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("li", {
+  return /* @__PURE__ */ jsx7("li", {
     "data-slot": "sidebar-menu-item",
     "data-sidebar": "menu-item",
     className: cn("group/menu-item relative", className),
@@ -570,7 +574,7 @@ function SidebarMenuButton({
     props: mergeProps2({
       className: cn(sidebarMenuButtonVariants({ variant, size }), className)
     }, props),
-    render: !tooltip ? render : /* @__PURE__ */ jsx4(TooltipTrigger, {
+    render: !tooltip ? render : /* @__PURE__ */ jsx7(TooltipTrigger, {
       render
     }),
     state: {
@@ -587,7 +591,7 @@ function SidebarMenuButton({
   return /* @__PURE__ */ jsxs3(Tooltip, {
     children: [
       comp,
-      /* @__PURE__ */ jsx4(TooltipContent, {
+      /* @__PURE__ */ jsx7(TooltipContent, {
         side: "right",
         align: "center",
         hidden: state !== "collapsed" || isMobile,
@@ -598,19 +602,19 @@ function SidebarMenuButton({
 }
 
 // ../../src/components/ui/sidebar-layout.tsx
-import { jsx as jsx5, jsxs as jsxs4 } 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 jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var SIDEBAR_COOKIE_NAME2 = "sidebar_state";
+var SidebarOpenCookie = Schema2.Literals(["true", "false"]).annotate({
+  identifier: "SidebarOpenCookie"
 });
+var getSidebarDefaultOpen = (defaultOpen) => {
+  return Schema2.decodeUnknownOption(SidebarOpenCookie)(Cookies.parseHeader(globalThis.document?.cookie ?? "")[SIDEBAR_COOKIE_NAME2]).pipe(Option.map((value) => value === "true"), Option.getOrElse(() => defaultOpen));
+};
 var useSidebarLayout = () => {
   const { isMobile } = useSidebar();
   return { isMobile };
 };
-function AppSidebar({ footer, groups, header }) {
+function AppSidebar({ collapsible, footer, groups, header }) {
   const { isMobile, setOpenMobile } = useSidebar();
   const pathname = useRouterState({
     select: (state) => state.location.pathname
@@ -620,39 +624,40 @@ function AppSidebar({ footer, groups, header }) {
       setOpenMobile(false);
   };
   return /* @__PURE__ */ jsxs4(Sidebar, {
-    collapsible: "icon",
+    collapsible,
     children: [
-      header && /* @__PURE__ */ jsx5(SidebarHeader, {
+      header && /* @__PURE__ */ jsx8(SidebarHeader, {
         children: header
       }),
-      /* @__PURE__ */ jsx5(SidebarContent, {
+      /* @__PURE__ */ jsx8(SidebarContent, {
+        className: "group-data-[collapsible=icon]:overflow-x-hidden group-data-[collapsible=icon]:overflow-y-auto",
         children: groups.map((group) => /* @__PURE__ */ jsxs4(SidebarGroup, {
           children: [
-            /* @__PURE__ */ jsx5(SidebarGroupLabel, {
+            /* @__PURE__ */ jsx8(SidebarGroupLabel, {
               children: group.label()
             }),
-            /* @__PURE__ */ jsx5(SidebarGroupContent, {
-              children: /* @__PURE__ */ jsx5(SidebarMenu, {
+            /* @__PURE__ */ jsx8(SidebarGroupContent, {
+              children: /* @__PURE__ */ jsx8(SidebarMenu, {
                 children: group.items.map((item) => {
-                  const render = item.external ? /* @__PURE__ */ jsx5("a", {
+                  const render = item.external ? /* @__PURE__ */ jsx8("a", {
                     href: item.href,
                     target: "_blank",
                     rel: "noreferrer"
-                  }) : /* @__PURE__ */ jsx5(Link, {
+                  }) : /* @__PURE__ */ jsx8(Link, {
                     to: item.href
                   });
-                  return /* @__PURE__ */ jsx5(SidebarMenuItem, {
+                  return /* @__PURE__ */ jsx8(SidebarMenuItem, {
                     children: /* @__PURE__ */ jsxs4(SidebarMenuButton, {
                       isActive: !item.external && pathname === item.href,
                       onClick: closeMobileSidebar,
                       render,
                       tooltip: item.label(),
                       children: [
-                        /* @__PURE__ */ jsx5(item.icon, {}),
-                        /* @__PURE__ */ jsx5("span", {
+                        item.icon ? /* @__PURE__ */ jsx8(item.icon, {}) : null,
+                        /* @__PURE__ */ jsx8("span", {
                           children: item.label()
                         }),
-                        item.badge ? /* @__PURE__ */ jsx5(Badge, {
+                        item.badge ? /* @__PURE__ */ jsx8(Badge, {
                           className: "ml-auto",
                           variant: "secondary",
                           children: item.badge()
@@ -666,10 +671,10 @@ function AppSidebar({ footer, groups, header }) {
           ]
         }, group.label()))
       }),
-      footer ? /* @__PURE__ */ jsx5(SidebarFooter, {
+      footer ? /* @__PURE__ */ jsx8(SidebarFooter, {
         children: footer
       }) : null,
-      /* @__PURE__ */ jsx5(SidebarRail, {})
+      /* @__PURE__ */ jsx8(SidebarRail, {})
     ]
   });
 }
@@ -685,7 +690,7 @@ function SidebarPageHeader({
       /* @__PURE__ */ jsxs4("div", {
         className: "flex flex-col gap-2",
         children: [
-          badge ? /* @__PURE__ */ jsx5(Badge, {
+          badge ? /* @__PURE__ */ jsx8(Badge, {
             className: "w-fit",
             variant: badge.variant ?? "secondary",
             children: badge.label
@@ -693,11 +698,11 @@ function SidebarPageHeader({
           /* @__PURE__ */ jsxs4("div", {
             className: "flex flex-col gap-1",
             children: [
-              /* @__PURE__ */ jsx5("h1", {
+              /* @__PURE__ */ jsx8("h1", {
                 className: "text-3xl font-bold tracking-tight",
                 children: title
               }),
-              description ? /* @__PURE__ */ jsx5("p", {
+              description ? /* @__PURE__ */ jsx8("p", {
                 className: "text-muted-foreground max-w-2xl text-sm",
                 children: description
               }) : null
@@ -705,7 +710,7 @@ function SidebarPageHeader({
           })
         ]
       }),
-      actions ? /* @__PURE__ */ jsx5("div", {
+      actions ? /* @__PURE__ */ jsx8("div", {
         className: "flex gap-2",
         children: actions
       }) : null
@@ -719,15 +724,18 @@ function SidebarLayout({
   sidebarHeader,
   headerActions,
   contentClassName,
-  fullPage = false
+  fullPage = false,
+  sidebarCollapsible = "icon",
+  defaultOpen = true
 }) {
-  const [sidebarOpen, setSidebarOpen] = useAtom(sidebarOpenAtom);
+  const [sidebarOpen, setSidebarOpen] = useState3(() => getSidebarDefaultOpen(defaultOpen));
   return /* @__PURE__ */ jsxs4(SidebarProvider, {
     open: sidebarOpen,
     onOpenChange: setSidebarOpen,
     className: cn(fullPage && "xl:h-svh xl:min-h-0 xl:overflow-hidden"),
     children: [
-      /* @__PURE__ */ jsx5(AppSidebar, {
+      /* @__PURE__ */ jsx8(AppSidebar, {
+        collapsible: sidebarCollapsible,
         footer: sidebarFooter,
         groups,
         header: sidebarHeader
@@ -738,16 +746,16 @@ function SidebarLayout({
           /* @__PURE__ */ jsxs4("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__ */ jsx5(SidebarTrigger, {}),
-              /* @__PURE__ */ jsx5("div", {
+              /* @__PURE__ */ jsx8(SidebarTrigger, {}),
+              /* @__PURE__ */ jsx8("div", {
                 className: "ml-auto flex items-center gap-2",
                 children: headerActions
               })
             ]
           }),
-          /* @__PURE__ */ jsx5("div", {
+          /* @__PURE__ */ jsx8("div", {
             className: contentClassName ?? "flex flex-col gap-6 px-5 py-6 md:px-8",
-            children: children ?? /* @__PURE__ */ jsx5(Outlet, {})
+            children: children ?? /* @__PURE__ */ jsx8(Outlet, {})
           })
         ]
       })
@@ -755,7 +763,7 @@ function SidebarLayout({
   });
 }
 export {
-  SidebarLayout,
+  useSidebarLayout,
   SidebarPageHeader,
-  useSidebarLayout
+  SidebarLayout
 };

package/dist/components/ui/theme-switcher.js

@@ -776,8 +776,8 @@ var ThemeOptionIcon = ({ theme }) => {
   });
 };
 export {
-  ThemeProvider,
-  ThemeSwitcher,
+  useTheme,
   themes,
-  useTheme
+  ThemeSwitcher,
+  ThemeProvider
 };