@tidbcloud/uikit 2.3.2 → 2.4.0

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

@@ -1,85 +1 @@
-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;
-};
+export * from './LegacyPageShell.mjs';

package/dist/biz/PageShellBase/PageShellBaseBackButton.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const index = require("../../icons/index.cjs");
+;/* empty css                                                                                                                                                                                        */
+;/* empty css                                                                                                                                                                                         */
+;/* empty css                                                                                                                                                                                                 */
+;/* empty css                                                                                                                                                                                            */
+;/* empty css                                                                                                                                                                                            */
+const clsx = require("clsx");
+const ActionIcon = 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/ActionIcon/ActionIcon.cjs");
+const PageShellBaseBackButton = ({ className, onClick, ...rest }) => {
+  const handleClick = () => {
+    if (onClick) {
+      onClick();
+    } else {
+      history.back();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ActionIcon.ActionIcon,
+    {
+      variant: "default",
+      onClick: handleClick,
+      "aria-label": "Navigate Back",
+      ...rest,
+      className: clsx.clsx(className, "tiui-page-shell-back-button"),
+      children: /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronLeft, { size: 20 })
+    }
+  );
+};
+exports.PageShellBaseBackButton = PageShellBaseBackButton;

package/dist/biz/PageShellBase/PageShellBaseBackButton.d.cts

@@ -0,0 +1,5 @@
+import { ActionIconProps } from '../../primitive/index.cjs';
+export interface PageShellBaseBackButtonProps extends ActionIconProps {
+    onClick?: () => void;
+}
+export declare const PageShellBaseBackButton: ({ className, onClick, ...rest }: PageShellBaseBackButtonProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/PageShellBase/PageShellBaseBackButton.d.mts

@@ -0,0 +1,5 @@
+import { ActionIconProps } from '../../primitive/index.mjs';
+export interface PageShellBaseBackButtonProps extends ActionIconProps {
+    onClick?: () => void;
+}
+export declare const PageShellBaseBackButton: ({ className, onClick, ...rest }: PageShellBaseBackButtonProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/PageShellBase/PageShellBaseBackButton.mjs

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { IconChevronLeft } from "../../icons/index.mjs";
+/* empty css                                                                                                                                                                                       */
+/* empty css                                                                                                                                                                                        */
+/* empty css                                                                                                                                                                                                */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                           */
+import { clsx } from "clsx";
+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 PageShellBaseBackButton = ({ className, onClick, ...rest }) => {
+  const handleClick = () => {
+    if (onClick) {
+      onClick();
+    } else {
+      history.back();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    ActionIcon,
+    {
+      variant: "default",
+      onClick: handleClick,
+      "aria-label": "Navigate Back",
+      ...rest,
+      className: clsx(className, "tiui-page-shell-back-button"),
+      children: /* @__PURE__ */ jsx(IconChevronLeft, { size: 20 })
+    }
+  );
+};
+export {
+  PageShellBaseBackButton
+};

package/dist/biz/PageShellBase/PageShellBaseBody.cjs

@@ -0,0 +1,30 @@
+"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                                                                                                                                                                                            */
+const clsx = 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 PageShellBaseBody = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      ...props,
+      className: clsx.clsx(props.className, "tiui-page-shell-body"),
+      sx: styles.mergeSxList([
+        {
+          paddingLeft: 24,
+          paddingRight: 24,
+          paddingBottom: 16,
+          paddingTop: 16
+        },
+        props.sx
+      ])
+    }
+  );
+};
+exports.PageShellBaseBody = PageShellBaseBody;

package/dist/biz/PageShellBase/PageShellBaseBody.d.cts

@@ -0,0 +1,4 @@
+import { BoxComponentProps } from '../../primitive/index.cjs';
+export interface PageShellBaseBodyProps extends React.PropsWithChildren<BoxComponentProps> {
+}
+export declare const PageShellBaseBody: (props: PageShellBaseBodyProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/PageShellBase/PageShellBaseBody.d.mts

@@ -0,0 +1,4 @@
+import { BoxComponentProps } from '../../primitive/index.mjs';
+export interface PageShellBaseBodyProps extends React.PropsWithChildren<BoxComponentProps> {
+}
+export declare const PageShellBaseBody: (props: PageShellBaseBodyProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/PageShellBase/PageShellBaseBody.mjs

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+/* empty css                                                                                                                                                                                       */
+/* empty css                                                                                                                                                                                        */
+/* empty css                                                                                                                                                                                                */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                           */
+import { clsx } from "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";
+const PageShellBaseBody = (props) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ...props,
+      className: clsx(props.className, "tiui-page-shell-body"),
+      sx: mergeSxList([
+        {
+          paddingLeft: 24,
+          paddingRight: 24,
+          paddingBottom: 16,
+          paddingTop: 16
+        },
+        props.sx
+      ])
+    }
+  );
+};
+export {
+  PageShellBaseBody
+};

package/dist/biz/PageShellBase/PageShellBaseHeader.cjs

@@ -0,0 +1,50 @@
+"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                                                                                                                                                                                            */
+const clsx = require("clsx");
+const styles = require("../../utils/styles.cjs");
+const Group = 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/Group/Group.cjs");
+const PageShellBaseHeader = ({
+  sticky,
+  leftSection,
+  rightSection,
+  children,
+  ...restProps
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Group.Group,
+    {
+      wrap: "nowrap",
+      justify: "space-between",
+      gap: 0,
+      ...restProps,
+      className: clsx.clsx(restProps.className, "tiui-page-shell-header"),
+      mod: [{ sticky }, restProps.mod],
+      sx: styles.mergeSxList([
+        {
+          paddingLeft: 24,
+          paddingRight: 24,
+          height: 64,
+          "&[data-sticky]": {
+            position: "sticky",
+            zIndex: 2,
+            top: 0,
+            left: 0
+          }
+        },
+        restProps.sx
+      ]),
+      children: [
+        leftSection,
+        /* @__PURE__ */ jsxRuntime.jsx(Group.Group, { wrap: "nowrap", sx: { flex: 1, marginRight: 16 }, children }),
+        rightSection
+      ]
+    }
+  );
+};
+exports.PageShellBaseHeader = PageShellBaseHeader;

package/dist/biz/PageShellBase/PageShellBaseHeader.d.cts

@@ -0,0 +1,17 @@
+import { GroupProps } from '../../primitive/index.cjs';
+export interface PageShellBaseHeaderProps extends GroupProps {
+    /**
+     * Determines whether the header should be sticky
+     * Default: false
+     */
+    sticky?: boolean;
+    /**
+     * Left section of header
+     */
+    leftSection?: React.ReactNode;
+    /**
+     * Right section of header
+     */
+    rightSection?: React.ReactNode;
+}
+export declare const PageShellBaseHeader: ({ sticky, leftSection, rightSection, children, ...restProps }: PageShellBaseHeaderProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/PageShellBase/PageShellBaseHeader.d.mts

@@ -0,0 +1,17 @@
+import { GroupProps } from '../../primitive/index.mjs';
+export interface PageShellBaseHeaderProps extends GroupProps {
+    /**
+     * Determines whether the header should be sticky
+     * Default: false
+     */
+    sticky?: boolean;
+    /**
+     * Left section of header
+     */
+    leftSection?: React.ReactNode;
+    /**
+     * Right section of header
+     */
+    rightSection?: React.ReactNode;
+}
+export declare const PageShellBaseHeader: ({ sticky, leftSection, rightSection, children, ...restProps }: PageShellBaseHeaderProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/PageShellBase/PageShellBaseHeader.mjs

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+/* empty css                                                                                                                                                                                       */
+/* empty css                                                                                                                                                                                        */
+/* empty css                                                                                                                                                                                                */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                           */
+import { clsx } from "clsx";
+import { mergeSxList } from "../../utils/styles.mjs";
+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";
+const PageShellBaseHeader = ({
+  sticky,
+  leftSection,
+  rightSection,
+  children,
+  ...restProps
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Group,
+    {
+      wrap: "nowrap",
+      justify: "space-between",
+      gap: 0,
+      ...restProps,
+      className: clsx(restProps.className, "tiui-page-shell-header"),
+      mod: [{ sticky }, restProps.mod],
+      sx: mergeSxList([
+        {
+          paddingLeft: 24,
+          paddingRight: 24,
+          height: 64,
+          "&[data-sticky]": {
+            position: "sticky",
+            zIndex: 2,
+            top: 0,
+            left: 0
+          }
+        },
+        restProps.sx
+      ]),
+      children: [
+        leftSection,
+        /* @__PURE__ */ jsx(Group, { wrap: "nowrap", sx: { flex: 1, marginRight: 16 }, children }),
+        rightSection
+      ]
+    }
+  );
+};
+export {
+  PageShellBaseHeader
+};

package/dist/biz/PageShellBase/PageShellBaseRoot.cjs

@@ -0,0 +1,14 @@
+"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                                                                                                                                                                                            */
+const clsx = require("clsx");
+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 PageShellBaseRoot = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ...props, className: clsx.clsx(props.className, "tiui-page-shell-root") });
+};
+exports.PageShellBaseRoot = PageShellBaseRoot;

package/dist/biz/PageShellBase/PageShellBaseRoot.d.cts

@@ -0,0 +1,4 @@
+import { BoxComponentProps } from '../../primitive/index.cjs';
+export interface PageShellBaseRootProps extends React.PropsWithChildren<BoxComponentProps> {
+}
+export declare const PageShellBaseRoot: (props: PageShellBaseRootProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/PageShellBase/PageShellBaseRoot.d.mts

@@ -0,0 +1,4 @@
+import { BoxComponentProps } from '../../primitive/index.mjs';
+export interface PageShellBaseRootProps extends React.PropsWithChildren<BoxComponentProps> {
+}
+export declare const PageShellBaseRoot: (props: PageShellBaseRootProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/PageShellBase/PageShellBaseRoot.mjs

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+/* empty css                                                                                                                                                                                       */
+/* empty css                                                                                                                                                                                        */
+/* empty css                                                                                                                                                                                                */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                           */
+import { clsx } from "clsx";
+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";
+const PageShellBaseRoot = (props) => {
+  return /* @__PURE__ */ jsx(Box, { ...props, className: clsx(props.className, "tiui-page-shell-root") });
+};
+export {
+  PageShellBaseRoot
+};

package/dist/biz/PageShellBase/PageShellBaseTitle.cjs

@@ -0,0 +1,23 @@
+"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                                                                                                                                                                                            */
+const index = require("../../primitive/Typography/index.cjs");
+const clsx = require("clsx");
+const PageShellBaseTitle = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.Typography,
+    {
+      variant: "headline-lg",
+      component: "div",
+      fw: 300,
+      ...props,
+      className: clsx.clsx(props.className, "tiui-page-shell-title")
+    }
+  );
+};
+exports.PageShellBaseTitle = PageShellBaseTitle;

package/dist/biz/PageShellBase/PageShellBaseTitle.d.cts

@@ -0,0 +1,4 @@
+import { TypographyProps } from '../../primitive/index.cjs';
+export interface PageShellBaseTitleProps extends React.PropsWithChildren<TypographyProps> {
+}
+export declare const PageShellBaseTitle: (props: PageShellBaseTitleProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/PageShellBase/PageShellBaseTitle.d.mts

@@ -0,0 +1,4 @@
+import { TypographyProps } from '../../primitive/index.mjs';
+export interface PageShellBaseTitleProps extends React.PropsWithChildren<TypographyProps> {
+}
+export declare const PageShellBaseTitle: (props: PageShellBaseTitleProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/PageShellBase/PageShellBaseTitle.mjs

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+/* empty css                                                                                                                                                                                       */
+/* empty css                                                                                                                                                                                        */
+/* empty css                                                                                                                                                                                                */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                           */
+import { Typography } from "../../primitive/Typography/index.mjs";
+import { clsx } from "clsx";
+const PageShellBaseTitle = (props) => {
+  return /* @__PURE__ */ jsx(
+    Typography,
+    {
+      variant: "headline-lg",
+      component: "div",
+      fw: 300,
+      ...props,
+      className: clsx(props.className, "tiui-page-shell-title")
+    }
+  );
+};
+export {
+  PageShellBaseTitle
+};

package/dist/biz/PageShellBase/page-shell-base.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const PageShellBaseBackButton = require("./PageShellBaseBackButton.cjs");
+const PageShellBaseBody = require("./PageShellBaseBody.cjs");
+const PageShellBaseHeader = require("./PageShellBaseHeader.cjs");
+const PageShellBaseRoot = require("./PageShellBaseRoot.cjs");
+const PageShellBaseTitle = require("./PageShellBaseTitle.cjs");
+const Root = PageShellBaseRoot.PageShellBaseRoot;
+const Header = PageShellBaseHeader.PageShellBaseHeader;
+const Title = PageShellBaseTitle.PageShellBaseTitle;
+const Body = PageShellBaseBody.PageShellBaseBody;
+const BackButton = PageShellBaseBackButton.PageShellBaseBackButton;
+const PageShellBase = {
+  Root,
+  Header,
+  Title,
+  Body,
+  BackButton
+};
+exports.PageShellBaseBackButton = PageShellBaseBackButton.PageShellBaseBackButton;
+exports.PageShellBaseBody = PageShellBaseBody.PageShellBaseBody;
+exports.PageShellBaseHeader = PageShellBaseHeader.PageShellBaseHeader;
+exports.PageShellBaseRoot = PageShellBaseRoot.PageShellBaseRoot;
+exports.PageShellBaseTitle = PageShellBaseTitle.PageShellBaseTitle;
+exports.PageShellBase = PageShellBase;

package/dist/biz/PageShellBase/page-shell-base.d.cts

@@ -0,0 +1,14 @@
+import { PageShellBaseBackButton, PageShellBaseBackButtonProps } from './PageShellBaseBackButton.cjs';
+import { PageShellBaseBody, PageShellBaseBodyProps } from './PageShellBaseBody.cjs';
+import { PageShellBaseHeader, PageShellBaseHeaderProps } from './PageShellBaseHeader.cjs';
+import { PageShellBaseRoot, PageShellBaseRootProps } from './PageShellBaseRoot.cjs';
+import { PageShellBaseTitle, PageShellBaseTitleProps } from './PageShellBaseTitle.cjs';
+export declare const PageShellBase: {
+    Root: (props: PageShellBaseRootProps) => import("react/jsx-runtime.js").JSX.Element;
+    Header: ({ sticky, leftSection, rightSection, children, ...restProps }: PageShellBaseHeaderProps) => import("react/jsx-runtime.js").JSX.Element;
+    Title: (props: PageShellBaseTitleProps) => import("react/jsx-runtime.js").JSX.Element;
+    Body: (props: PageShellBaseBodyProps) => import("react/jsx-runtime.js").JSX.Element;
+    BackButton: ({ className, onClick, ...rest }: PageShellBaseBackButtonProps) => import("react/jsx-runtime.js").JSX.Element;
+};
+export { PageShellBaseRoot, PageShellBaseHeader, PageShellBaseTitle, PageShellBaseBody, PageShellBaseBackButton };
+export type { PageShellBaseHeaderProps, PageShellBaseRootProps, PageShellBaseTitleProps, PageShellBaseBodyProps, PageShellBaseBackButtonProps };

package/dist/biz/PageShellBase/page-shell-base.d.mts

@@ -0,0 +1,14 @@
+import { PageShellBaseBackButton, PageShellBaseBackButtonProps } from './PageShellBaseBackButton.mjs';
+import { PageShellBaseBody, PageShellBaseBodyProps } from './PageShellBaseBody.mjs';
+import { PageShellBaseHeader, PageShellBaseHeaderProps } from './PageShellBaseHeader.mjs';
+import { PageShellBaseRoot, PageShellBaseRootProps } from './PageShellBaseRoot.mjs';
+import { PageShellBaseTitle, PageShellBaseTitleProps } from './PageShellBaseTitle.mjs';
+export declare const PageShellBase: {
+    Root: (props: PageShellBaseRootProps) => import("react/jsx-runtime.js").JSX.Element;
+    Header: ({ sticky, leftSection, rightSection, children, ...restProps }: PageShellBaseHeaderProps) => import("react/jsx-runtime.js").JSX.Element;
+    Title: (props: PageShellBaseTitleProps) => import("react/jsx-runtime.js").JSX.Element;
+    Body: (props: PageShellBaseBodyProps) => import("react/jsx-runtime.js").JSX.Element;
+    BackButton: ({ className, onClick, ...rest }: PageShellBaseBackButtonProps) => import("react/jsx-runtime.js").JSX.Element;
+};
+export { PageShellBaseRoot, PageShellBaseHeader, PageShellBaseTitle, PageShellBaseBody, PageShellBaseBackButton };
+export type { PageShellBaseHeaderProps, PageShellBaseRootProps, PageShellBaseTitleProps, PageShellBaseBodyProps, PageShellBaseBackButtonProps };

package/dist/biz/PageShellBase/page-shell-base.mjs

@@ -0,0 +1,25 @@
+import { PageShellBaseBackButton } from "./PageShellBaseBackButton.mjs";
+import { PageShellBaseBody } from "./PageShellBaseBody.mjs";
+import { PageShellBaseHeader } from "./PageShellBaseHeader.mjs";
+import { PageShellBaseRoot } from "./PageShellBaseRoot.mjs";
+import { PageShellBaseTitle } from "./PageShellBaseTitle.mjs";
+const Root = PageShellBaseRoot;
+const Header = PageShellBaseHeader;
+const Title = PageShellBaseTitle;
+const Body = PageShellBaseBody;
+const BackButton = PageShellBaseBackButton;
+const PageShellBase = {
+  Root,
+  Header,
+  Title,
+  Body,
+  BackButton
+};
+export {
+  PageShellBase,
+  PageShellBaseBackButton,
+  PageShellBaseBody,
+  PageShellBaseHeader,
+  PageShellBaseRoot,
+  PageShellBaseTitle
+};