@alepha/ui 0.16.1 → 0.16.2

package/src/core/components/layout/AlephaMantineProvider.tsx

@@ -72,6 +72,7 @@ const AlephaMantineProvider = (props: AlephaMantineProviderProps) => {
         {...props.mantine}
         defaultColorScheme={defaultColorScheme}
         theme={{
+          cursorType: "pointer",
           // Spread all theme properties from the selected theme
           ...theme,
           // User overrides take precedence

package/src/core/components/layout/Breadcrumb.tsx

@@ -0,0 +1,91 @@
+import { Anchor, Group, type GroupProps, Text } from "@mantine/core";
+import { IconChevronRight } from "@tabler/icons-react";
+import { Link, useRouter, useRouterState } from "alepha/react/router";
+import type { ReactNode } from "react";
+import { toTitleCase } from "../../utils/string.ts";
+
+export interface BreadcrumbProps extends GroupProps {
+  /**
+   * Label for the home/root crumb. Set to `false` to hide the root crumb.
+   *
+   * @default "Home"
+   */
+  home?: string | false;
+
+  /**
+   * Custom separator between crumbs.
+   *
+   * @default IconChevronRight
+   */
+  separator?: ReactNode;
+
+  /**
+   * Size of text and separator icons.
+   *
+   * @default "xs"
+   */
+  size?: string;
+}
+
+/**
+ * Automatic breadcrumb component that reads the current route hierarchy
+ * from the Alepha router's layer stack.
+ *
+ * Pages should define a `label` in their `$page()` options for best results.
+ * Falls back to the page name converted to Title Case.
+ */
+const Breadcrumb = ({
+  home = "Home",
+  separator,
+  size = "xs",
+  ...groupProps
+}: BreadcrumbProps) => {
+  const state = useRouterState();
+  const router = useRouter();
+
+  const crumbs: Array<{ label: string; href: string }> = [];
+
+  // Optionally add home crumb
+  if (home !== false) {
+    crumbs.push({ label: home, href: "/" });
+  }
+
+  // Build crumbs from layers, skipping the root layout (index 0)
+  for (let i = 1; i < state.layers.length; i++) {
+    const layer = state.layers[i];
+    const route = layer.route as any;
+
+    // Skip index routes (path "/") — they share the parent URL
+    if (route?.path === "/" || route?.path === "") continue;
+
+    const label = route?.label ?? toTitleCase(layer.name);
+    // Use router.path() to resolve dynamic params (e.g. :userId → 3)
+    const href = router.path(layer.name);
+    crumbs.push({ label, href });
+  }
+
+  if (crumbs.length === 0) return null;
+
+  const sep = separator ?? <IconChevronRight size={12} color="#9ca3af" />;
+
+  return (
+    <Group gap={4} {...groupProps}>
+      {crumbs.map((crumb, i) => (
+        <Group key={crumb.href} gap={4}>
+          {i > 0 && sep}
+          {i < crumbs.length - 1 ? (
+            <Anchor component={Link} href={crumb.href} size={size} c="dimmed">
+              {crumb.label}
+            </Anchor>
+          ) : (
+            <Text size={size} fw={500}>
+              {crumb.label}
+            </Text>
+          )}
+        </Group>
+      ))}
+    </Group>
+  );
+};
+
+export default Breadcrumb;

package/src/core/components/layout/{AdminShell.tsx → DashboardShell.tsx}

@@ -19,7 +19,6 @@ import {
   useState,
 } from "react";
 import { alephaSidebarAtom } from "../../atoms/alephaSidebarAtom.ts";
-import { ui } from "../../constants/ui.ts";
 import AppBar, { type AppBarProps } from "./AppBar.tsx";
 import {
   Sidebar,
@@ -27,7 +26,7 @@ import {
   type SidebarProps,
 } from "./Sidebar.tsx";
 
-export interface AdminShellProps {
+export interface DashboardShellProps {
   appShellProps?: Partial<AppShellProps>;
   appShellMainProps?: Partial<AppShellMainProps>;
   appShellHeaderProps?: Partial<AppShellHeaderProps>;
@@ -39,6 +38,35 @@ export interface AdminShellProps {
   footer?: ReactNode;
   children?: ReactNode;
 
+  /**
+   * AppShell layout mode.
+   * - "default": header/footer span full width, navbar below header.
+   * - "alt": navbar is full height, header/footer offset by navbar width.
+   */
+  layout?: "default" | "alt";
+
+  /**
+   * Content rendered above the Sidebar inside the navbar (e.g. logo).
+   */
+  navbarHeader?: ReactNode;
+
+  /**
+   * Content rendered below the Sidebar inside the navbar (e.g. toggle button).
+   */
+  navbarFooter?: ReactNode;
+
+  /**
+   * Height of the header bar in pixels.
+   * @default 60
+   */
+  headerHeight?: number;
+
+  /**
+   * Height of the footer bar in pixels.
+   * @default 24
+   */
+  footerHeight?: number;
+
   /**
    * Enable drag-to-resize for the sidebar.
    * Width and constraints are configured in alephaSidebarAtom.
@@ -59,17 +87,14 @@ export interface AdminShellProps {
   container?: boolean | ContainerProps;
 }
 
-const AdminShell = (props: AdminShellProps) => {
+const DashboardShell = (props: DashboardShellProps) => {
   const router = useRouter();
   const [sidebar, setSidebar] = useStore(alephaSidebarAtom);
-  const { opened, collapsed } = sidebar;
-
-  // Initialize collapsed state from props on mount
-  useEffect(() => {
-    if (props.sidebarProps?.collapsed !== undefined) {
-      setSidebar({ ...sidebar, collapsed: props.sidebarProps.collapsed });
-    }
-  }, []);
+  const { opened } = sidebar;
+  const collapsed =
+    props.sidebarProps?.collapsed !== undefined
+      ? props.sidebarProps.collapsed
+      : sidebar.collapsed;
 
   // Resize state
   const [isResizing, setIsResizing] = useState(false);
@@ -169,13 +194,15 @@ const AdminShell = (props: AdminShellProps) => {
   // Hover to expand when collapsed (with delay)
   const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
+  const expandOnHover = props.sidebarProps?.expandOnHover !== false;
+
   const handleNavbarMouseEnter = useCallback(() => {
-    if (collapsed) {
+    if (collapsed && expandOnHover) {
       hoverTimeoutRef.current = setTimeout(() => {
         setIsHovering(true);
       }, hoverDelay);
     }
-  }, [collapsed, hoverDelay]);
+  }, [collapsed, expandOnHover, hoverDelay]);
 
   const handleNavbarMouseLeave = useCallback(() => {
     if (hoverTimeoutRef.current) {
@@ -235,10 +262,12 @@ const AdminShell = (props: AdminShellProps) => {
   appBarProps.container ??= props.container;
 
   const hasSidebar = showSidebar && props.sidebarProps !== undefined;
-  const hasAppBar = hasSidebar || props.appBarProps || props.header;
+  const hasAppBar = props.appBarProps || props.header;
 
-  const headerHeight = hasAppBar ? 60 : 0;
-  const footerHeight = props.footer ? 24 : 0;
+  const hHeight = props.headerHeight ?? 60;
+  const fHeight = props.footerHeight ?? 24;
+  const headerHeight = hasAppBar ? hHeight : 0;
+  const footerHeight = props.footer ? fHeight : 0;
   const expandedWidth = Math.max(sidebar.width, collapsedWidth);
 
   // When collapsed but hovering, show defaultWidth (not current width)
@@ -266,10 +295,10 @@ const AdminShell = (props: AdminShellProps) => {
 
   return (
     <AppShell
+      layout={props.layout}
       w={"100%"}
       flex={1}
-      padding="md"
-      header={hasAppBar ? { height: 60 } : undefined}
+      header={hasAppBar ? { height: hHeight } : undefined}
       navbar={
         hasSidebar
           ? {
@@ -283,16 +312,19 @@ const AdminShell = (props: AdminShellProps) => {
             }
           : undefined
       }
-      footer={props.footer ? { height: 24 } : undefined}
+      footer={props.footer ? { height: fHeight } : undefined}
       {...props.appShellProps}
     >
-      <AppShell.Header bg={ui.colors.surface} {...props.appShellHeaderProps}>
-        {props.header ?? <AppBar items={defaultAppBarItems} {...appBarProps} />}
-      </AppShell.Header>
+      {hasAppBar && (
+        <AppShell.Header {...props.appShellHeaderProps}>
+          {props.header ?? (
+            <AppBar items={defaultAppBarItems} {...appBarProps} />
+          )}
+        </AppShell.Header>
+      )}
 
       {hasSidebar && (
         <AppShell.Navbar
-          bg={ui.colors.surface}
           className="alepha-sidebar-navbar"
           data-resizing={isResizing}
           data-hover-expanded={isExpandedByHover}
@@ -312,11 +344,31 @@ const AdminShell = (props: AdminShellProps) => {
           }}
           {...props.appShellNavbarProps}
         >
+          {props.navbarHeader ? (
+            <Flex
+              style={{
+                borderBottom: "1px solid var(--mantine-color-default-border)",
+              }}
+              h={headerHeight}
+            >
+              {props.navbarHeader}
+            </Flex>
+          ) : null}
           <Sidebar
             {...(props.sidebarProps ?? {})}
             collapsed={effectiveCollapsed}
             onItemClick={handleSidebarItemClick}
           />
+          {props.navbarFooter ? (
+            <Flex
+              style={{
+                borderTop: "1px solid var(--mantine-color-default-border)",
+              }}
+              h={footerHeight}
+            >
+              {props.navbarFooter}
+            </Flex>
+          ) : null}
           {(canResize || isExpandedByHover) && (
             <Flex
               pos="absolute"
@@ -335,13 +387,6 @@ const AdminShell = (props: AdminShellProps) => {
       )}
 
       <AppShell.Main
-        pl={sidebarWidth}
-        pt={headerHeight}
-        pb={footerHeight}
-        pr={0}
-        display={"flex"}
-        flex={1}
-        style={{ flexDirection: "column" }}
         className="alepha-sidebar-main"
         data-resizing={isResizing}
         {...props.appShellMainProps}
@@ -362,7 +407,7 @@ const AdminShell = (props: AdminShellProps) => {
       </AppShell.Main>
 
       {props.footer && (
-        <AppShell.Footer bg={ui.colors.surface} {...props.appShellFooterProps}>
+        <AppShell.Footer {...props.appShellFooterProps}>
           {props.footer}
         </AppShell.Footer>
       )}
@@ -370,4 +415,4 @@ const AdminShell = (props: AdminShellProps) => {
   );
 };
 
-export default AdminShell;
+export default DashboardShell;

package/src/core/components/layout/Sidebar.tsx

@@ -13,11 +13,13 @@ import { useEvents } from "alepha/react";
 import { useRouter } from "alepha/react/router";
 import {
   type ComponentType,
+  Fragment,
   type ReactNode,
   useCallback,
   useMemo,
   useState,
 } from "react";
+import { ui } from "../../constants/ui.ts";
 import { renderIcon } from "../../helpers/renderIcon.tsx";
 import ActionButton, { type ActionProps } from "../buttons/ActionButton.tsx";
 import OmnibarButton from "../buttons/OmnibarButton.tsx";
@@ -35,6 +37,12 @@ export interface SidebarProps {
     paths?: string[];
   };
 
+  /**
+   * Whether the sidebar expands on hover when collapsed.
+   * @default true
+   */
+  expandOnHover?: boolean;
+
   /**
    * Automatically populate the menu from the router's pages.
    */
@@ -49,19 +57,25 @@ export const Sidebar = (props: SidebarProps) => {
   const router = useRouter();
   const { onItemClick } = props;
 
-  const divider = (key: string | number) => {
+  const divider = (key: string | number, fill?: boolean) => {
     return (
       <Flex
         key={key}
         h={1}
-        bg={"var(--alepha-border)"}
+        bg={"var(--mantine-color-default-border)"}
         my={"xs"}
-        mx={props.collapsed ? 0 : "sm"}
+        mx={
+          fill
+            ? "calc(-1 * var(--mantine-spacing-md))"
+            : props.collapsed
+              ? 0
+              : "sm"
+        }
       />
     );
   };
 
-  const renderNode = (item: SidebarNode, key: number) => {
+  const renderNode = (item: SidebarNode, key: number | string) => {
     if ("type" in item) {
       // Hide spacers when collapsed
       if (item.type === "spacer") {
@@ -70,7 +84,7 @@ export const Sidebar = (props: SidebarProps) => {
       }
 
       if (item.type === "divider") {
-        return divider(key);
+        return divider(key, item.fill);
       }
 
       if (item.type === "search") {
@@ -85,24 +99,45 @@ export const Sidebar = (props: SidebarProps) => {
         return <ToggleSidebarButton key={key} />;
       }
 
+      // Replace sections with dividers when collapsed
       // Replace sections with dividers when collapsed
       if (item.type === "section") {
+        // Hide section if all children are hidden
+        if (item.children && item.children.length > 0) {
+          const hasVisibleChild = item.children.some(
+            (child) => !("can" in child) || !child.can || child.can(),
+          );
+          if (!hasVisibleChild) return null;
+        }
+
         if (props.collapsed) {
-          return divider(key);
+          return (
+            <Fragment key={key}>
+              {divider(`${key}-d`)}
+              {item.children?.map((child, index) =>
+                renderNode(child, `s${key}-${index}`),
+              )}
+            </Fragment>
+          );
         }
         return (
-          <Flex key={key} mt={"md"} align={"center"} gap={"xs"}>
-            {renderIcon(item.icon)}
-            <Text size={"xs"} c={"dimmed"} tt={"uppercase"} fw={"bold"}>
-              {item.label}
-            </Text>
-          </Flex>
+          <Fragment key={key}>
+            <Flex mt={"md"} align={"center"} gap={"xs"}>
+              {renderIcon(item.icon, ui.sizes.icon.sm)}
+              <Text size={"xs"} c={"dimmed"} tt={"uppercase"} fw={"bold"}>
+                {item.label}
+              </Text>
+            </Flex>
+            {item.children?.map((child, index) =>
+              renderNode(child, `s${key}-${index}`),
+            )}
+          </Fragment>
         );
       }
     }
 
     if ("element" in item) {
-      return <Flex key={key}>{item.element}</Flex>;
+      return <Fragment key={key}>{item.element}</Fragment>;
     }
 
     // Check visibility control
@@ -167,7 +202,7 @@ export const Sidebar = (props: SidebarProps) => {
   };
 
   const padding = "md";
-  const gap = props.items ? (props.gap ?? 2) : "xs";
+  const gap = props.items ? (props.gap ?? 4) : "xs";
   const menu = useMemo(
     () => getSidebarNodes(),
     [props.items, props.autoPopulateMenu],
@@ -276,7 +311,6 @@ export const SidebarItem = (props: SidebarItemProps) => {
           (level === 0 ? "sm" : "xs")
         }
         tooltip={item.description}
-        c={"var(--mantine-color-text)"}
         color={"gray"}
         variant={"subtle"}
         variantActive={"default"}
@@ -284,7 +318,7 @@ export const SidebarItem = (props: SidebarItemProps) => {
         onClick={handleItemClick}
         leftSection={
           <Flex w={"100%"} align="center" gap={"sm"}>
-            {renderIcon(item.icon)}
+            {renderIcon(item.icon, ui.sizes.icon.sm)}
             <Flex direction={"column"}>
               <Flex>{item.label}</Flex>
             </Flex>
@@ -313,7 +347,7 @@ export const SidebarItem = (props: SidebarItemProps) => {
               position: "absolute",
               width: 1,
               background:
-                "linear-gradient(to bottom, transparent, var(--alepha-border), transparent)",
+                "linear-gradient(to bottom, transparent, var(--mantine-color-default-border), transparent)",
               top: 48,
               left: 20 + 32 * level,
               bottom: 16,
@@ -368,7 +402,11 @@ const SidebarCollapsedItem = (props: SidebarItemProps) => {
       }}
       radius={props.item.theme?.radius ?? props.theme.button?.radius ?? "md"}
       onClick={handleItemClick}
-      icon={renderIcon(item.icon) ?? <IconSquareRounded />}
+      icon={
+        renderIcon(item.icon, ui.sizes.icon.sm) ?? (
+          <IconSquareRounded size={ui.sizes.icon.sm} />
+        )
+      }
       href={props.item.href as any}
       target={props.item.target}
       {...props.item.actionProps}
@@ -401,6 +439,7 @@ export interface SidebarSpacer extends SidebarAbstractItem {
 
 export interface SidebarDivider extends SidebarAbstractItem {
   type: "divider";
+  fill?: true;
 }
 
 export interface SidebarSearch extends SidebarAbstractItem {
@@ -415,6 +454,7 @@ export interface SidebarSection extends SidebarAbstractItem {
   type: "section";
   label: string;
   icon?: ReactNode | ComponentType;
+  children?: SidebarNode[];
 }
 
 export interface SidebarMenuItem extends SidebarAbstractItem {

package/src/core/constants/ui.ts

@@ -8,7 +8,7 @@ export const ui = {
   },
   sizes: {
     icon: {
-      xs: 12,
+      xs: 14,
       sm: 16,
       md: 20,
       lg: 24,

package/src/core/helpers/renderIcon.tsx

@@ -2,12 +2,15 @@ import { ui } from "@alepha/ui";
 import { type ComponentType, isValidElement, type ReactNode } from "react";
 import { isComponentType } from "./isComponentType.ts";
 
-export const renderIcon = (icon: ReactNode | ComponentType): ReactNode => {
+export const renderIcon = (
+  icon: ReactNode | ComponentType,
+  size?: number,
+): ReactNode => {
   if (!icon) return null;
   if (isValidElement(icon)) return icon;
   if (isComponentType(icon)) {
     const IconComponent = icon;
-    return <IconComponent size={ui.sizes.icon.md} />;
+    return <IconComponent size={size ?? ui.sizes.icon.md} />;
   }
   return icon as ReactNode;
 };

package/src/core/index.ts

@@ -52,10 +52,6 @@ export { default as ControlObject } from "./components/form/ControlObject.tsx";
 export { default as ControlQueryBuilder } from "./components/form/ControlQueryBuilder.tsx";
 export { default as ControlSelect } from "./components/form/ControlSelect.tsx";
 export { default as TypeForm } from "./components/form/TypeForm.tsx";
-export {
-  type AdminShellProps,
-  default as AdminShell,
-} from "./components/layout/AdminShell.tsx";
 export { default as AlephaMantineProvider } from "./components/layout/AlephaMantineProvider.tsx";
 export type {
   AppBarBurger,
@@ -69,6 +65,14 @@ export type {
   AppBarSpacer,
 } from "./components/layout/AppBar.tsx";
 export { default as AppBar } from "./components/layout/AppBar.tsx";
+export type { BreadcrumbProps } from "./components/layout/Breadcrumb.tsx";
+export { default as Breadcrumb } from "./components/layout/Breadcrumb.tsx";
+export {
+  type DashboardShellProps,
+  type DashboardShellProps as AdminShellProps,
+  default as DashboardShell,
+  default as AdminShell,
+} from "./components/layout/DashboardShell.tsx";
 export { default as Omnibar } from "./components/layout/Omnibar.tsx";
 export type {
   SidebarAbstractItem,
@@ -171,7 +175,7 @@ declare module "alepha/react/router" {
  * - AlertDialog, ConfirmDialog, PromptDialog
  * - Form controls: Control, ControlArray, ControlDate, ControlNumber, ControlObject, ControlSelect, ControlQueryBuilder
  * - TypeForm for automatic form generation from TypeBox schemas
- * - AdminShell layout component
+ * - DashboardShell layout component
  * - AppBar with configurable elements
  * - Sidebar navigation with sections and menu items
  * - Omnibar for command palette / search

package/src/core/styles.css

@@ -29,13 +29,13 @@
   --alepha-text: var(--alepha-text-light);
 }
 
-#root {
-  display: flex;
-  background-color: var(--alepha-background);
-  color: var(--alepha-text);
-  min-height: 100dvh;
-  flex-direction: column;
-}
+/*#root {*/
+/*  display: flex;*/
+/*  background-color: var(--alepha-background);*/
+/*  color: var(--alepha-text);*/
+/*  min-height: 100dvh;*/
+/*  flex-direction: column;*/
+/*}*/
 
 /* ------------------------------------------------------------------------------------------------------------------ */
 

package/src/core/utils/string.ts

@@ -8,14 +8,38 @@ export const capitalize = (str: string): string => {
   return str.charAt(0).toUpperCase() + str.slice(1);
 };
 
+/**
+ * Converts camelCase or snake_case to Title Case with spaces.
+ *
+ * @example
+ * toTitleCase("userName") // "User Name"
+ * toTitleCase("first_name") // "First Name"
+ * toTitleCase("email") // "Email"
+ */
+export const toTitleCase = (str: string): string => {
+  return str
+    .replace(/([a-z])([A-Z])/g, "$1 $2") // camelCase -> camel Case
+    .replace(/_/g, " ") // snake_case -> snake case
+    .replace(/\b\w/g, (c) => c.toUpperCase()); // capitalize words
+};
+
 /**
  * Converts a path or identifier string into a pretty display name.
- * Removes slashes and capitalizes the first letter.
+ * For paths like "/contacts/0/name", extracts just the field name "Name".
+ * Handles camelCase and snake_case conversion to Title Case.
  *
  * @example
- * prettyName("/userName") // "UserName"
- * prettyName("email") // "Email"
+ * prettyName("/userName") // "User Name"
+ * prettyName("/contacts/0/email") // "Email"
+ * prettyName("/address/streetName") // "Street Name"
+ * prettyName("first_name") // "First Name"
  */
 export const prettyName = (name: string): string => {
-  return capitalize(name.replaceAll("/", ""));
+  // Split by slash and filter out empty strings and numeric indices
+  const segments = name.split("/").filter((s) => s && !/^\d+$/.test(s));
+
+  // Use the last non-numeric segment as the field name
+  const fieldName = segments[segments.length - 1] || name.replaceAll("/", "");
+
+  return toTitleCase(fieldName);
 };

package/src/demo/components/DemoLayout.tsx

@@ -1,4 +1,8 @@
-import { ActionButton, AdminShell, AlephaMantineProvider } from "@alepha/ui";
+import {
+  ActionButton,
+  AlephaMantineProvider,
+  DashboardShell,
+} from "@alepha/ui";
 import { IconArrowLeft } from "@tabler/icons-react";
 import { useRouter } from "alepha/react/router";
 import type { DemoRouter } from "../DemoRouter.ts";
@@ -7,7 +11,7 @@ const DemoLayout = () => {
   const router = useRouter<DemoRouter>();
   return (
     <AlephaMantineProvider>
-      <AdminShell
+      <DashboardShell
         appShellMainProps={{ h: "100%" }}
         appBarProps={{
           items: [

package/dist/admin/AdminApiKeys-DsmGnHNh.js

@@ -1,3 +0,0 @@
-import { t as AdminApiKeys_default } from "./AdminApiKeys-GMORg-1l.js";
-
-export { AdminApiKeys_default as default };

package/dist/admin/AdminAudits-8SM96viT.js

@@ -1,3 +0,0 @@
-import { t as AdminAudits_default } from "./AdminAudits-pkWrjq1Z.js";
-
-export { AdminAudits_default as default };

package/dist/admin/AdminFiles-B56ocq4H.js

@@ -1,3 +0,0 @@
-import { t as AdminFiles_default } from "./AdminFiles-WeQbsCsl.js";
-
-export { AdminFiles_default as default };

package/dist/admin/AdminJobs-CED1syCn.js

@@ -1,3 +0,0 @@
-import { t as AdminJobs_default } from "./AdminJobs-B-q9iGO3.js";
-
-export { AdminJobs_default as default };

package/dist/admin/AdminLayout-BqZiXx4H.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminLayout-BqZiXx4H.js","names":[],"sources":["../../src/admin/components/AdminLayout.tsx"],"sourcesContent":["import {\n  ActionButton,\n  AdminShell,\n  type AdminShellProps,\n  AlephaMantineProvider,\n  OmnibarButton,\n} from \"@alepha/ui\";\nimport { UserButton } from \"@alepha/ui/auth\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\n\nexport interface AdminLayoutProps {\n  adminShellProps?: AdminShellProps;\n}\n\nconst AdminLayout = (props: AdminLayoutProps) => {\n  return (\n    <AlephaMantineProvider>\n      <AdminShell\n        appBarProps={{\n          items: [\n            {\n              element: (\n                <ActionButton\n                  variant={\"subtle\"}\n                  icon={IconArrowLeft}\n                  href={\"/\"}\n                />\n              ),\n              position: \"left\",\n            },\n            {\n              element: <OmnibarButton />,\n              position: \"center\",\n            },\n            {\n              element: <UserButton />,\n              position: \"right\",\n            },\n            {\n              type: \"dark\",\n              position: \"right\",\n            },\n          ],\n        }}\n        sidebarResizable\n        sidebarProps={{\n          autoPopulateMenu: {\n            startsWith: \"/admin\",\n          },\n        }}\n        {...props.adminShellProps}\n      />\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AdminLayout;\n"],"mappings":";;;;;;AAcA,MAAM,eAAe,UAA4B;AAC/C,QACE,oBAAC,mCACC,oBAAC;EACC,aAAa,EACX,OAAO;GACL;IACE,SACE,oBAAC;KACC,SAAS;KACT,MAAM;KACN,MAAM;MACN;IAEJ,UAAU;IACX;GACD;IACE,SAAS,oBAAC,kBAAgB;IAC1B,UAAU;IACX;GACD;IACE,SAAS,oBAAC,eAAa;IACvB,UAAU;IACX;GACD;IACE,MAAM;IACN,UAAU;IACX;GACF,EACF;EACD;EACA,cAAc,EACZ,kBAAkB,EAChB,YAAY,UACb,EACF;EACD,GAAI,MAAM;GACV,GACoB;;AAI5B,0BAAe"}

package/dist/admin/AdminNotifications-B0B1rdc4.js

@@ -1,3 +0,0 @@
-import { t as AdminNotifications_default } from "./AdminNotifications-Ds5Un0NJ.js";
-
-export { AdminNotifications_default as default };

package/dist/admin/AdminParameters-BU3lATdJ.js

@@ -1,3 +0,0 @@
-import { t as AdminParameters_default } from "./AdminParameters-CfDUpc78.js";
-
-export { AdminParameters_default as default };