@wikex/admin-kit 0.5.0 → 0.7.0

package/dist/admin/nav-client.js

@@ -8,10 +8,26 @@ import {
   useAdminBrand
 } from "../chunk-X7VETFVD.js";
 import {
-  LogoutButton_default
-} from "../chunk-GZ2B5BTH.js";
+  MinimalLogoutButton_default
+} from "../chunk-B6FIGT4Q.js";
 
-// src/admin/NavClient.tsx
+// src/admin/MinimalNavClient.tsx
+import {
+  Avatar,
+  Backdrop,
+  Box,
+  Divider,
+  IconButton,
+  List,
+  ListItemButton,
+  ListItemIcon,
+  ListItemText,
+  ListSubheader,
+  Paper,
+  Stack,
+  Tooltip,
+  Typography
+} from "@mui/material";
 import { Link, useAuth, useConfig, useNav } from "@payloadcms/ui";
 import {
   BookOpenText,
@@ -35,7 +51,7 @@ import {
 } from "lucide-react";
 import { usePathname } from "next/navigation";
 import { formatAdminURL } from "payload/shared";
-import { useEffect, useMemo, useState } from "react";
+import { Fragment, useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var iconBySlug = {
   categories: Tags,
@@ -55,6 +71,32 @@ var getInitials = (name, email) => {
   const source = name?.trim() || email?.split("@")[0] || "AD";
   return source.split(/\s+/).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
 };
+var NavLink = ({ active, href, icon: Icon, isMini, label, onClick }) => {
+  const link = /* @__PURE__ */ jsxs(
+    ListItemButton,
+    {
+      "aria-current": active ? "page" : void 0,
+      className: "minimal-nav__item",
+      component: Link,
+      href,
+      onClick,
+      prefetch: false,
+      selected: active,
+      sx: { borderRadius: 1, minHeight: 44, px: 1.5 },
+      children: [
+        /* @__PURE__ */ jsx(ListItemIcon, { sx: { color: "inherit", minWidth: 36 }, children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", size: 22, strokeWidth: 1.8 }) }),
+        /* @__PURE__ */ jsx(
+          ListItemText,
+          {
+            primary: label,
+            primaryTypographyProps: { fontSize: 14, fontWeight: active ? 700 : 600 }
+          }
+        )
+      ]
+    }
+  );
+  return isMini ? /* @__PURE__ */ jsx(Tooltip, { arrow: true, placement: "right", title: label, children: link }) : link;
+};
 var AdminNavClient = ({ groups }) => {
   const pathname = usePathname();
   const brand = useAdminBrand();
@@ -70,8 +112,7 @@ var AdminNavClient = ({ groups }) => {
   const [isMini, setIsMini] = useState(false);
   const [isMobile, setIsMobile] = useState(false);
   useEffect(() => {
-    const storedValue = window.localStorage.getItem("minimal-admin-nav-mini");
-    setIsMini(storedValue === "true");
+    setIsMini(window.localStorage.getItem("minimal-admin-nav-mini") === "true");
   }, []);
   useEffect(() => {
     const mediaQuery = window.matchMedia("(max-width: 768px)");
@@ -81,7 +122,7 @@ var AdminNavClient = ({ groups }) => {
     return () => mediaQuery.removeEventListener("change", syncViewport);
   }, []);
   useEffect(() => {
-    document.documentElement.style.setProperty("--nav-width", isMini ? "88px" : "280px");
+    document.documentElement.style.setProperty("--nav-width", isMini ? "88px" : "300px");
     window.localStorage.setItem("minimal-admin-nav-mini", String(isMini));
     return () => {
       document.documentElement.style.removeProperty("--nav-width");
@@ -89,169 +130,192 @@ var AdminNavClient = ({ groups }) => {
   }, [isMini]);
   const userLabel = user?.name?.trim() || user?.email?.split("@")[0] || "Qu\u1EA3n tr\u1ECB vi\xEAn";
   const initials = useMemo(() => getInitials(user?.name, user?.email), [user?.email, user?.name]);
+  const compact = isMini && !isMobile;
   const closeMobileNav = () => {
     if (window.matchMedia("(max-width: 768px)").matches) setNavOpen(false);
   };
+  const isActive = (href) => pathname === href || href !== adminRoute && pathname.startsWith(`${href}/`);
   const classes = [
     "minimal-nav",
     navOpen && "minimal-nav--open",
-    isMini && "minimal-nav--mini",
+    compact && "minimal-nav--mini",
     shouldAnimate && "minimal-nav--animate",
     hydrated && "minimal-nav--hydrated"
   ].filter(Boolean).join(" ");
-  const isActive = (href) => pathname === href || href !== adminRoute && pathname.startsWith(`${href}/`);
-  return /* @__PURE__ */ jsxs(
-    "aside",
-    {
-      "aria-label": "\u0110i\u1EC1u h\u01B0\u1EDBng qu\u1EA3n tr\u1ECB",
-      className: classes,
-      inert: isMobile && !navOpen || void 0,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "minimal-nav__scroll", ref: navRef, children: [
-          /* @__PURE__ */ jsxs("div", { className: "minimal-nav__brand-row", children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Backdrop,
+      {
+        className: "minimal-nav__backdrop",
+        onClick: () => setNavOpen(false),
+        open: isMobile && navOpen
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        "aria-label": "\u0110i\u1EC1u h\u01B0\u1EDBng qu\u1EA3n tr\u1ECB",
+        className: classes,
+        component: "aside",
+        inert: isMobile && !navOpen || void 0,
+        children: [
+          /* @__PURE__ */ jsxs(Paper, { className: "minimal-nav__scroll", elevation: 0, ref: navRef, square: true, children: [
+            /* @__PURE__ */ jsxs(Stack, { alignItems: "center", className: "minimal-nav__brand-row", direction: "row", children: [
+              /* @__PURE__ */ jsxs(
+                Link,
+                {
+                  "aria-label": `V\u1EC1 dashboard ${brand.siteName}`,
+                  className: "minimal-nav__brand",
+                  href: adminRoute,
+                  onClick: closeMobileNav,
+                  prefetch: false,
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "minimal-nav__brand-full", children: /* @__PURE__ */ jsx(AdminLogo, {}) }),
+                    /* @__PURE__ */ jsx("span", { className: "minimal-nav__brand-icon", children: /* @__PURE__ */ jsx(AdminIcon, {}) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  "aria-label": "\u0110\xF3ng menu",
+                  className: "minimal-nav__mobile-close",
+                  onClick: () => setNavOpen(false),
+                  size: "small",
+                  children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", size: 20 })
+                }
+              )
+            ] }),
             /* @__PURE__ */ jsxs(
-              Link,
+              Paper,
               {
-                "aria-label": `V\u1EC1 dashboard ${brand.siteName}`,
-                className: "minimal-nav__brand",
+                className: "minimal-nav__workspace",
+                component: Link,
+                elevation: 0,
                 href: adminRoute,
                 onClick: closeMobileNav,
                 prefetch: false,
+                title: brand.siteName,
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: "minimal-nav__brand-full", children: /* @__PURE__ */ jsx(AdminLogo, {}) }),
-                  /* @__PURE__ */ jsx("span", { className: "minimal-nav__brand-icon", children: /* @__PURE__ */ jsx(AdminIcon, {}) })
+                  /* @__PURE__ */ jsx(Avatar, { className: "minimal-nav__workspace-icon", variant: "rounded", children: /* @__PURE__ */ jsx(GalleryVerticalEnd, { "aria-hidden": "true", size: 20 }) }),
+                  /* @__PURE__ */ jsxs("span", { className: "minimal-nav__workspace-copy", children: [
+                    /* @__PURE__ */ jsx(Typography, { component: "small", variant: "caption", children: "Kh\xF4ng gian l\xE0m vi\u1EC7c" }),
+                    /* @__PURE__ */ jsx(Typography, { component: "strong", variant: "subtitle2", children: brand.siteName })
+                  ] }),
+                  /* @__PURE__ */ jsx(Menu, { "aria-hidden": "true", className: "minimal-nav__workspace-menu", size: 18 })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                "aria-label": "\u0110\xF3ng menu",
-                className: "minimal-nav__mobile-close",
-                onClick: () => setNavOpen(false),
-                type: "button",
-                children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs(
-            Link,
-            {
-              className: "minimal-nav__workspace",
-              href: adminRoute,
-              onClick: closeMobileNav,
-              prefetch: false,
-              title: brand.siteName,
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "minimal-nav__workspace-icon", children: /* @__PURE__ */ jsx(GalleryVerticalEnd, { "aria-hidden": "true" }) }),
-                /* @__PURE__ */ jsxs("span", { className: "minimal-nav__workspace-copy", children: [
-                  /* @__PURE__ */ jsx("small", { children: "Kh\xF4ng gian l\xE0m vi\u1EC7c" }),
-                  /* @__PURE__ */ jsx("strong", { children: brand.siteName })
-                ] }),
-                /* @__PURE__ */ jsx(Menu, { "aria-hidden": "true", className: "minimal-nav__workspace-menu" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs("nav", { className: "minimal-nav__menu", children: [
-            /* @__PURE__ */ jsxs("div", { className: "minimal-nav__group", children: [
-              /* @__PURE__ */ jsx("span", { className: "minimal-nav__group-label", children: "T\u1ED5ng quan" }),
-              /* @__PURE__ */ jsxs(
-                Link,
+            /* @__PURE__ */ jsxs(Box, { className: "minimal-nav__menu", component: "nav", children: [
+              /* @__PURE__ */ jsx(
+                List,
                 {
-                  "aria-current": pathname === adminRoute ? "page" : void 0,
-                  className: `minimal-nav__item ${pathname === adminRoute ? "minimal-nav__item--active" : ""}`,
-                  href: adminRoute,
-                  onClick: closeMobileNav,
-                  prefetch: false,
-                  title: "Dashboard",
-                  children: [
-                    /* @__PURE__ */ jsx(LayoutDashboard, { "aria-hidden": "true" }),
-                    /* @__PURE__ */ jsx("span", { children: "T\u1ED5ng quan" })
-                  ]
+                  className: "minimal-nav__group",
+                  disablePadding: true,
+                  subheader: /* @__PURE__ */ jsx(ListSubheader, { className: "minimal-nav__group-label", component: "div", disableSticky: true, children: "T\u1ED5ng quan" }),
+                  children: /* @__PURE__ */ jsx(
+                    NavLink,
+                    {
+                      active: pathname === adminRoute,
+                      href: adminRoute,
+                      icon: LayoutDashboard,
+                      isMini: compact,
+                      label: "T\u1ED5ng quan",
+                      onClick: closeMobileNav
+                    }
+                  )
                 }
-              )
+              ),
+              groups.map((group) => /* @__PURE__ */ jsx(
+                List,
+                {
+                  className: "minimal-nav__group",
+                  disablePadding: true,
+                  subheader: /* @__PURE__ */ jsx(ListSubheader, { className: "minimal-nav__group-label", component: "div", disableSticky: true, children: translateGroupLabel(group.label) }),
+                  children: group.items.map((item) => {
+                    const href = formatAdminURL({ adminRoute, path: `/${item.type}/${item.slug}` });
+                    return /* @__PURE__ */ jsx(
+                      NavLink,
+                      {
+                        active: isActive(href),
+                        href,
+                        icon: iconBySlug[item.slug] || FileText,
+                        isMini: compact,
+                        label: item.label,
+                        onClick: closeMobileNav
+                      },
+                      `${item.type}-${item.slug}`
+                    );
+                  })
+                },
+                group.label
+              )),
+              folders && folders.browseByFolder ? /* @__PURE__ */ jsx(
+                List,
+                {
+                  className: "minimal-nav__group",
+                  disablePadding: true,
+                  subheader: /* @__PURE__ */ jsx(ListSubheader, { className: "minimal-nav__group-label", component: "div", disableSticky: true, children: "Th\u01B0 vi\u1EC7n" }),
+                  children: /* @__PURE__ */ jsx(
+                    NavLink,
+                    {
+                      active: isActive(
+                        formatAdminURL({ adminRoute, path: adminRoutes.browseByFolder })
+                      ),
+                      href: formatAdminURL({ adminRoute, path: adminRoutes.browseByFolder }),
+                      icon: Library,
+                      isMini: compact,
+                      label: "Duy\u1EC7t theo th\u01B0 m\u1EE5c",
+                      onClick: closeMobileNav
+                    }
+                  )
+                }
+              ) : null
             ] }),
-            groups.map((group) => /* @__PURE__ */ jsxs("div", { className: "minimal-nav__group", children: [
-              /* @__PURE__ */ jsx("span", { className: "minimal-nav__group-label", children: translateGroupLabel(group.label) }),
-              group.items.map((item) => {
-                const href = formatAdminURL({
-                  adminRoute,
-                  path: `/${item.type}/${item.slug}`
-                });
-                const Icon = iconBySlug[item.slug] || FileText;
-                const active = isActive(href);
-                return /* @__PURE__ */ jsxs(
-                  Link,
-                  {
-                    "aria-current": active ? "page" : void 0,
-                    className: `minimal-nav__item ${active ? "minimal-nav__item--active" : ""}`,
-                    href,
-                    onClick: closeMobileNav,
-                    prefetch: false,
-                    title: item.label,
-                    children: [
-                      /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }),
-                      /* @__PURE__ */ jsx("span", { children: item.label })
-                    ]
-                  },
-                  `${item.type}-${item.slug}`
-                );
-              })
-            ] }, group.label)),
-            folders && folders.browseByFolder && /* @__PURE__ */ jsxs("div", { className: "minimal-nav__group", children: [
-              /* @__PURE__ */ jsx("span", { className: "minimal-nav__group-label", children: "Th\u01B0 vi\u1EC7n" }),
+            /* @__PURE__ */ jsxs(Box, { className: "minimal-nav__footer", children: [
+              /* @__PURE__ */ jsx(Divider, { sx: { mb: 1.5 } }),
               /* @__PURE__ */ jsxs(
-                Link,
+                ListItemButton,
                 {
-                  "aria-current": isActive(formatAdminURL({ adminRoute, path: adminRoutes.browseByFolder })) ? "page" : void 0,
-                  className: `minimal-nav__item ${isActive(formatAdminURL({ adminRoute, path: adminRoutes.browseByFolder })) ? "minimal-nav__item--active" : ""}`,
-                  href: formatAdminURL({ adminRoute, path: adminRoutes.browseByFolder }),
+                  className: "minimal-nav__account",
+                  component: Link,
+                  href: formatAdminURL({ adminRoute, path: adminRoutes.account }),
                   onClick: closeMobileNav,
                   prefetch: false,
-                  title: "Duy\u1EC7t theo th\u01B0 m\u1EE5c",
+                  sx: { borderRadius: 1.25 },
                   children: [
-                    /* @__PURE__ */ jsx(Library, { "aria-hidden": "true" }),
-                    /* @__PURE__ */ jsx("span", { children: "Duy\u1EC7t theo th\u01B0 m\u1EE5c" })
+                    /* @__PURE__ */ jsx(Avatar, { className: "minimal-nav__avatar", children: initials }),
+                    /* @__PURE__ */ jsx(
+                      ListItemText,
+                      {
+                        className: "minimal-nav__account-copy",
+                        primary: userLabel,
+                        primaryTypographyProps: { fontSize: 14, fontWeight: 600, noWrap: true },
+                        secondary: user?.email || "T\xE0i kho\u1EA3n qu\u1EA3n tr\u1ECB",
+                        secondaryTypographyProps: { fontSize: 12, noWrap: true }
+                      }
+                    )
                   ]
                 }
-              )
+              ),
+              /* @__PURE__ */ jsx("div", { className: "minimal-nav__logout", children: /* @__PURE__ */ jsx(MinimalLogoutButton_default, {}) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "minimal-nav__footer", children: [
-            /* @__PURE__ */ jsxs(
-              Link,
-              {
-                className: "minimal-nav__account",
-                href: formatAdminURL({ adminRoute, path: adminRoutes.account }),
-                onClick: closeMobileNav,
-                prefetch: false,
-                title: userLabel,
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: "minimal-nav__avatar", children: initials }),
-                  /* @__PURE__ */ jsxs("span", { className: "minimal-nav__account-copy", children: [
-                    /* @__PURE__ */ jsx("strong", { children: userLabel }),
-                    /* @__PURE__ */ jsx("small", { children: user?.email || "T\xE0i kho\u1EA3n qu\u1EA3n tr\u1ECB" })
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "minimal-nav__logout", children: /* @__PURE__ */ jsx(LogoutButton_default, {}) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            "aria-label": isMini ? "M\u1EDF r\u1ED9ng menu" : "Thu g\u1ECDn menu",
-            className: "minimal-nav__collapse",
-            onClick: () => setIsMini((current) => !current),
-            title: isMini ? "M\u1EDF r\u1ED9ng menu" : "Thu g\u1ECDn menu",
-            type: "button",
-            children: isMini ? /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true" })
-          }
-        )
-      ]
-    }
-  );
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "aria-label": isMini ? "M\u1EDF r\u1ED9ng menu" : "Thu g\u1ECDn menu",
+              className: "minimal-nav__collapse",
+              onClick: () => setIsMini((current) => !current),
+              size: "small",
+              title: isMini ? "M\u1EDF r\u1ED9ng menu" : "Thu g\u1ECDn menu",
+              children: isMini ? /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    )
+  ] });
 };
 export {
   AdminNavClient

package/dist/admin/theme-toggle.js

@@ -1,8 +1,8 @@
 'use client';
 "use client";
 import {
-  ThemeToggle_default
-} from "../chunk-SAI5SWZA.js";
+  MinimalThemeToggle_default
+} from "../chunk-N7CP6ZLG.js";
 export {
-  ThemeToggle_default as default
+  MinimalThemeToggle_default as default
 };

package/dist/admin/view-site.js

@@ -1,11 +1,8 @@
-// src/admin/ViewSite.tsx
-import { ArrowUpRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var AdminViewSite = () => /* @__PURE__ */ jsxs("a", { className: "admin-view-site", "data-slot": "button", href: "/", rel: "noreferrer", target: "_blank", children: [
-  "Xem website",
-  /* @__PURE__ */ jsx(ArrowUpRight, { "aria-hidden": "true" })
-] });
-var ViewSite_default = AdminViewSite;
+'use client';
+"use client";
+import {
+  MinimalViewSite_default
+} from "../chunk-BKR24U6B.js";
 export {
-  ViewSite_default as default
+  MinimalViewSite_default as default
 };

package/dist/{chunk-7FEACJUN.js → chunk-5DJKPKJ6.js}

@@ -107,6 +107,7 @@ var wikexAdminPlugin = (options = {}) => {
     const components = admin.components ?? {};
     const beforeDashboard = options.components?.beforeDashboard;
     const provider = options.components?.provider;
+    const providers = appendUnique(components.providers, ["@wikex/admin-kit/minimal/provider"]);
     return {
       ...config,
       admin: {
@@ -130,7 +131,7 @@ var wikexAdminPlugin = (options = {}) => {
           logout: {
             Button: components.logout?.Button ?? "@wikex/admin-kit/admin/logout-button"
           },
-          providers: typeof provider !== "string" ? components.providers : appendUnique(components.providers, [provider])
+          providers: typeof provider !== "string" ? providers : appendUnique(providers, [provider])
         },
         livePreview: admin.livePreview ?? {
           breakpoints: [

package/dist/{chunk-GZ2B5BTH.js → chunk-B6FIGT4Q.js}

@@ -1,6 +1,7 @@
 'use client';
 
-// src/admin/LogoutButton.tsx
+// src/admin/MinimalLogoutButton.tsx
+import { ListItemButton, ListItemIcon, ListItemText } from "@mui/material";
 import { Link, useConfig, useTranslation } from "@payloadcms/ui";
 import { LogOut } from "lucide-react";
 import { formatAdminURL } from "payload/shared";
@@ -17,23 +18,25 @@ var AdminLogoutButton = ({ tabIndex = 0 }) => {
   const { t } = useTranslation();
   const label = t("authentication:logOut");
   return /* @__PURE__ */ jsxs(
-    Link,
+    ListItemButton,
     {
       "aria-label": label,
       className: "admin-sign-out",
+      component: Link,
       href: formatAdminURL({ adminRoute, path: logoutRoute }),
       prefetch: false,
+      sx: { borderRadius: 1 },
       tabIndex,
       title: label,
       children: [
-        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "admin-sign-out__icon", children: /* @__PURE__ */ jsx(LogOut, { strokeWidth: 2 }) }),
-        /* @__PURE__ */ jsx("span", { className: "admin-sign-out__label", children: label })
+        /* @__PURE__ */ jsx(ListItemIcon, { className: "admin-sign-out__icon", sx: { minWidth: 36 }, children: /* @__PURE__ */ jsx(LogOut, { size: 19, strokeWidth: 2 }) }),
+        /* @__PURE__ */ jsx(ListItemText, { className: "admin-sign-out__label", primary: label })
       ]
     }
   );
 };
-var LogoutButton_default = AdminLogoutButton;
+var MinimalLogoutButton_default = AdminLogoutButton;
 
 export {
-  LogoutButton_default
+  MinimalLogoutButton_default
 };

package/dist/chunk-BKR24U6B.js

@@ -0,0 +1,25 @@
+'use client';
+
+// src/admin/MinimalViewSite.tsx
+import { Button } from "@mui/material";
+import { ArrowUpRight } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var AdminViewSite = () => /* @__PURE__ */ jsx(
+  Button,
+  {
+    className: "admin-view-site",
+    component: "a",
+    endIcon: /* @__PURE__ */ jsx(ArrowUpRight, { "aria-hidden": "true", size: 16 }),
+    href: "/",
+    rel: "noreferrer",
+    size: "small",
+    target: "_blank",
+    variant: "outlined",
+    children: "Xem website"
+  }
+);
+var MinimalViewSite_default = AdminViewSite;
+
+export {
+  MinimalViewSite_default
+};

package/dist/chunk-N7CP6ZLG.js

@@ -0,0 +1,26 @@
+'use client';
+
+// src/admin/MinimalThemeToggle.tsx
+import { Switch, Tooltip } from "@mui/material";
+import { useTheme } from "@payloadcms/ui";
+import { jsx } from "react/jsx-runtime";
+var AdminThemeToggle = () => {
+  const { setTheme, theme } = useTheme();
+  const isDark = theme === "dark";
+  const label = isDark ? "Chuy\u1EC3n sang giao di\u1EC7n s\xE1ng" : "Chuy\u1EC3n sang giao di\u1EC7n t\u1ED1i";
+  return /* @__PURE__ */ jsx(Tooltip, { title: label, children: /* @__PURE__ */ jsx(
+    Switch,
+    {
+      checked: isDark,
+      className: "admin-theme-toggle",
+      inputProps: { "aria-label": label },
+      onChange: () => setTheme(isDark ? "light" : "dark"),
+      size: "small"
+    }
+  ) });
+};
+var MinimalThemeToggle_default = AdminThemeToggle;
+
+export {
+  MinimalThemeToggle_default
+};