@tidbcloud/uikit 2.3.2 → 2.4.0

package/dist/biz/AppShell/navbar/NavbarHeader.mjs

@@ -0,0 +1,58 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { IconLayoutLeft } from "../../../icons/index.mjs";
+/* empty css                                                                                                                                                                                          */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                                   */
+/* empty css                                                                                                                                                                                              */
+/* empty css                                                                                                                                                                                              */
+import { clsx } from "clsx";
+import { Group } from "../../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Group/Group.mjs";
+import { Stack } from "../../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Stack/Stack.mjs";
+import { ActionIcon } from "../../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.mjs";
+const NavbarHeader = ({ logo, onLogoClick, onToggleCollapse, ...restProps }) => {
+  const handleLogoClick = () => {
+    if (onLogoClick) {
+      onLogoClick();
+    } else {
+      history.pushState({}, "", "/");
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Group,
+    {
+      justify: "space-between",
+      sx: { height: 64 },
+      ...restProps,
+      className: clsx(restProps.className, "tiui-app-shell-navbar-header"),
+      children: [
+        /* @__PURE__ */ jsx(
+          Stack,
+          {
+            justify: "center",
+            onClick: handleLogoClick,
+            sx: {
+              padding: 4,
+              cursor: "pointer"
+            },
+            "aria-label": "Logo",
+            children: logo
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ActionIcon,
+          {
+            className: "tiui-app-shell-navbar-collapse-button",
+            variant: "white",
+            bg: "transparent",
+            onClick: onToggleCollapse,
+            "aria-label": "Collapse navbar",
+            children: /* @__PURE__ */ jsx(IconLayoutLeft, { size: 20 })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  NavbarHeader
+};

package/dist/biz/AppShell/navbar/NavbarSection.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+;/* empty css                                                                                                                                                                                           */
+;/* empty css                                                                                                                                                                                            */
+;/* empty css                                                                                                                                                                                                    */
+;/* empty css                                                                                                                                                                                               */
+;/* empty css                                                                                                                                                                                               */
+require("clsx");
+const styles = require("../../../utils/styles.cjs");
+const Box = require("../../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/Box/Box.cjs");
+const ScrollArea = require("../../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/ScrollArea/ScrollArea.cjs");
+const NavbarSection = ({ grow, scrollable, mod, sx, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      component: scrollable ? ScrollArea.ScrollArea : void 0,
+      mod: [{ grow, scrollable }, mod],
+      sx: styles.mergeSxList([
+        {
+          flexGrow: 0,
+          "&:where([data-grow])": {
+            flexGrow: 1
+          }
+        },
+        sx
+      ]),
+      ...rest
+    }
+  );
+};
+exports.NavbarSection = NavbarSection;

package/dist/biz/AppShell/navbar/NavbarSection.d.cts

@@ -0,0 +1,16 @@
+import { BoxProps, ElementProps } from '../../../primitive/index.cjs';
+interface NavbarSectionProps extends BoxProps, ElementProps<'div'> {
+    /**
+     * Determines whether the section should take all available space.
+     * `false` by default
+     */
+    grow?: boolean;
+    /**
+     * Determines whether the section should be scrollable.
+     * `false` by default
+     * It will be wrapped with `ScrollArea` if `true`
+     */
+    scrollable?: boolean;
+}
+export declare const NavbarSection: ({ grow, scrollable, mod, sx, ...rest }: NavbarSectionProps) => import("react/jsx-runtime.js").JSX.Element;
+export {};

package/dist/biz/AppShell/navbar/NavbarSection.d.mts

@@ -0,0 +1,16 @@
+import { BoxProps, ElementProps } from '../../../primitive/index.mjs';
+interface NavbarSectionProps extends BoxProps, ElementProps<'div'> {
+    /**
+     * Determines whether the section should take all available space.
+     * `false` by default
+     */
+    grow?: boolean;
+    /**
+     * Determines whether the section should be scrollable.
+     * `false` by default
+     * It will be wrapped with `ScrollArea` if `true`
+     */
+    scrollable?: boolean;
+}
+export declare const NavbarSection: ({ grow, scrollable, mod, sx, ...rest }: NavbarSectionProps) => import("react/jsx-runtime.js").JSX.Element;
+export {};

package/dist/biz/AppShell/navbar/NavbarSection.mjs

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+/* empty css                                                                                                                                                                                          */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                                   */
+/* empty css                                                                                                                                                                                              */
+/* empty css                                                                                                                                                                                              */
+import "clsx";
+import { mergeSxList } from "../../../utils/styles.mjs";
+import { Box } from "../../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/Box/Box.mjs";
+import { ScrollArea } from "../../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/ScrollArea/ScrollArea.mjs";
+const NavbarSection = ({ grow, scrollable, mod, sx, ...rest }) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: scrollable ? ScrollArea : void 0,
+      mod: [{ grow, scrollable }, mod],
+      sx: mergeSxList([
+        {
+          flexGrow: 0,
+          "&:where([data-grow])": {
+            flexGrow: 1
+          }
+        },
+        sx
+      ]),
+      ...rest
+    }
+  );
+};
+export {
+  NavbarSection
+};

package/dist/biz/AppShell/navbar/SubNavItemBase.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+require("clsx");
+const styles = require("../../../utils/styles.cjs");
+const NavItemBase = require("./NavItemBase.cjs");
+const SubNavItemBase = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    NavItemBase.NavItemBase,
+    {
+      ...props,
+      sx: styles.mergeSxList([
+        {
+          "&:not(:last-child)": {
+            marginBottom: 8
+          }
+        },
+        props.sx
+      ])
+    }
+  );
+};
+exports.SubNavItemBase = SubNavItemBase;

package/dist/biz/AppShell/navbar/SubNavItemBase.d.cts

@@ -0,0 +1,7 @@
+import { NavItemBaseProps } from './NavItemBase.cjs';
+export type SubNavItemBaseProps = Omit<NavItemBaseProps, 'leftSection' | 'defaultOpened'>;
+/**
+ * Base component for sub navigation items
+ * Handles only the styling aspects, no routing logic
+ */
+export declare const SubNavItemBase: (props: SubNavItemBaseProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/AppShell/navbar/SubNavItemBase.d.mts

@@ -0,0 +1,7 @@
+import { NavItemBaseProps } from './NavItemBase.mjs';
+export type SubNavItemBaseProps = Omit<NavItemBaseProps, 'leftSection' | 'defaultOpened'>;
+/**
+ * Base component for sub navigation items
+ * Handles only the styling aspects, no routing logic
+ */
+export declare const SubNavItemBase: (props: SubNavItemBaseProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/AppShell/navbar/SubNavItemBase.mjs

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import "clsx";
+import { mergeSxList } from "../../../utils/styles.mjs";
+import { NavItemBase } from "./NavItemBase.mjs";
+const SubNavItemBase = (props) => {
+  return /* @__PURE__ */ jsx(
+    NavItemBase,
+    {
+      ...props,
+      sx: mergeSxList([
+        {
+          "&:not(:last-child)": {
+            marginBottom: 8
+          }
+        },
+        props.sx
+      ])
+    }
+  );
+};
+export {
+  SubNavItemBase
+};

package/dist/biz/AppShell/navbar/context/NavMenuPortal.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+;/* empty css                                                                                                                                                                                              */
+;/* empty css                                                                                                                                                                                               */
+;/* empty css                                                                                                                                                                                                       */
+;/* empty css                                                                                                                                                                                                  */
+;/* empty css                                                                                                                                                                                                  */
+const navMenuRefContext = require("./nav-menu-ref-context.cjs");
+const Portal = require("../../../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Portal/Portal.cjs");
+const NavMenuPortal = ({ children }) => {
+  const ctx = React.useContext(navMenuRefContext.NavMenuRefContext);
+  const [target, setTarget] = React.useState();
+  React.useEffect(() => {
+    if (ctx == null ? void 0 : ctx.current) {
+      setTarget(ctx.current);
+    }
+  }, [ctx]);
+  if (!ctx) {
+    return null;
+  }
+  if (!target) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Portal.Portal, { target, children });
+};
+exports.NavMenuPortal = NavMenuPortal;

package/dist/biz/AppShell/navbar/context/NavMenuPortal.d.cts

@@ -0,0 +1 @@
+export declare const NavMenuPortal: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime.js").JSX.Element | null;

package/dist/biz/AppShell/navbar/context/NavMenuPortal.d.mts

@@ -0,0 +1 @@
+export declare const NavMenuPortal: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime.js").JSX.Element | null;

package/dist/biz/AppShell/navbar/context/NavMenuPortal.mjs

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { useContext, useState, useEffect } from "react";
+/* empty css                                                                                                                                                                                             */
+/* empty css                                                                                                                                                                                              */
+/* empty css                                                                                                                                                                                                      */
+/* empty css                                                                                                                                                                                                 */
+/* empty css                                                                                                                                                                                                 */
+import { NavMenuRefContext } from "./nav-menu-ref-context.mjs";
+import { Portal } from "../../../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Portal/Portal.mjs";
+const NavMenuPortal = ({ children }) => {
+  const ctx = useContext(NavMenuRefContext);
+  const [target, setTarget] = useState();
+  useEffect(() => {
+    if (ctx == null ? void 0 : ctx.current) {
+      setTarget(ctx.current);
+    }
+  }, [ctx]);
+  if (!ctx) {
+    return null;
+  }
+  if (!target) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Portal, { target, children });
+};
+export {
+  NavMenuPortal
+};

package/dist/biz/AppShell/navbar/context/nav-menu-ref-context.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const NavMenuRefContext = React.createContext(null);
+exports.NavMenuRefContext = NavMenuRefContext;

package/dist/biz/AppShell/navbar/context/nav-menu-ref-context.d.cts

@@ -0,0 +1 @@
+export declare const NavMenuRefContext: import('react').Context<import('react').RefObject<HTMLDivElement> | null>;

package/dist/biz/AppShell/navbar/context/nav-menu-ref-context.d.mts

@@ -0,0 +1 @@
+export declare const NavMenuRefContext: import('react').Context<import('react').RefObject<HTMLDivElement> | null>;

package/dist/biz/AppShell/navbar/context/nav-menu-ref-context.mjs

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const NavMenuRefContext = createContext(null);
+export {
+  NavMenuRefContext
+};

package/dist/biz/PageShell/{index.cjs → LegacyPageShell.cjs}

@@ -27,7 +27,7 @@ const PageHeader = ({ sticky, leftSection, rightSection, children, ...restProps
         {
           paddingLeft: 24,
           paddingRight: 24,
-          height: 56
+          height: 64
         },
         sticky ? (theme) => ({
           position: "sticky",
@@ -41,7 +41,7 @@ const PageHeader = ({ sticky, leftSection, rightSection, children, ...restProps
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { wrap: "nowrap", children: [
           leftSection,
-          /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "title-lg", sx: { flex: 1 }, children })
+          /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "headline-lg", component: "div", fw: 300, sx: { flex: 1 }, children })
         ] }),
         rightExisted && /* @__PURE__ */ jsxRuntime.jsx(Group.Group, { gap: 0, wrap: "nowrap", children: rightSection })
       ]

package/dist/biz/PageShell/LegacyPageShell.d.cts

@@ -0,0 +1,85 @@
+import { ReactNode } from 'react';
+import { BoxProps, GroupProps } from '../../primitive/index.cjs';
+export interface PageHeaderProps extends GroupProps {
+    /**
+     * Determines whether the header should be sticky
+     * Default: false
+     */
+    sticky?: boolean;
+    leftSection?: React.ReactNode;
+    rightSection?: React.ReactNode;
+}
+/**
+ * From https://github.com/tidbcloud/dbaas-ui/blob/427559c99458ccd2e8b0d6c77ed44baa603d5ef7/src/dbaas/layouts/v4/page/PageShell.tsx#L7
+ */
+export interface PageShellProps {
+    /**
+     * @deprecated
+     * Use wrapperProps.className instead
+     */
+    className?: string;
+    /**
+     * @deprecated
+     * Use headerProps.className instead
+     */
+    headerClassName?: string;
+    /**
+     * @deprecated
+     * Use bodyProps.className instead
+     */
+    bodyClassName?: string;
+    /**
+     * @deprecated
+     * Use headerProps.sticky instead
+     *
+     * Determines whether the header should be sticky
+     * Default: false
+     */
+    headerSticky?: boolean;
+    /**
+     * @deprecated
+     * Use headerProps.rightSection instead
+     */
+    headerRightSection?: React.ReactNode;
+    /**
+     * @deprecated
+     * Use headerProps.withBack and headerProps.onBackClick instead
+     */
+    headerBack?: boolean | (() => void);
+    title?: React.ReactNode;
+    /**
+     * A `div` wrapper goes around header and body
+     * Default: false
+     */
+    wrapped?: boolean;
+    wrapperProps?: BoxProps & {
+        component?: any;
+    };
+    headerProps?: GroupProps & {
+        /**
+         * Determines whether the header should be sticky,
+         * Default: false
+         */
+        sticky?: boolean;
+        /**
+         * Right section of header
+         */
+        rightSection?: React.ReactNode;
+        /**
+         * Determines whether the back icon should be rendered
+         */
+        withBack?: boolean;
+        /**
+         * Called when the back icon is clicked
+         */
+        onBackClick?: () => void;
+    };
+    bodyProps?: BoxProps & {
+        component?: any;
+    };
+    children?: ReactNode;
+}
+export declare const PageShell: {
+    ({ className, headerClassName, bodyClassName, headerSticky, headerRightSection, headerBack, title, wrapped, wrapperProps, headerProps: { withBack, onBackClick, ...headerProps }, bodyProps, children }: PageShellProps): import("react/jsx-runtime.js").JSX.Element;
+    Header: ({ sticky, leftSection, rightSection, children, ...restProps }: PageHeaderProps) => import("react/jsx-runtime.js").JSX.Element;
+};

package/dist/biz/PageShell/LegacyPageShell.d.mts

@@ -0,0 +1,85 @@
+import { ReactNode } from 'react';
+import { BoxProps, GroupProps } from '../../primitive/index.mjs';
+export interface PageHeaderProps extends GroupProps {
+    /**
+     * Determines whether the header should be sticky
+     * Default: false
+     */
+    sticky?: boolean;
+    leftSection?: React.ReactNode;
+    rightSection?: React.ReactNode;
+}
+/**
+ * From https://github.com/tidbcloud/dbaas-ui/blob/427559c99458ccd2e8b0d6c77ed44baa603d5ef7/src/dbaas/layouts/v4/page/PageShell.tsx#L7
+ */
+export interface PageShellProps {
+    /**
+     * @deprecated
+     * Use wrapperProps.className instead
+     */
+    className?: string;
+    /**
+     * @deprecated
+     * Use headerProps.className instead
+     */
+    headerClassName?: string;
+    /**
+     * @deprecated
+     * Use bodyProps.className instead
+     */
+    bodyClassName?: string;
+    /**
+     * @deprecated
+     * Use headerProps.sticky instead
+     *
+     * Determines whether the header should be sticky
+     * Default: false
+     */
+    headerSticky?: boolean;
+    /**
+     * @deprecated
+     * Use headerProps.rightSection instead
+     */
+    headerRightSection?: React.ReactNode;
+    /**
+     * @deprecated
+     * Use headerProps.withBack and headerProps.onBackClick instead
+     */
+    headerBack?: boolean | (() => void);
+    title?: React.ReactNode;
+    /**
+     * A `div` wrapper goes around header and body
+     * Default: false
+     */
+    wrapped?: boolean;
+    wrapperProps?: BoxProps & {
+        component?: any;
+    };
+    headerProps?: GroupProps & {
+        /**
+         * Determines whether the header should be sticky,
+         * Default: false
+         */
+        sticky?: boolean;
+        /**
+         * Right section of header
+         */
+        rightSection?: React.ReactNode;
+        /**
+         * Determines whether the back icon should be rendered
+         */
+        withBack?: boolean;
+        /**
+         * Called when the back icon is clicked
+         */
+        onBackClick?: () => void;
+    };
+    bodyProps?: BoxProps & {
+        component?: any;
+    };
+    children?: ReactNode;
+}
+export declare const PageShell: {
+    ({ className, headerClassName, bodyClassName, headerSticky, headerRightSection, headerBack, title, wrapped, wrapperProps, headerProps: { withBack, onBackClick, ...headerProps }, bodyProps, children }: PageShellProps): import("react/jsx-runtime.js").JSX.Element;
+    Header: ({ sticky, leftSection, rightSection, children, ...restProps }: PageHeaderProps) => import("react/jsx-runtime.js").JSX.Element;
+};

package/dist/biz/PageShell/{index.mjs → LegacyPageShell.mjs}

@@ -25,7 +25,7 @@ const PageHeader = ({ sticky, leftSection, rightSection, children, ...restProps
         {
           paddingLeft: 24,
           paddingRight: 24,
-          height: 56
+          height: 64
         },
         sticky ? (theme) => ({
           position: "sticky",
@@ -39,7 +39,7 @@ const PageHeader = ({ sticky, leftSection, rightSection, children, ...restProps
       children: [
         /* @__PURE__ */ jsxs(Group, { wrap: "nowrap", children: [
           leftSection,
-          /* @__PURE__ */ jsx(Typography, { variant: "title-lg", sx: { flex: 1 }, children })
+          /* @__PURE__ */ jsx(Typography, { variant: "headline-lg", component: "div", fw: 300, sx: { flex: 1 }, children })
         ] }),
         rightExisted && /* @__PURE__ */ jsx(Group, { gap: 0, wrap: "nowrap", children: rightSection })
       ]

package/dist/biz/PageShell/index.d.cts

@@ -1,85 +1 @@
-import { ReactNode } from 'react';
-import { BoxProps, GroupProps } from '../../primitive/index.cjs';
-export interface PageHeaderProps extends GroupProps {
-    /**
-     * Determines whether the header should be sticky
-     * Default: false
-     */
-    sticky?: boolean;
-    leftSection?: React.ReactNode;
-    rightSection?: React.ReactNode;
-}
-/**
- * From https://github.com/tidbcloud/dbaas-ui/blob/427559c99458ccd2e8b0d6c77ed44baa603d5ef7/src/dbaas/layouts/v4/page/PageShell.tsx#L7
- */
-export interface PageShellProps {
-    /**
-     * @deprecated
-     * Use wrapperProps.className instead
-     */
-    className?: string;
-    /**
-     * @deprecated
-     * Use headerProps.className instead
-     */
-    headerClassName?: string;
-    /**
-     * @deprecated
-     * Use bodyProps.className instead
-     */
-    bodyClassName?: string;
-    /**
-     * @deprecated
-     * Use headerProps.sticky instead
-     *
-     * Determines whether the header should be sticky
-     * Default: false
-     */
-    headerSticky?: boolean;
-    /**
-     * @deprecated
-     * Use headerProps.rightSection instead
-     */
-    headerRightSection?: React.ReactNode;
-    /**
-     * @deprecated
-     * Use headerProps.withBack and headerProps.onBackClick instead
-     */
-    headerBack?: boolean | (() => void);
-    title?: React.ReactNode;
-    /**
-     * A `div` wrapper goes around header and body
-     * Default: false
-     */
-    wrapped?: boolean;
-    wrapperProps?: BoxProps & {
-        component?: any;
-    };
-    headerProps?: GroupProps & {
-        /**
-         * Determines whether the header should be sticky,
-         * Default: false
-         */
-        sticky?: boolean;
-        /**
-         * Right section of header
-         */
-        rightSection?: React.ReactNode;
-        /**
-         * Determines whether the back icon should be rendered
-         */
-        withBack?: boolean;
-        /**
-         * Called when the back icon is clicked
-         */
-        onBackClick?: () => void;
-    };
-    bodyProps?: BoxProps & {
-        component?: any;
-    };
-    children?: ReactNode;
-}
-export declare const PageShell: {
-    ({ className, headerClassName, bodyClassName, headerSticky, headerRightSection, headerBack, title, wrapped, wrapperProps, headerProps: { withBack, onBackClick, ...headerProps }, bodyProps, children }: PageShellProps): import("react/jsx-runtime.js").JSX.Element;
-    Header: ({ sticky, leftSection, rightSection, children, ...restProps }: PageHeaderProps) => import("react/jsx-runtime.js").JSX.Element;
-};
+export * from './LegacyPageShell.cjs';