@tidbcloud/uikit 2.3.3 → 2.4.0

package/dist/biz/AppShell/container/AppShellMain.mjs

@@ -0,0 +1,36 @@
+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 { 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 AppShellMain = ({ className, sx, ...rest }) => {
+  return /* @__PURE__ */ jsx(
+    Group,
+    {
+      gap: 0,
+      wrap: "nowrap",
+      align: "stretch",
+      ...rest,
+      className: clsx(className, "tiui-app-shell-main"),
+      sx: mergeSxList([
+        {
+          position: "relative",
+          height: "100%",
+          minHeight: 0,
+          overflow: "hidden",
+          "&:where([data-height-flex])": {
+            flex: 1
+          }
+        },
+        sx
+      ])
+    }
+  );
+};
+export {
+  AppShellMain
+};

package/dist/biz/AppShell/container/AppShellRoot.cjs

@@ -0,0 +1,13 @@
+"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 Stack = 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/Stack/Stack.cjs");
+const AppShellRoot = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Stack.Stack, { className: "tiui-app-shell-root", gap: 0, sx: { height: "100vh", overflow: "hidden" }, children });
+};
+exports.AppShellRoot = AppShellRoot;

package/dist/biz/AppShell/container/AppShellRoot.d.cts

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

package/dist/biz/AppShell/container/AppShellRoot.d.mts

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

package/dist/biz/AppShell/container/AppShellRoot.mjs

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+/* empty css                                                                                                                                                                                          */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                                   */
+/* empty css                                                                                                                                                                                              */
+/* empty css                                                                                                                                                                                              */
+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";
+const AppShellRoot = ({ children }) => {
+  return /* @__PURE__ */ jsx(Stack, { className: "tiui-app-shell-root", gap: 0, sx: { height: "100vh", overflow: "hidden" }, children });
+};
+export {
+  AppShellRoot
+};

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

@@ -0,0 +1,7 @@
+export { AppShell } from './AppShell.cjs';
+export { AppPageShell, type AppPageShellProps } from './AppPageShell.cjs';
+export { NavMenuPortal } from './navbar/context/NavMenuPortal.cjs';
+export { NavItemBase, type NavItemBaseProps } from './navbar/NavItemBase.cjs';
+export { SubNavItemBase, type SubNavItemBaseProps } from './navbar/SubNavItemBase.cjs';
+export { FooterNavItemBase, type FooterNavItemBaseProps } from './navbar/FooterNavItemBase.cjs';
+export { ExpandNavbarButtonPlaceholder } from './navbar/ExpandNavbarButtonPlaceholder.cjs';

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

@@ -0,0 +1,7 @@
+export { AppShell } from './AppShell.mjs';
+export { AppPageShell, type AppPageShellProps } from './AppPageShell.mjs';
+export { NavMenuPortal } from './navbar/context/NavMenuPortal.mjs';
+export { NavItemBase, type NavItemBaseProps } from './navbar/NavItemBase.mjs';
+export { SubNavItemBase, type SubNavItemBaseProps } from './navbar/SubNavItemBase.mjs';
+export { FooterNavItemBase, type FooterNavItemBaseProps } from './navbar/FooterNavItemBase.mjs';
+export { ExpandNavbarButtonPlaceholder } from './navbar/ExpandNavbarButtonPlaceholder.mjs';

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const index$1 = require("../../../icons/index.cjs");
+;/* empty css                                                                                                                                                                                           */
+;/* empty css                                                                                                                                                                                            */
+;/* empty css                                                                                                                                                                                                    */
+;/* empty css                                                                                                                                                                                               */
+;/* empty css                                                                                                                                                                                               */
+const index = require("../../../primitive/Button/index.cjs");
+const ExpandNavbarButton = ({ logo, onClick }) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.Button,
+  {
+    className: "tiui-app-shell-navbar-expand-button",
+    variant: "default",
+    size: "sm",
+    leftSection: logo,
+    onClick,
+    style: {
+      "--button-justify": "space-between"
+    },
+    styles: {
+      root: {
+        position: "absolute",
+        top: 16,
+        left: 24,
+        zIndex: 15,
+        width: 64,
+        paddingLeft: 8,
+        paddingRight: 8
+      },
+      section: {
+        "&[data-position=left]": {
+          marginRight: 0,
+          width: 20,
+          height: 20
+        }
+      }
+    },
+    "aria-label": "Expand navbar",
+    children: /* @__PURE__ */ jsxRuntime.jsx(index$1.IconLayoutLeft, { size: 20 })
+  }
+);
+exports.ExpandNavbarButton = ExpandNavbarButton;

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

@@ -0,0 +1,6 @@
+interface ExpandNavbarButtonProps {
+    logo: React.ReactNode;
+    onClick: () => void;
+}
+export declare const ExpandNavbarButton: ({ logo, onClick }: ExpandNavbarButtonProps) => import("react/jsx-runtime.js").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+interface ExpandNavbarButtonProps {
+    logo: React.ReactNode;
+    onClick: () => void;
+}
+export declare const ExpandNavbarButton: ({ logo, onClick }: ExpandNavbarButtonProps) => import("react/jsx-runtime.js").JSX.Element;
+export {};

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

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import { IconLayoutLeft } from "../../../icons/index.mjs";
+/* empty css                                                                                                                                                                                          */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                                   */
+/* empty css                                                                                                                                                                                              */
+/* empty css                                                                                                                                                                                              */
+import { Button } from "../../../primitive/Button/index.mjs";
+const ExpandNavbarButton = ({ logo, onClick }) => /* @__PURE__ */ jsx(
+  Button,
+  {
+    className: "tiui-app-shell-navbar-expand-button",
+    variant: "default",
+    size: "sm",
+    leftSection: logo,
+    onClick,
+    style: {
+      "--button-justify": "space-between"
+    },
+    styles: {
+      root: {
+        position: "absolute",
+        top: 16,
+        left: 24,
+        zIndex: 15,
+        width: 64,
+        paddingLeft: 8,
+        paddingRight: 8
+      },
+      section: {
+        "&[data-position=left]": {
+          marginRight: 0,
+          width: 20,
+          height: 20
+        }
+      }
+    },
+    "aria-label": "Expand navbar",
+    children: /* @__PURE__ */ jsx(IconLayoutLeft, { size: 20 })
+  }
+);
+export {
+  ExpandNavbarButton
+};

package/dist/biz/AppShell/navbar/ExpandNavbarButtonPlaceholder.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                                                                                                                                                                                               */
+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 ExpandNavbarButtonPlaceholder = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      className: "tiui-app-shell-expand-navbar-button-placeholder",
+      display: "inline-block",
+      style: {
+        "--button-width": "64px",
+        "--button-height": "32px",
+        "--placeholder-max-width": "calc(var(--app-shell-navbar-collapsed, 0) * (var(--button-width) + 16px))"
+      },
+      sx: {
+        height: "var(--button-height)",
+        minWidth: 0,
+        maxWidth: "var(--placeholder-max-width)",
+        width: "calc(var(--placeholder-max-width) - (100vw - var(--app-shell-page-max-width, 100vw)) * 0.5)",
+        flexShrink: 0
+      },
+      "aria-hidden": "true"
+    }
+  );
+};
+exports.ExpandNavbarButtonPlaceholder = ExpandNavbarButtonPlaceholder;

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

@@ -0,0 +1 @@
+export declare const ExpandNavbarButtonPlaceholder: () => import("react/jsx-runtime.js").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const ExpandNavbarButtonPlaceholder: () => import("react/jsx-runtime.js").JSX.Element;

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

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+/* empty css                                                                                                                                                                                          */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                                   */
+/* empty css                                                                                                                                                                                              */
+/* empty css                                                                                                                                                                                              */
+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 ExpandNavbarButtonPlaceholder = () => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: "tiui-app-shell-expand-navbar-button-placeholder",
+      display: "inline-block",
+      style: {
+        "--button-width": "64px",
+        "--button-height": "32px",
+        "--placeholder-max-width": "calc(var(--app-shell-navbar-collapsed, 0) * (var(--button-width) + 16px))"
+      },
+      sx: {
+        height: "var(--button-height)",
+        minWidth: 0,
+        maxWidth: "var(--placeholder-max-width)",
+        width: "calc(var(--placeholder-max-width) - (100vw - var(--app-shell-page-max-width, 100vw)) * 0.5)",
+        flexShrink: 0
+      },
+      "aria-hidden": "true"
+    }
+  );
+};
+export {
+  ExpandNavbarButtonPlaceholder
+};

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const NavItemBase = require("./NavItemBase.cjs");
+const FooterNavItemBase = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(NavItemBase.NavItemBase, { ...props });
+};
+exports.FooterNavItemBase = FooterNavItemBase;

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import { NavItemBase } from "./NavItemBase.mjs";
+const FooterNavItemBase = (props) => {
+  return /* @__PURE__ */ jsx(NavItemBase, { ...props });
+};
+export {
+  FooterNavItemBase
+};

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

@@ -0,0 +1,21 @@
+"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 NavLink = 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/NavLink/NavLink.cjs");
+const HoverCard = 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/HoverCard/HoverCard.cjs");
+const NavItemBase = ({ tooltip, ...restProps }) => {
+  const navlink = /* @__PURE__ */ jsxRuntime.jsx(NavLink.NavLink, { ...restProps, noWrap: true, childrenOffset: "xl" });
+  if (tooltip) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(HoverCard.HoverCard, { shadow: "md", width: 300, withArrow: true, withinPortal: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Target, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: navlink }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Dropdown, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: tooltip }) })
+    ] });
+  }
+  return navlink;
+};
+exports.NavItemBase = NavItemBase;

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

@@ -0,0 +1,12 @@
+import { NavLinkProps } from '../../../primitive/index.cjs';
+export interface NavItemBaseProps extends Pick<NavLinkProps, 'label' | 'leftSection' | 'rightSection' | 'active' | 'defaultOpened' | 'disabled' | 'onClick' | 'mod' | 'sx' | 'styles' | 'style' | 'children'> {
+    /**
+     * Tooltip content
+     */
+    tooltip?: React.ReactNode;
+}
+/**
+ * NavItemBase is a pure UI component for navigation items
+ * with no routing or navigation structure knowledge
+ */
+export declare const NavItemBase: ({ tooltip, ...restProps }: NavItemBaseProps) => import("react/jsx-runtime.js").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { NavLinkProps } from '../../../primitive/index.mjs';
+export interface NavItemBaseProps extends Pick<NavLinkProps, 'label' | 'leftSection' | 'rightSection' | 'active' | 'defaultOpened' | 'disabled' | 'onClick' | 'mod' | 'sx' | 'styles' | 'style' | 'children'> {
+    /**
+     * Tooltip content
+     */
+    tooltip?: React.ReactNode;
+}
+/**
+ * NavItemBase is a pure UI component for navigation items
+ * with no routing or navigation structure knowledge
+ */
+export declare const NavItemBase: ({ tooltip, ...restProps }: NavItemBaseProps) => import("react/jsx-runtime.js").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+/* empty css                                                                                                                                                                                          */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                                   */
+/* empty css                                                                                                                                                                                              */
+/* empty css                                                                                                                                                                                              */
+import { NavLink } 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/NavLink/NavLink.mjs";
+import { HoverCard } 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/HoverCard/HoverCard.mjs";
+const NavItemBase = ({ tooltip, ...restProps }) => {
+  const navlink = /* @__PURE__ */ jsx(NavLink, { ...restProps, noWrap: true, childrenOffset: "xl" });
+  if (tooltip) {
+    return /* @__PURE__ */ jsxs(HoverCard, { shadow: "md", width: 300, withArrow: true, withinPortal: true, children: [
+      /* @__PURE__ */ jsx(HoverCard.Target, { children: /* @__PURE__ */ jsx("span", { children: navlink }) }),
+      /* @__PURE__ */ jsx(HoverCard.Dropdown, { children: /* @__PURE__ */ jsx("span", { children: tooltip }) })
+    ] });
+  }
+  return navlink;
+};
+export {
+  NavItemBase
+};

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

@@ -0,0 +1,61 @@
+"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 DEFAULT_NAVBAR_Z_INDEX = 10;
+const Navbar = ({ withBorder, zIndex, hidden = false, className, mod, sx, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      className: "tiui-app-shell-navbar-wrapper",
+      mod: [{ "navbar-hidden": hidden }],
+      sx: {
+        flexShrink: 0,
+        height: "100%",
+        position: "relative",
+        zIndex: zIndex ?? DEFAULT_NAVBAR_Z_INDEX,
+        width: `var(--app-shell-navbar-width)`,
+        transitionProperty: "width",
+        transitionDuration: "var(--app-shell-transition-duration, 200ms)",
+        transitionTimingFunction: "var(--app-shell-transition-timing-function, ease)",
+        "&:where([data-navbar-hidden])": {
+          width: 0
+        }
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Box.Box,
+        {
+          component: "nav",
+          ...rest,
+          className: clsx.clsx(className, "tiui-app-shell-navbar"),
+          mod: [{ "with-border": withBorder }, mod],
+          sx: styles.mergeSxList([
+            (theme) => ({
+              backgroundColor: theme.colors.carbon[2],
+              display: "flex",
+              flexDirection: "column",
+              height: "100%",
+              width: `var(--app-shell-navbar-width)`,
+              transitionProperty: "transform",
+              transitionDuration: "var(--app-shell-transition-duration, 200ms)",
+              transitionTimingFunction: "var(--app-shell-transition-timing-function, ease)",
+              transform: hidden ? "translateX(-100%)" : "none",
+              "&:where([data-with-border])": {
+                borderRight: `1px solid ${theme.colors.carbon[3]}`
+              }
+            }),
+            sx
+          ])
+        }
+      )
+    }
+  );
+};
+exports.Navbar = Navbar;

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

@@ -0,0 +1,11 @@
+import { BoxProps, ElementProps } from '../../../primitive/index.cjs';
+interface NavbarProps extends BoxProps, ElementProps<'nav'> {
+    /** Determines whether the navbar should have a border */
+    withBorder?: boolean;
+    /** The `z-index` of the navbar */
+    zIndex?: React.CSSProperties['zIndex'];
+    /** Determines whether the navbar should be hidden */
+    hidden?: boolean;
+}
+export declare const Navbar: ({ withBorder, zIndex, hidden, className, mod, sx, ...rest }: NavbarProps) => import("react/jsx-runtime.js").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import { BoxProps, ElementProps } from '../../../primitive/index.mjs';
+interface NavbarProps extends BoxProps, ElementProps<'nav'> {
+    /** Determines whether the navbar should have a border */
+    withBorder?: boolean;
+    /** The `z-index` of the navbar */
+    zIndex?: React.CSSProperties['zIndex'];
+    /** Determines whether the navbar should be hidden */
+    hidden?: boolean;
+}
+export declare const Navbar: ({ withBorder, zIndex, hidden, className, mod, sx, ...rest }: NavbarProps) => import("react/jsx-runtime.js").JSX.Element;
+export {};

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

@@ -0,0 +1,61 @@
+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 DEFAULT_NAVBAR_Z_INDEX = 10;
+const Navbar = ({ withBorder, zIndex, hidden = false, className, mod, sx, ...rest }) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: "tiui-app-shell-navbar-wrapper",
+      mod: [{ "navbar-hidden": hidden }],
+      sx: {
+        flexShrink: 0,
+        height: "100%",
+        position: "relative",
+        zIndex: zIndex ?? DEFAULT_NAVBAR_Z_INDEX,
+        width: `var(--app-shell-navbar-width)`,
+        transitionProperty: "width",
+        transitionDuration: "var(--app-shell-transition-duration, 200ms)",
+        transitionTimingFunction: "var(--app-shell-transition-timing-function, ease)",
+        "&:where([data-navbar-hidden])": {
+          width: 0
+        }
+      },
+      children: /* @__PURE__ */ jsx(
+        Box,
+        {
+          component: "nav",
+          ...rest,
+          className: clsx(className, "tiui-app-shell-navbar"),
+          mod: [{ "with-border": withBorder }, mod],
+          sx: mergeSxList([
+            (theme) => ({
+              backgroundColor: theme.colors.carbon[2],
+              display: "flex",
+              flexDirection: "column",
+              height: "100%",
+              width: `var(--app-shell-navbar-width)`,
+              transitionProperty: "transform",
+              transitionDuration: "var(--app-shell-transition-duration, 200ms)",
+              transitionTimingFunction: "var(--app-shell-transition-timing-function, ease)",
+              transform: hidden ? "translateX(-100%)" : "none",
+              "&:where([data-with-border])": {
+                borderRight: `1px solid ${theme.colors.carbon[3]}`
+              }
+            }),
+            sx
+          ])
+        }
+      )
+    }
+  );
+};
+export {
+  Navbar
+};

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

@@ -0,0 +1,58 @@
+"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 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 Stack = 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/Stack/Stack.cjs");
+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 NavbarHeader = ({ logo, onLogoClick, onToggleCollapse, ...restProps }) => {
+  const handleLogoClick = () => {
+    if (onLogoClick) {
+      onLogoClick();
+    } else {
+      history.pushState({}, "", "/");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Group.Group,
+    {
+      justify: "space-between",
+      sx: { height: 64 },
+      ...restProps,
+      className: clsx.clsx(restProps.className, "tiui-app-shell-navbar-header"),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Stack.Stack,
+          {
+            justify: "center",
+            onClick: handleLogoClick,
+            sx: {
+              padding: 4,
+              cursor: "pointer"
+            },
+            "aria-label": "Logo",
+            children: logo
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ActionIcon.ActionIcon,
+          {
+            className: "tiui-app-shell-navbar-collapse-button",
+            variant: "white",
+            bg: "transparent",
+            onClick: onToggleCollapse,
+            "aria-label": "Collapse navbar",
+            children: /* @__PURE__ */ jsxRuntime.jsx(index.IconLayoutLeft, { size: 20 })
+          }
+        )
+      ]
+    }
+  );
+};
+exports.NavbarHeader = NavbarHeader;

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

@@ -0,0 +1,8 @@
+import { GroupProps } from '../../../primitive/index.cjs';
+interface NavbarHeaderProps extends GroupProps {
+    logo: React.ReactNode;
+    onLogoClick?: () => void;
+    onToggleCollapse?: () => void;
+}
+export declare const NavbarHeader: ({ logo, onLogoClick, onToggleCollapse, ...restProps }: NavbarHeaderProps) => import("react/jsx-runtime.js").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { GroupProps } from '../../../primitive/index.mjs';
+interface NavbarHeaderProps extends GroupProps {
+    logo: React.ReactNode;
+    onLogoClick?: () => void;
+    onToggleCollapse?: () => void;
+}
+export declare const NavbarHeader: ({ logo, onLogoClick, onToggleCollapse, ...restProps }: NavbarHeaderProps) => import("react/jsx-runtime.js").JSX.Element;
+export {};