@krak-stack/registry 0.1.27 → 0.1.29

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

@@ -10,11 +10,7 @@ import { useRender } from "@base-ui/react/use-render";
 import { cva } from "class-variance-authority";
 
 // ../../src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
+import { cn } from "cn";
 
 // ../../src/components/ui/badge.tsx
 var badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
@@ -119,31 +115,29 @@ 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 jsx4, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 "use client";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx4(SheetPrimitive.Root, {
+  return /* @__PURE__ */ jsx2(SheetPrimitive.Root, {
     "data-slot": "sheet",
     ...props
   });
 }
 function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ jsx4(SheetPrimitive.Portal, {
+  return /* @__PURE__ */ jsx2(SheetPrimitive.Portal, {
     "data-slot": "sheet-portal",
     ...props
   });
 }
 function SheetOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(SheetPrimitive.Backdrop, {
+  return /* @__PURE__ */ jsx2(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
@@ -158,7 +152,7 @@ function SheetContent({
 }) {
   return /* @__PURE__ */ jsxs(SheetPortal, {
     children: [
-      /* @__PURE__ */ jsx4(SheetOverlay, {}),
+      /* @__PURE__ */ jsx2(SheetOverlay, {}),
       /* @__PURE__ */ jsxs(SheetPrimitive.Popup, {
         "data-slot": "sheet-content",
         "data-side": side,
@@ -168,14 +162,14 @@ function SheetContent({
           children,
           showCloseButton && /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
             "data-slot": "sheet-close",
-            render: /* @__PURE__ */ jsx4(Button, {
+            render: /* @__PURE__ */ jsx2(Button, {
               variant: "ghost",
               className: "absolute top-4 right-4",
               size: "icon-sm"
             }),
             children: [
-              /* @__PURE__ */ jsx4(XIcon, {}),
-              /* @__PURE__ */ jsx4("span", {
+              /* @__PURE__ */ jsx2(XIcon, {}),
+              /* @__PURE__ */ jsx2("span", {
                 className: "sr-only",
                 children: "Close"
               })
@@ -187,14 +181,14 @@ function SheetContent({
   });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx2("div", {
     "data-slot": "sheet-header",
     className: cn("flex flex-col gap-1.5 p-4", className),
     ...props
   });
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(SheetPrimitive.Title, {
+  return /* @__PURE__ */ jsx2(SheetPrimitive.Title, {
     "data-slot": "sheet-title",
     className: cn("font-medium text-foreground", className),
     ...props
@@ -204,28 +198,25 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(SheetPrimitive.Description, {
+  return /* @__PURE__ */ jsx2(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 jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 "use client";
 function Tooltip({ ...props }) {
-  return /* @__PURE__ */ jsx6(TooltipPrimitive.Root, {
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Root, {
     "data-slot": "tooltip",
     ...props
   });
 }
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx6(TooltipPrimitive.Trigger, {
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Trigger, {
     "data-slot": "tooltip-trigger",
     ...props
   });
@@ -239,8 +230,8 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(TooltipPrimitive.Portal, {
-    children: /* @__PURE__ */ jsx6(TooltipPrimitive.Positioner, {
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx3(TooltipPrimitive.Positioner, {
       align,
       alignOffset,
       side,
@@ -252,7 +243,7 @@ function TooltipContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsx6(TooltipPrimitive.Arrow, {
+          /* @__PURE__ */ jsx3(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"
           })
         ]
@@ -264,7 +255,7 @@ function TooltipContent({
 // ../../src/components/ui/sidebar.tsx
 import { PanelLeftIcon } from "lucide-react";
 import { Schema } from "effect";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, 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";
@@ -328,9 +319,9 @@ function SidebarProvider({
     "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
     ...style
   };
-  return /* @__PURE__ */ jsx7(SidebarContext.Provider, {
+  return /* @__PURE__ */ jsx4(SidebarContext.Provider, {
     value: contextValue,
-    children: /* @__PURE__ */ jsx7("div", {
+    children: /* @__PURE__ */ jsx4("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),
@@ -350,7 +341,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx7("div", {
+    return /* @__PURE__ */ jsx4("div", {
       "data-slot": "sidebar",
       className: cn("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", className),
       ...props,
@@ -361,7 +352,7 @@ function Sidebar({
     const mobileStyle = {
       "--sidebar-width": SIDEBAR_WIDTH_MOBILE
     };
-    return /* @__PURE__ */ jsx7(Sheet, {
+    return /* @__PURE__ */ jsx4(Sheet, {
       open: openMobile,
       onOpenChange: setOpenMobile,
       ...props,
@@ -377,15 +368,15 @@ function Sidebar({
           /* @__PURE__ */ jsxs3(SheetHeader, {
             className: "sr-only",
             children: [
-              /* @__PURE__ */ jsx7(SheetTitle, {
+              /* @__PURE__ */ jsx4(SheetTitle, {
                 children: "Sidebar"
               }),
-              /* @__PURE__ */ jsx7(SheetDescription, {
+              /* @__PURE__ */ jsx4(SheetDescription, {
                 children: "Displays the mobile sidebar."
               })
             ]
           }),
-          /* @__PURE__ */ jsx7("div", {
+          /* @__PURE__ */ jsx4("div", {
             className: "flex h-full w-full flex-col",
             children
           })
@@ -401,16 +392,16 @@ function Sidebar({
     "data-side": side,
     "data-slot": "sidebar",
     children: [
-      /* @__PURE__ */ jsx7("div", {
+      /* @__PURE__ */ jsx4("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__ */ jsx7("div", {
+      /* @__PURE__ */ jsx4("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__ */ jsx7("div", {
+        children: /* @__PURE__ */ jsx4("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",
@@ -438,8 +429,8 @@ function SidebarTrigger({
     },
     ...props,
     children: [
-      /* @__PURE__ */ jsx7(PanelLeftIcon, {}),
-      /* @__PURE__ */ jsx7("span", {
+      /* @__PURE__ */ jsx4(PanelLeftIcon, {}),
+      /* @__PURE__ */ jsx4("span", {
         className: "sr-only",
         children: "Toggle Sidebar"
       })
@@ -448,7 +439,7 @@ function SidebarTrigger({
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx7("button", {
+  return /* @__PURE__ */ jsx4("button", {
     "data-sidebar": "rail",
     "data-slot": "sidebar-rail",
     "aria-label": "Toggle Sidebar",
@@ -460,14 +451,14 @@ function SidebarRail({ className, ...props }) {
   });
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx7("main", {
+  return /* @__PURE__ */ jsx4("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__ */ jsx7("div", {
+  return /* @__PURE__ */ jsx4("div", {
     "data-slot": "sidebar-header",
     "data-sidebar": "header",
     className: cn("flex flex-col gap-2 p-2", className),
@@ -475,7 +466,7 @@ function SidebarHeader({ className, ...props }) {
   });
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx7("div", {
+  return /* @__PURE__ */ jsx4("div", {
     "data-slot": "sidebar-footer",
     "data-sidebar": "footer",
     className: cn("flex flex-col gap-2 p-2", className),
@@ -483,7 +474,7 @@ function SidebarFooter({ className, ...props }) {
   });
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx7("div", {
+  return /* @__PURE__ */ jsx4("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),
@@ -491,7 +482,7 @@ function SidebarContent({ className, ...props }) {
   });
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx7("div", {
+  return /* @__PURE__ */ jsx4("div", {
     "data-slot": "sidebar-group",
     "data-sidebar": "group",
     className: cn("relative flex w-full min-w-0 flex-col p-2", className),
@@ -519,7 +510,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7("div", {
+  return /* @__PURE__ */ jsx4("div", {
     "data-slot": "sidebar-group-content",
     "data-sidebar": "group-content",
     className: cn("w-full text-sm", className),
@@ -527,7 +518,7 @@ function SidebarGroupContent({
   });
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx7("ul", {
+  return /* @__PURE__ */ jsx4("ul", {
     "data-slot": "sidebar-menu",
     "data-sidebar": "menu",
     className: cn("flex w-full min-w-0 flex-col gap-1", className),
@@ -535,7 +526,7 @@ function SidebarMenu({ className, ...props }) {
   });
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx7("li", {
+  return /* @__PURE__ */ jsx4("li", {
     "data-slot": "sidebar-menu-item",
     "data-sidebar": "menu-item",
     className: cn("group/menu-item relative", className),
@@ -574,7 +565,7 @@ function SidebarMenuButton({
     props: mergeProps2({
       className: cn(sidebarMenuButtonVariants({ variant, size }), className)
     }, props),
-    render: !tooltip ? render : /* @__PURE__ */ jsx7(TooltipTrigger, {
+    render: !tooltip ? render : /* @__PURE__ */ jsx4(TooltipTrigger, {
       render
     }),
     state: {
@@ -591,7 +582,7 @@ function SidebarMenuButton({
   return /* @__PURE__ */ jsxs3(Tooltip, {
     children: [
       comp,
-      /* @__PURE__ */ jsx7(TooltipContent, {
+      /* @__PURE__ */ jsx4(TooltipContent, {
         side: "right",
         align: "center",
         hidden: state !== "collapsed" || isMobile,
@@ -602,7 +593,7 @@ function SidebarMenuButton({
 }
 
 // ../../src/components/ui/sidebar-layout.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME2 = "sidebar_state";
 var SidebarOpenCookie = Schema2.Literals(["true", "false"]).annotate({
   identifier: "SidebarOpenCookie"
@@ -626,38 +617,38 @@ function AppSidebar({ collapsible, footer, groups, header }) {
   return /* @__PURE__ */ jsxs4(Sidebar, {
     collapsible,
     children: [
-      header && /* @__PURE__ */ jsx8(SidebarHeader, {
+      header && /* @__PURE__ */ jsx5(SidebarHeader, {
         children: header
       }),
-      /* @__PURE__ */ jsx8(SidebarContent, {
+      /* @__PURE__ */ jsx5(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__ */ jsx8(SidebarGroupLabel, {
+            /* @__PURE__ */ jsx5(SidebarGroupLabel, {
               children: group.label()
             }),
-            /* @__PURE__ */ jsx8(SidebarGroupContent, {
-              children: /* @__PURE__ */ jsx8(SidebarMenu, {
+            /* @__PURE__ */ jsx5(SidebarGroupContent, {
+              children: /* @__PURE__ */ jsx5(SidebarMenu, {
                 children: group.items.map((item) => {
-                  const render = item.external ? /* @__PURE__ */ jsx8("a", {
+                  const render = item.external ? /* @__PURE__ */ jsx5("a", {
                     href: item.href,
                     target: "_blank",
                     rel: "noreferrer"
-                  }) : /* @__PURE__ */ jsx8(Link, {
+                  }) : /* @__PURE__ */ jsx5(Link, {
                     to: item.href
                   });
-                  return /* @__PURE__ */ jsx8(SidebarMenuItem, {
+                  return /* @__PURE__ */ jsx5(SidebarMenuItem, {
                     children: /* @__PURE__ */ jsxs4(SidebarMenuButton, {
                       isActive: !item.external && pathname === item.href,
                       onClick: closeMobileSidebar,
                       render,
                       tooltip: item.label(),
                       children: [
-                        item.icon ? /* @__PURE__ */ jsx8(item.icon, {}) : null,
-                        /* @__PURE__ */ jsx8("span", {
+                        item.icon ? /* @__PURE__ */ jsx5(item.icon, {}) : null,
+                        /* @__PURE__ */ jsx5("span", {
                           children: item.label()
                         }),
-                        item.badge ? /* @__PURE__ */ jsx8(Badge, {
+                        item.badge ? /* @__PURE__ */ jsx5(Badge, {
                           className: "ml-auto",
                           variant: "secondary",
                           children: item.badge()
@@ -671,10 +662,10 @@ function AppSidebar({ collapsible, footer, groups, header }) {
           ]
         }, group.label()))
       }),
-      footer ? /* @__PURE__ */ jsx8(SidebarFooter, {
+      footer ? /* @__PURE__ */ jsx5(SidebarFooter, {
         children: footer
       }) : null,
-      /* @__PURE__ */ jsx8(SidebarRail, {})
+      /* @__PURE__ */ jsx5(SidebarRail, {})
     ]
   });
 }
@@ -690,7 +681,7 @@ function SidebarPageHeader({
       /* @__PURE__ */ jsxs4("div", {
         className: "flex flex-col gap-2",
         children: [
-          badge ? /* @__PURE__ */ jsx8(Badge, {
+          badge ? /* @__PURE__ */ jsx5(Badge, {
             className: "w-fit",
             variant: badge.variant ?? "secondary",
             children: badge.label
@@ -698,11 +689,11 @@ function SidebarPageHeader({
           /* @__PURE__ */ jsxs4("div", {
             className: "flex flex-col gap-1",
             children: [
-              /* @__PURE__ */ jsx8("h1", {
+              /* @__PURE__ */ jsx5("h1", {
                 className: "text-3xl font-bold tracking-tight",
                 children: title
               }),
-              description ? /* @__PURE__ */ jsx8("p", {
+              description ? /* @__PURE__ */ jsx5("p", {
                 className: "text-muted-foreground max-w-2xl text-sm",
                 children: description
               }) : null
@@ -710,7 +701,7 @@ function SidebarPageHeader({
           })
         ]
       }),
-      actions ? /* @__PURE__ */ jsx8("div", {
+      actions ? /* @__PURE__ */ jsx5("div", {
         className: "flex gap-2",
         children: actions
       }) : null
@@ -734,7 +725,7 @@ function SidebarLayout({
     onOpenChange: setSidebarOpen,
     className: cn(fullPage && "xl:h-svh xl:min-h-0 xl:overflow-hidden"),
     children: [
-      /* @__PURE__ */ jsx8(AppSidebar, {
+      /* @__PURE__ */ jsx5(AppSidebar, {
         collapsible: sidebarCollapsible,
         footer: sidebarFooter,
         groups,
@@ -746,16 +737,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__ */ jsx8(SidebarTrigger, {}),
-              /* @__PURE__ */ jsx8("div", {
+              /* @__PURE__ */ jsx5(SidebarTrigger, {}),
+              /* @__PURE__ */ jsx5("div", {
                 className: "ml-auto flex items-center gap-2",
                 children: headerActions
               })
             ]
           }),
-          /* @__PURE__ */ jsx8("div", {
+          /* @__PURE__ */ jsx5("div", {
             className: contentClassName ?? "flex flex-col gap-6 px-5 py-6 md:px-8",
-            children: children ?? /* @__PURE__ */ jsx8(Outlet, {})
+            children: children ?? /* @__PURE__ */ jsx5(Outlet, {})
           })
         ]
       })
@@ -763,7 +754,7 @@ function SidebarLayout({
   });
 }
 export {
-  useSidebarLayout,
+  SidebarLayout,
   SidebarPageHeader,
-  SidebarLayout
+  useSidebarLayout
 };

package/dist/components/ui/stats-card.js

@@ -5,11 +5,7 @@ import {
 } from "react";
 
 // ../../src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
+import { cn } from "cn";
 
 // ../../src/components/ui/card.tsx
 import { jsx } from "react/jsx-runtime";

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

@@ -15,11 +15,7 @@ import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
 
 // ../../src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
+import { cn } from "cn";
 
 // ../../src/components/ui/button.tsx
 import { jsx } from "react/jsx-runtime";
@@ -776,8 +772,8 @@ var ThemeOptionIcon = ({ theme }) => {
   });
 };
 export {
-  useTheme,
-  themes,
+  ThemeProvider,
   ThemeSwitcher,
-  ThemeProvider
+  themes,
+  useTheme
 };