@abpjs/theme-basic 0.7.6

package/dist/index.js

@@ -0,0 +1,1466 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Block: () => Block,
+  BrandingProvider: () => BrandingProvider,
+  ChangePassword: () => ChangePassword,
+  DefaultLogo: () => DefaultLogo,
+  LAYOUTS: () => LAYOUTS,
+  LanguageSelector: () => LanguageSelector,
+  LayoutAccount: () => LayoutAccount,
+  LayoutApplication: () => LayoutApplication,
+  LayoutBase: () => LayoutBase,
+  LayoutEmpty: () => LayoutEmpty,
+  LayoutProvider: () => LayoutProvider,
+  Logo: () => Logo,
+  LogoIcon: () => LogoIcon,
+  LogoText: () => LogoText,
+  NavLinks: () => NavLinks,
+  Navbar: () => Navbar,
+  Profile: () => Profile,
+  SIDEBAR_Z_INDEX: () => SIDEBAR_Z_INDEX,
+  SearchField: () => SearchField,
+  SearchProvider: () => SearchProvider,
+  Sidebar: () => Sidebar,
+  SidebarLink: () => SidebarLink,
+  ThemeBasicProvider: () => ThemeBasicProvider,
+  UserProfile: () => UserProfile,
+  defaultThemeBasicConfig: () => defaultThemeBasicConfig,
+  defineConfig: () => import_theme_shared3.defineConfig,
+  useBranding: () => useBranding,
+  useLayoutContext: () => useLayoutContext,
+  useLayoutService: () => useLayoutService,
+  useLogo: () => useLogo,
+  useNavigationElements: () => useNavigationElements,
+  useSearch: () => useSearch
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/contexts/layout.context.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var LayoutContext = (0, import_react.createContext)(null);
+function LayoutProvider({ children }) {
+  const [navigationElements, setNavigationElements] = (0, import_react.useState)([]);
+  const addNavigationElement = (0, import_react.useCallback)(
+    (elements) => {
+      const payloadArray = Array.isArray(elements) ? elements : [elements];
+      setNavigationElements((prev) => {
+        const newElements = payloadArray.filter(
+          ({ name }) => prev.findIndex((nav) => nav.name === name) < 0
+        );
+        if (newElements.length === 0) {
+          return prev;
+        }
+        const merged = [...prev, ...newElements].map((element) => ({
+          ...element,
+          order: element.order ?? 99
+        })).sort((a, b) => (a.order ?? 99) - (b.order ?? 99));
+        return merged;
+      });
+    },
+    []
+  );
+  const removeNavigationElement = (0, import_react.useCallback)((name) => {
+    setNavigationElements((prev) => prev.filter((el) => el.name !== name));
+  }, []);
+  const clearNavigationElements = (0, import_react.useCallback)(() => {
+    setNavigationElements([]);
+  }, []);
+  const state = (0, import_react.useMemo)(
+    () => ({
+      navigationElements
+    }),
+    [navigationElements]
+  );
+  const service = (0, import_react.useMemo)(
+    () => ({
+      addNavigationElement,
+      removeNavigationElement,
+      clearNavigationElements
+    }),
+    [addNavigationElement, removeNavigationElement, clearNavigationElements]
+  );
+  const contextValue = (0, import_react.useMemo)(
+    () => ({
+      state,
+      service
+    }),
+    [state, service]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LayoutContext.Provider, { value: contextValue, children });
+}
+function useLayoutContext() {
+  const context = (0, import_react.useContext)(LayoutContext);
+  if (!context) {
+    throw new Error("useLayoutContext must be used within a LayoutProvider");
+  }
+  return context;
+}
+function useLayoutService() {
+  return useLayoutContext().service;
+}
+function useNavigationElements() {
+  return useLayoutContext().state.navigationElements;
+}
+
+// src/contexts/branding.context.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var defaultConfig = {
+  appName: "ABP Application",
+  logoLink: "/"
+};
+var BrandingContext = (0, import_react2.createContext)({
+  config: defaultConfig
+});
+function BrandingProvider({
+  children,
+  logo,
+  logoIcon,
+  appName,
+  logoLink
+}) {
+  const config = (0, import_react2.useMemo)(
+    () => ({
+      logo,
+      logoIcon: logoIcon || logo,
+      // Fallback to full logo if icon not provided
+      appName: appName || defaultConfig.appName,
+      logoLink: logoLink || defaultConfig.logoLink
+    }),
+    [logo, logoIcon, appName, logoLink]
+  );
+  const contextValue = (0, import_react2.useMemo)(
+    () => ({ config }),
+    [config]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BrandingContext.Provider, { value: contextValue, children });
+}
+function useBranding() {
+  return (0, import_react2.useContext)(BrandingContext).config;
+}
+function useLogo(preferIcon = false) {
+  const { logo, logoIcon, appName } = useBranding();
+  if (preferIcon && logoIcon) {
+    return logoIcon;
+  }
+  return logo || appName;
+}
+
+// src/components/layout/Layout.tsx
+var import_react3 = require("react");
+var import_react4 = require("@chakra-ui/react");
+var import_lucide_react = require("lucide-react");
+var import_react_router_dom = require("react-router-dom");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function LayoutBase({
+  brandName = "MyProjectName",
+  brandLink = "/",
+  children,
+  renderOutlet = true
+}) {
+  const [isOpen, setIsOpen] = (0, import_react3.useState)(false);
+  const onToggle = () => setIsOpen(!isOpen);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react4.Box,
+      {
+        as: "nav",
+        id: "main-navbar",
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        zIndex: "sticky",
+        bg: "gray.800",
+        color: "white",
+        px: 4,
+        py: 2,
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          import_react4.Flex,
+          {
+            maxW: "container.xl",
+            mx: "auto",
+            align: "center",
+            justify: "space-between",
+            wrap: "wrap",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                import_react4.Box,
+                {
+                  asChild: true,
+                  fontWeight: "bold",
+                  fontSize: "lg",
+                  color: "white",
+                  _hover: { textDecoration: "none" },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_router_dom.Link, { to: brandLink, children: brandName })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                import_react4.IconButton,
+                {
+                  display: { base: "flex", md: "none" },
+                  onClick: onToggle,
+                  variant: "ghost",
+                  color: "white",
+                  "aria-label": "Toggle Navigation",
+                  "aria-expanded": isOpen,
+                  _hover: { bg: "gray.700" },
+                  children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.X, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Menu, { size: 20 })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Collapsible.Root, { open: isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Collapsible.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                import_react4.Box,
+                {
+                  display: { base: "block", md: "none" },
+                  pb: 4,
+                  w: "full",
+                  children
+                }
+              ) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                import_react4.Flex,
+                {
+                  display: { base: "none", md: "flex" },
+                  align: "center",
+                  flex: 1,
+                  ml: 8,
+                  children
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Container, { maxW: "container.xl", pt: "5rem", pb: 4, children: renderOutlet && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_router_dom.Outlet, {}) })
+  ] });
+}
+
+// src/components/layout-application/LayoutApplication.tsx
+var import_react20 = require("react");
+var import_react21 = require("@chakra-ui/react");
+var import_react_router_dom6 = require("react-router-dom");
+var import_core8 = require("@abpjs/core");
+
+// src/components/blocks/sidebars/sidebar-with-collapsible/sidebar.tsx
+var import_react14 = require("@chakra-ui/react");
+var import_lu5 = require("react-icons/lu");
+
+// src/components/blocks/sidebars/sidebar-with-collapsible/logo.tsx
+var import_react5 = require("@chakra-ui/react");
+var import_react_router_dom2 = require("react-router-dom");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var DefaultLogo = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { height: "28", viewBox: "0 0 143 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", { children: "Logo" }),
+  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M20.127 0C15.466 0 11.2287 1.69492 7.83887 4.23729L30.9321 31.9915L49.788 17.7966C48.9406 7.83898 40.466 0 30.0846 0",
+      fill: "var(--chakra-colors-color-palette-solid)"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M30.0847 50C41.1017 50 50 41.1017 50 30.0847V29.0254L32.839 41.7373C30.9322 43.2203 28.178 42.7966 26.6949 41.1017L2.11864 11.4407C0.847458 13.983 0 16.9491 0 19.9152V29.8729C0 40.8898 8.89831 49.7881 19.9153 49.7881",
+      fill: "var(--chakra-colors-color-palette-emphasized)"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "path",
+    {
+      d: "M67.736 37V11.8H71.876V37H67.736ZM70.58 37V33.22H83.756V37H70.58ZM93.2313 37.36C91.5513 37.36 90.0273 36.964 88.6593 36.172C87.2913 35.356 86.1993 34.264 85.3833 32.896C84.5913 31.528 84.1953 30.004 84.1953 28.324C84.1953 26.644 84.5913 25.132 85.3833 23.788C86.1993 22.444 87.2913 21.376 88.6593 20.584C90.0273 19.768 91.5513 19.36 93.2313 19.36C94.9353 19.36 96.4713 19.756 97.8393 20.548C99.2073 21.34 100.287 22.42 101.079 23.788C101.895 25.132 102.303 26.644 102.303 28.324C102.303 30.004 101.895 31.528 101.079 32.896C100.287 34.264 99.2073 35.356 97.8393 36.172C96.4713 36.964 94.9353 37.36 93.2313 37.36ZM93.2313 33.544C94.2153 33.544 95.0793 33.328 95.8233 32.896C96.5913 32.44 97.1793 31.816 97.5873 31.024C98.0193 30.232 98.2353 29.332 98.2353 28.324C98.2353 27.316 98.0193 26.428 97.5873 25.66C97.1553 24.892 96.5673 24.292 95.8233 23.86C95.0793 23.404 94.2153 23.176 93.2313 23.176C92.2713 23.176 91.4073 23.404 90.6393 23.86C89.8953 24.292 89.3073 24.892 88.8753 25.66C88.4673 26.428 88.2633 27.316 88.2633 28.324C88.2633 29.332 88.4673 30.232 88.8753 31.024C89.3073 31.816 89.8953 32.44 90.6393 32.896C91.4073 33.328 92.2713 33.544 93.2313 33.544ZM111.716 44.56C109.892 44.56 108.296 44.224 106.928 43.552C105.56 42.904 104.456 41.98 103.616 40.78L106.208 38.188C106.904 39.052 107.696 39.7 108.584 40.132C109.472 40.564 110.54 40.78 111.788 40.78C113.348 40.78 114.584 40.372 115.496 39.556C116.408 38.764 116.864 37.672 116.864 36.28V32.032L117.548 28.216L116.864 24.364V19.72H120.824V36.28C120.824 37.936 120.44 39.376 119.672 40.6C118.904 41.848 117.836 42.82 116.468 43.516C115.1 44.212 113.516 44.56 111.716 44.56ZM111.536 36.64C110 36.64 108.608 36.268 107.36 35.524C106.136 34.756 105.164 33.712 104.444 32.392C103.748 31.072 103.4 29.596 103.4 27.964C103.4 26.332 103.748 24.868 104.444 23.572C105.164 22.276 106.136 21.256 107.36 20.512C108.608 19.744 110 19.36 111.536 19.36C112.904 19.36 114.104 19.636 115.136 20.188C116.168 20.74 116.972 21.508 117.548 22.492C118.124 23.452 118.412 24.58 118.412 25.876V30.124C118.412 31.396 118.112 32.524 117.512 33.508C116.936 34.492 116.132 35.26 115.1 35.812C114.068 36.364 112.88 36.64 111.536 36.64ZM112.328 32.896C113.288 32.896 114.128 32.692 114.848 32.284C115.568 31.876 116.12 31.312 116.504 30.592C116.912 29.848 117.116 28.984 117.116 28C117.116 27.016 116.912 26.164 116.504 25.444C116.12 24.7 115.568 24.124 114.848 23.716C114.128 23.308 113.288 23.104 112.328 23.104C111.368 23.104 110.516 23.308 109.772 23.716C109.052 24.124 108.488 24.7 108.08 25.444C107.672 26.164 107.468 27.016 107.468 28C107.468 28.96 107.672 29.812 108.08 30.556C108.488 31.3 109.052 31.876 109.772 32.284C110.516 32.692 111.368 32.896 112.328 32.896ZM132.063 37.36C130.383 37.36 128.859 36.964 127.491 36.172C126.123 35.356 125.031 34.264 124.215 32.896C123.423 31.528 123.027 30.004 123.027 28.324C123.027 26.644 123.423 25.132 124.215 23.788C125.031 22.444 126.123 21.376 127.491 20.584C128.859 19.768 130.383 19.36 132.063 19.36C133.767 19.36 135.303 19.756 136.671 20.548C138.039 21.34 139.119 22.42 139.911 23.788C140.727 25.132 141.136 26.644 141.136 28.324C141.136 30.004 140.727 31.528 139.911 32.896C139.119 34.264 138.039 35.356 136.671 36.172C135.303 36.964 133.767 37.36 132.063 37.36ZM132.063 33.544C133.047 33.544 133.911 33.328 134.655 32.896C135.423 32.44 136.011 31.816 136.419 31.024C136.851 30.232 137.067 29.332 137.067 28.324C137.067 27.316 136.851 26.428 136.419 25.66C135.987 24.892 135.399 24.292 134.655 23.86C133.911 23.404 133.047 23.176 132.063 23.176C131.103 23.176 130.239 23.404 129.471 23.86C128.727 24.292 128.139 24.892 127.707 25.66C127.299 26.428 127.095 27.316 127.095 28.324C127.095 29.332 127.299 30.232 127.707 31.024C128.139 31.816 128.727 32.44 129.471 32.896C130.239 33.328 131.103 33.544 132.063 33.544Z",
+      fill: "var(--chakra-colors-fg)"
+    }
+  )
+] });
+var Logo = ({ style }) => {
+  const { logo, appName, logoLink } = useBranding();
+  const logoContent = logo || (appName ? appName : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DefaultLogo, { style }));
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react5.Box, { asChild: true, style, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_router_dom2.Link, { to: logoLink || "/", children: typeof logoContent === "string" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react5.Text, { fontWeight: "bold", fontSize: "lg", children: logoContent }) : logoContent }) });
+};
+var LogoText = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { height: "24", viewBox: "0 0 75 34", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", { children: "Logo" }),
+  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "path",
+    {
+      d: "M0.736 26V0.799998H4.876V26H0.736ZM3.58 26V22.22H16.756V26H3.58ZM26.2313 26.36C24.5513 26.36 23.0273 25.964 21.6593 25.172C20.2913 24.356 19.1993 23.264 18.3833 21.896C17.5913 20.528 17.1953 19.004 17.1953 17.324C17.1953 15.644 17.5913 14.132 18.3833 12.788C19.1993 11.444 20.2913 10.376 21.6593 9.584C23.0273 8.768 24.5513 8.36 26.2313 8.36C27.9353 8.36 29.4713 8.756 30.8393 9.548C32.2073 10.34 33.2873 11.42 34.0793 12.788C34.8953 14.132 35.3033 15.644 35.3033 17.324C35.3033 19.004 34.8953 20.528 34.0793 21.896C33.2873 23.264 32.2073 24.356 30.8393 25.172C29.4713 25.964 27.9353 26.36 26.2313 26.36ZM26.2313 22.544C27.2153 22.544 28.0793 22.328 28.8233 21.896C29.5913 21.44 30.1793 20.816 30.5873 20.024C31.0193 19.232 31.2353 18.332 31.2353 17.324C31.2353 16.316 31.0193 15.428 30.5873 14.66C30.1553 13.892 29.5673 13.292 28.8233 12.86C28.0793 12.404 27.2153 12.176 26.2313 12.176C25.2713 12.176 24.4073 12.404 23.6393 12.86C22.8953 13.292 22.3073 13.892 21.8753 14.66C21.4673 15.428 21.2633 16.316 21.2633 17.324C21.2633 18.332 21.4673 19.232 21.8753 20.024C22.3073 20.816 22.8953 21.44 23.6393 21.896C24.4073 22.328 25.2713 22.544 26.2313 22.544ZM44.7165 33.56C42.8925 33.56 41.2965 33.224 39.9285 32.552C38.5605 31.904 37.4565 30.98 36.6165 29.78L39.2085 27.188C39.9045 28.052 40.6965 28.7 41.5845 29.132C42.4725 29.564 43.5405 29.78 44.7885 29.78C46.3485 29.78 47.5845 29.372 48.4965 28.556C49.4085 27.764 49.8645 26.672 49.8645 25.28V21.032L50.5485 17.216L49.8645 13.364V8.72H53.8245V25.28C53.8245 26.936 53.4405 28.376 52.6725 29.6C51.9045 30.848 50.8365 31.82 49.4685 32.516C48.1005 33.212 46.5165 33.56 44.7165 33.56ZM44.5365 25.64C43.0005 25.64 41.6085 25.268 40.3605 24.524C39.1365 23.756 38.1645 22.712 37.4445 21.392C36.7485 20.072 36.4005 18.596 36.4005 16.964C36.4005 15.332 36.7485 13.868 37.4445 12.572C38.1645 11.276 39.1365 10.256 40.3605 9.512C41.6085 8.744 43.0005 8.36 44.5365 8.36C45.9045 8.36 47.1045 8.636 48.1365 9.188C49.1685 9.74 49.9725 10.508 50.5485 11.492C51.1245 12.452 51.4125 13.58 51.4125 14.876V19.124C51.4125 20.396 51.1125 21.524 50.5125 22.508C49.9365 23.492 49.1325 24.26 48.1005 24.812C47.0685 25.364 45.8805 25.64 44.5365 25.64ZM45.3285 21.896C46.2885 21.896 47.1285 21.692 47.8485 21.284C48.5685 20.876 49.1205 20.312 49.5045 19.592C49.9125 18.848 50.1165 17.984 50.1165 17C50.1165 16.016 49.9125 15.164 49.5045 14.444C49.1205 13.7 48.5685 13.124 47.8485 12.716C47.1285 12.308 46.2885 12.104 45.3285 12.104C44.3685 12.104 43.5165 12.308 42.7725 12.716C42.0525 13.124 41.4885 13.7 41.0805 14.444C40.6725 15.164 40.4685 16.016 40.4685 17C40.4685 17.96 40.6725 18.812 41.0805 19.556C41.4885 20.3 42.0525 20.876 42.7725 21.284C43.5165 21.692 44.3685 21.896 45.3285 21.896ZM65.0635 26.36C63.3835 26.36 61.8595 25.964 60.4915 25.172C59.1235 24.356 58.0315 23.264 57.2155 21.896C56.4235 20.528 56.0275 19.004 56.0275 17.324C56.0275 15.644 56.4235 14.132 57.2155 12.788C58.0315 11.444 59.1235 10.376 60.4915 9.584C61.8595 8.768 63.3835 8.36 65.0635 8.36C66.7675 8.36 68.3035 8.756 69.6715 9.548C71.0395 10.34 72.1195 11.42 72.9115 12.788C73.7275 14.132 74.1355 15.644 74.1355 17.324C74.1355 19.004 73.7275 20.528 72.9115 21.896C72.1195 23.264 71.0395 24.356 69.6715 25.172C68.3035 25.964 66.7675 26.36 65.0635 26.36ZM65.0635 22.544C66.0475 22.544 66.9115 22.328 67.6555 21.896C68.4235 21.44 69.0115 20.816 69.4195 20.024C69.8515 19.232 70.0675 18.332 70.0675 17.324C70.0675 16.316 69.8515 15.428 69.4195 14.66C68.9875 13.892 68.3995 13.292 67.6555 12.86C66.9115 12.404 66.0475 12.176 65.0635 12.176C64.1035 12.176 63.2395 12.404 62.4715 12.86C61.7275 13.292 61.1395 13.892 60.7075 14.66C60.2995 15.428 60.0955 16.316 60.0955 17.324C60.0955 18.332 60.2995 19.232 60.7075 20.024C61.1395 20.816 61.7275 21.44 62.4715 21.896C63.2395 22.328 64.1035 22.544 65.0635 22.544Z",
+      fill: "var(--chakra-colors-fg)"
+    }
+  )
+] });
+var LogoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { height: "24", viewBox: "0 0 50 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", { children: "Logo" }),
+  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M20.127 0C15.466 0 11.2287 1.69492 7.83887 4.23729L30.9321 31.9915L49.788 17.7966C48.9406 7.83898 40.466 0 30.0846 0",
+      fill: "var(--chakra-colors-color-palette-solid)"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M30.0847 50C41.1017 50 50 41.1017 50 30.0847V29.0254L32.839 41.7373C30.9322 43.2203 28.178 42.7966 26.6949 41.1017L2.11864 11.4407C0.847458 13.983 0 16.9491 0 19.9152V29.8729C0 40.8898 8.89831 49.7881 19.9153 49.7881",
+      fill: "var(--chakra-colors-color-palette-emphasized)"
+    }
+  )
+] });
+
+// src/components/blocks/sidebars/sidebar-with-collapsible/search-field.tsx
+var import_react7 = require("@chakra-ui/react");
+var import_lu = require("react-icons/lu");
+var import_core = require("@abpjs/core");
+
+// src/components/blocks/sidebars/sidebar-with-collapsible/search-context.tsx
+var import_react6 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var SearchContext = (0, import_react6.createContext)(void 0);
+var SearchProvider = ({ children }) => {
+  const [searchQuery, setSearchQuery] = (0, import_react6.useState)("");
+  const value = (0, import_react6.useMemo)(
+    () => ({
+      searchQuery,
+      setSearchQuery
+    }),
+    [searchQuery]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SearchContext.Provider, { value, children });
+};
+var useSearch = () => {
+  const context = (0, import_react6.useContext)(SearchContext);
+  if (!context) {
+    return {
+      searchQuery: "",
+      setSearchQuery: () => {
+      }
+    };
+  }
+  return context;
+};
+
+// src/components/blocks/sidebars/sidebar-with-collapsible/search-field.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var SearchField = () => {
+  const { t } = (0, import_core.useLocalization)();
+  const { searchQuery, setSearchQuery } = useSearch();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_react7.InputGroup,
+    {
+      flex: "1",
+      startElement: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react7.Icon, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lu.LuSearch, {}) }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_react7.Input,
+        {
+          placeholder: t("AbpUi::Search"),
+          value: searchQuery,
+          onChange: (e) => setSearchQuery(e.target.value)
+        }
+      )
+    }
+  );
+};
+
+// src/components/blocks/sidebars/sidebar-with-collapsible/sidebar-link.tsx
+var import_react8 = require("@chakra-ui/react");
+var import_react_router_dom3 = require("react-router-dom");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var SidebarLink = (props) => {
+  const { children, href, exact = false, badge, badgeColorPalette = "gray", ...buttonProps } = props;
+  const location = (0, import_react_router_dom3.useLocation)();
+  const isRootPath = !href || href === "/";
+  const isActive = href !== void 0 ? isRootPath || exact ? location.pathname === href || location.pathname === "/" + href : location.pathname.startsWith(href) : false;
+  const content = badge ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react8.HStack, { width: "full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react8.HStack, { gap: "3", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react8.Spacer, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react8.Badge, { size: "sm", colorPalette: badgeColorPalette, variant: "solid", children: badge })
+  ] }) : children;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_react8.Button,
+    {
+      variant: "ghost",
+      width: "full",
+      justifyContent: "start",
+      gap: "3",
+      color: isActive ? "colorPalette.fg" : "fg.muted",
+      bg: isActive ? "colorPalette.subtle" : void 0,
+      _hover: {
+        bg: "colorPalette.subtle",
+        color: "colorPalette.fg"
+      },
+      asChild: !!href,
+      ...buttonProps,
+      children: href ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_router_dom3.NavLink, { to: href, children: content }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: content })
+    }
+  );
+};
+
+// src/components/blocks/sidebars/sidebar-with-collapsible/user-profile.tsx
+var import_react9 = require("@chakra-ui/react");
+var import_lu2 = require("react-icons/lu");
+var import_core2 = require("@abpjs/core");
+var import_react_router_dom4 = require("react-router-dom");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var UserProfile = ({ onChangePassword, onProfile, onLogout, loginUrl = "/account/login" }) => {
+  const { currentUser } = (0, import_core2.useConfig)();
+  const { isAuthenticated } = (0, import_core2.useAuth)();
+  const { endSide } = (0, import_core2.useDirection)();
+  const { t } = (0, import_core2.useLocalization)();
+  if (!isAuthenticated || !currentUser) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react9.Button, { asChild: true, variant: "outline", width: "full", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_router_dom4.Link, { to: loginUrl, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lu2.LuLogIn, {}),
+      t("AbpAccount::Login")
+    ] }) });
+  }
+  const getInitials = () => {
+    const userName = currentUser.userName || "";
+    return userName.slice(0, 2).toUpperCase();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react9.HStack, { gap: "3", justify: "space-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react9.HStack, { gap: "3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react9.Avatar.Root, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react9.Avatar.Fallback, { children: getInitials() }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react9.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react9.Text, { textStyle: "sm", fontWeight: "medium", children: currentUser.userName }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react9.Menu.Root, { positioning: { placement: `${endSide}-start` }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react9.Menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_react9.Box,
+        {
+          as: "button",
+          p: "2",
+          borderRadius: "md",
+          cursor: "pointer",
+          _hover: { bg: "colorPalette.subtle" },
+          "aria-label": "User menu",
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lu2.LuEllipsisVertical, {})
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react9.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react9.Menu.Positioner, { style: { zIndex: SIDEBAR_Z_INDEX + 100 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react9.Menu.Content, { children: [
+        onProfile && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react9.Menu.Item, { value: "profile", onClick: onProfile, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lu2.LuUser, {}),
+          t("AbpUi::PersonalInfo")
+        ] }),
+        onChangePassword && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react9.Menu.Item, { value: "change-password", onClick: onChangePassword, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lu2.LuKey, {}),
+          t("AbpUi::ChangePassword")
+        ] }),
+        onLogout && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react9.Menu.Item, { value: "logout", onClick: onLogout, color: "red.500", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lu2.LuLogOut, {}),
+          t("AbpUi::Logout")
+        ] })
+      ] }) }) })
+    ] })
+  ] });
+};
+
+// src/components/blocks/sidebars/sidebar-with-collapsible/nav-links.tsx
+var import_react10 = require("@chakra-ui/react");
+var import_lu3 = require("react-icons/lu");
+var import_core3 = require("@abpjs/core");
+var import_react11 = require("react");
+var import_react_router_dom5 = require("react-router-dom");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function getVisibleRoutes(routes) {
+  return routes.reduce((acc, val) => {
+    if (val.invisible) {
+      return acc;
+    }
+    const route = { ...val };
+    if (route.children && route.children.length) {
+      route.children = getVisibleRoutes(route.children);
+    }
+    return [...acc, route];
+  }, []);
+}
+function filterRoutesBySearch(routes, searchQuery) {
+  if (!searchQuery.trim()) {
+    return routes;
+  }
+  const query = searchQuery.toLowerCase().trim();
+  return routes.reduce((acc, route) => {
+    const nameMatches = route.name?.toLowerCase().includes(query);
+    let matchingChildren = [];
+    if (route.children && route.children.length) {
+      matchingChildren = filterRoutesBySearch(route.children, searchQuery);
+    }
+    if (nameMatches || matchingChildren.length > 0) {
+      const filteredRoute = { ...route };
+      if (matchingChildren.length > 0) {
+        filteredRoute.children = matchingChildren;
+      }
+      return [...acc, filteredRoute];
+    }
+    return acc;
+  }, []);
+}
+var CollapsibleNavLink = ({ route }) => {
+  const location = (0, import_react_router_dom5.useLocation)();
+  const { direction } = (0, import_core3.useDirection)();
+  const isChildActive = (0, import_react11.useMemo)(() => {
+    const checkActive = (routes) => {
+      return routes.some((r) => {
+        const path = r.url || r.path || "";
+        if (path && location.pathname.startsWith(path)) {
+          return true;
+        }
+        if (r.children?.length) {
+          return checkActive(r.children);
+        }
+        return false;
+      });
+    };
+    return route.children ? checkActive(route.children) : false;
+  }, [route.children, location.pathname]);
+  const [isOpen, setIsOpen] = (0, import_react11.useState)(isChildActive);
+  const showHighlight = !isOpen && isChildActive;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react10.Collapsible.Root, { defaultOpen: isChildActive, onOpenChange: (details) => setIsOpen(details.open), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react10.Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_react10.Button,
+      {
+        variant: "ghost",
+        width: "full",
+        justifyContent: "start",
+        color: showHighlight ? "colorPalette.fg" : "fg.muted",
+        bg: showHighlight ? "colorPalette.subtle" : void 0,
+        dir: direction,
+        _hover: {
+          bg: "colorPalette.subtle",
+          color: "colorPalette.fg"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react10.HStack, { justifyContent: "space-between", width: "full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react10.HStack, { gap: "3", children: [
+            route.icon,
+            route.name
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react10.HStack, { gap: "2", children: [
+            route.badge !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react10.Badge, { size: "sm", colorPalette: route.badgeColorPalette || "gray", variant: "solid", children: route.badge }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react10.Collapsible.Context, { children: (context) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              import_react10.Icon,
+              {
+                "aria-hidden": true,
+                transition: "transform 0.2s",
+                transformOrigin: "center",
+                transform: context.open ? "rotate(180deg)" : void 0,
+                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lu3.LuChevronDown, {})
+              }
+            ) })
+          ] })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react10.Collapsible.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react10.Stack, { gap: "1", py: "1", children: route.children?.map((child) => {
+      const childRoute = child;
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+        SidebarLink,
+        {
+          href: childRoute.url || child.path,
+          ps: "12",
+          badge: child.badge,
+          badgeColorPalette: child.badgeColorPalette,
+          children: [
+            child.icon,
+            child.name
+          ]
+        },
+        child.name
+      );
+    }) }) })
+  ] });
+};
+var NavLinks = ({ defaultIcon }) => {
+  const { routes } = (0, import_core3.useConfig)();
+  const { searchQuery } = useSearch();
+  const visibleRoutes = (0, import_react11.useMemo)(() => {
+    const visible = getVisibleRoutes(routes || []);
+    return filterRoutesBySearch(visible, searchQuery);
+  }, [routes, searchQuery]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react10.Stack, { gap: "1", children: visibleRoutes.map((route) => {
+    const icon = route.icon || defaultIcon;
+    const hasChildren = route.children && route.children.length > 0;
+    if (hasChildren) {
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CollapsibleNavLink, { route }, route.name);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      SidebarLink,
+      {
+        href: route.url || route.path,
+        badge: route.badge,
+        badgeColorPalette: route.badgeColorPalette,
+        children: [
+          icon,
+          route.name
+        ]
+      },
+      route.name
+    );
+  }) });
+};
+
+// src/components/blocks/sidebars/sidebar-with-collapsible/language-selector.tsx
+var import_react12 = require("@chakra-ui/react");
+var import_lu4 = require("react-icons/lu");
+var import_core4 = require("@abpjs/core");
+var import_react13 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var LanguageSelector = ({ compact = false }) => {
+  const { localization } = (0, import_core4.useConfig)();
+  const { language, setLanguage } = (0, import_core4.useSession)();
+  const handleLanguageChange = (0, import_react13.useCallback)((cultureName) => {
+    setLanguage(cultureName);
+    window.location.reload();
+  }, [setLanguage]);
+  const languages = (0, import_react13.useMemo)(() => {
+    return localization?.languages || [];
+  }, [localization]);
+  const currentLanguage = (0, import_react13.useMemo)(() => {
+    return languages.find((lang) => lang.cultureName === language);
+  }, [languages, language]);
+  const otherLanguages = (0, import_react13.useMemo)(() => {
+    return languages.filter((lang) => lang.cultureName !== language);
+  }, [languages, language]);
+  if (languages.length <= 1) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react12.Menu.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.Menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_react12.Button,
+      {
+        variant: "ghost",
+        width: "full",
+        justifyContent: "start",
+        gap: "3",
+        color: "fg.muted",
+        _hover: {
+          bg: "colorPalette.subtle",
+          color: "colorPalette.fg"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react12.HStack, { justifyContent: "space-between", width: "full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react12.HStack, { gap: "3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lu4.LuGlobe, {}),
+            !compact && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.Text, { children: currentLanguage?.displayName || currentLanguage?.cultureName })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lu4.LuChevronDown, {})
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.Menu.Positioner, { style: { zIndex: SIDEBAR_Z_INDEX + 100 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.Menu.Content, { children: otherLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_react12.Menu.Item,
+      {
+        value: lang.cultureName,
+        onClick: () => handleLanguageChange(lang.cultureName),
+        children: lang.displayName || lang.cultureName
+      },
+      lang.cultureName
+    )) }) }) })
+  ] });
+};
+
+// src/components/blocks/sidebars/sidebar-with-collapsible/sidebar.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Sidebar = ({
+  showSearch = true,
+  showLanguageSelector = true,
+  showHelpCenter = false,
+  helpCenterUrl,
+  showSettings = false,
+  settingsUrl,
+  defaultIcon,
+  userProfileProps,
+  headerContent,
+  footerContent,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SearchProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    import_react14.Stack,
+    {
+      flex: "1",
+      p: { base: "4", md: "6" },
+      bg: "bg.panel",
+      borderInlineEndWidth: "1px",
+      justifyContent: "space-between",
+      maxW: "xs",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react14.Stack, { gap: "6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Logo, { style: { alignSelf: "start" } }),
+          headerContent,
+          showSearch && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SearchField, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NavLinks, { defaultIcon })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react14.Stack, { gap: "4", separator: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react14.StackSeparator, {}), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react14.Box, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react14.Stack, { gap: "1", children: [
+            showLanguageSelector && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LanguageSelector, {}),
+            showHelpCenter && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(SidebarLink, { href: helpCenterUrl, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lu5.LuCircleHelp, {}),
+              " Help Center"
+            ] }),
+            showSettings && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(SidebarLink, { href: settingsUrl, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lu5.LuSettings, {}),
+              " Settings"
+            ] }),
+            footerContent
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(UserProfile, { ...userProfileProps })
+        ] })
+      ]
+    }
+  ) });
+};
+
+// src/components/blocks/sidebars/sidebar-with-collapsible/navbar.tsx
+var import_react15 = require("@chakra-ui/react");
+var import_lu6 = require("react-icons/lu");
+var import_core5 = require("@abpjs/core");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Navbar = ({ sidebarProps, ...props }) => {
+  const { isRtl } = (0, import_core5.useDirection)();
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react15.Container, { py: "2.5", background: "bg.panel", borderBottomWidth: "1px", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react15.HStack, { justify: "space-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Logo, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react15.Drawer.Root, { placement: isRtl ? "end" : "start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react15.Drawer.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react15.IconButton, { "aria-label": "Open Menu", variant: "ghost", colorPalette: "gray", children: isRtl ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lu6.LuAlignLeft, {}) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lu6.LuAlignRight, {}) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react15.Portal, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react15.Drawer.Backdrop, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react15.Drawer.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react15.Drawer.Content, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react15.Drawer.CloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react15.CloseButton, { size: "sm", colorPalette: "gray" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Sidebar, { ...sidebarProps })
+        ] }) })
+      ] })
+    ] })
+  ] }) });
+};
+
+// src/components/blocks/sidebars/sidebar-with-collapsible/block.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Block = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Navbar, { hideFrom: "md" }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Sidebar, { hideBelow: "md" })
+  ] });
+};
+
+// src/components/change-password/ChangePassword.tsx
+var import_react16 = require("react");
+var import_react17 = require("@chakra-ui/react");
+var import_react_hook_form = require("react-hook-form");
+var import_core6 = require("@abpjs/core");
+var import_theme_shared = require("@abpjs/theme-shared");
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function ChangePassword({
+  visible,
+  onVisibleChange
+}) {
+  const { t } = (0, import_core6.useLocalization)();
+  const { changePassword } = (0, import_core6.useProfile)();
+  const toaster = (0, import_theme_shared.useToaster)();
+  const {
+    register,
+    handleSubmit,
+    watch,
+    reset,
+    formState: { errors, isSubmitting }
+  } = (0, import_react_hook_form.useForm)({
+    defaultValues: {
+      password: "",
+      newPassword: "",
+      repeatNewPassword: ""
+    }
+  });
+  const newPassword = watch("newPassword");
+  (0, import_react16.useEffect)(() => {
+    if (visible) {
+      reset();
+    }
+  }, [visible, reset]);
+  const onSubmit = async (data) => {
+    try {
+      await changePassword({
+        currentPassword: data.password,
+        newPassword: data.newPassword
+      });
+      toaster.success(
+        t("AbpIdentity::PasswordChangedMessage") || "Password changed successfully",
+        t("AbpUi::Success") || "Success"
+      );
+      onVisibleChange(false);
+    } catch (error) {
+      toaster.error(
+        error instanceof Error ? error.message : "An error occurred",
+        t("AbpIdentity::PasswordChangeFailed") || "Failed to change password"
+      );
+    }
+  };
+  const handleClose = () => {
+    onVisibleChange(false);
+  };
+  const passwordValidation = {
+    required: t("AbpIdentity::ThisFieldIsRequired") || "This field is required",
+    minLength: {
+      value: 6,
+      message: t("AbpIdentity::PasswordTooShort") || "Password must be at least 6 characters"
+    },
+    validate: {
+      hasLowercase: (value) => /[a-z]/.test(value) || t("AbpIdentity::PasswordRequiresLower") || "Password must contain a lowercase letter",
+      hasUppercase: (value) => /[A-Z]/.test(value) || t("AbpIdentity::PasswordRequiresUpper") || "Password must contain an uppercase letter",
+      hasNumber: (value) => /[0-9]/.test(value) || t("AbpIdentity::PasswordRequiresDigit") || "Password must contain a number",
+      hasSpecial: (value) => /[!@#$%^&*(),.?":{}|<>]/.test(value) || t("AbpIdentity::PasswordRequiresNonAlphanumeric") || "Password must contain a special character"
+    }
+  };
+  const modalFooter = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react17.Button, { variant: "ghost", mr: 3, onClick: handleClose, children: t("AbpIdentity::Cancel") || "Cancel" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      import_react17.Button,
+      {
+        colorPalette: "blue",
+        type: "submit",
+        loading: isSubmitting,
+        form: "change-password-form",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react2.Check, { size: 16 }),
+          t("AbpIdentity::Save") || "Save"
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_theme_shared.Modal,
+    {
+      visible,
+      onVisibleChange,
+      header: t("AbpIdentity::ChangePassword") || "Change Password",
+      footer: modalFooter,
+      centered: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("form", { id: "change-password-form", onSubmit: handleSubmit(onSubmit), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react17.VStack, { gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react17.Field.Root, { invalid: !!errors.password, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react17.Field.Label, { children: [
+            t("AbpIdentity::DisplayName:CurrentPassword") || "Current Password",
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react17.Field.RequiredIndicator, {})
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_react17.Input,
+            {
+              type: "password",
+              ...register("password", {
+                required: t("AbpIdentity::ThisFieldIsRequired") || "This field is required"
+              })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react17.Field.ErrorText, { children: errors.password?.message })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react17.Field.Root, { invalid: !!errors.newPassword, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react17.Field.Label, { children: [
+            t("AbpIdentity::DisplayName:NewPassword") || "New Password",
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react17.Field.RequiredIndicator, {})
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_react17.Input,
+            {
+              type: "password",
+              ...register("newPassword", passwordValidation)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react17.Field.ErrorText, { children: errors.newPassword?.message })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react17.Field.Root, { invalid: !!errors.repeatNewPassword, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react17.Field.Label, { children: [
+            t("AbpIdentity::DisplayName:NewPasswordConfirm") || "Confirm New Password",
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react17.Field.RequiredIndicator, {})
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_react17.Input,
+            {
+              type: "password",
+              ...register("repeatNewPassword", {
+                required: t("AbpIdentity::ThisFieldIsRequired") || "This field is required",
+                validate: (value) => value === newPassword || t("AbpIdentity::Identity.PasswordConfirmationFailed") || "Passwords do not match"
+              })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react17.Field.ErrorText, { children: errors.repeatNewPassword?.message })
+        ] })
+      ] }) })
+    }
+  );
+}
+
+// src/components/profile/Profile.tsx
+var import_react18 = require("react");
+var import_react19 = require("@chakra-ui/react");
+var import_react_hook_form2 = require("react-hook-form");
+var import_core7 = require("@abpjs/core");
+var import_theme_shared2 = require("@abpjs/theme-shared");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function Profile({
+  visible,
+  onVisibleChange
+}) {
+  const { t } = (0, import_core7.useLocalization)();
+  const { profile, fetchProfile, updateProfile, loading } = (0, import_core7.useProfile)();
+  const toaster = (0, import_theme_shared2.useToaster)();
+  const {
+    register,
+    handleSubmit,
+    reset,
+    formState: { errors, isSubmitting }
+  } = (0, import_react_hook_form2.useForm)({
+    defaultValues: {
+      userName: "",
+      email: "",
+      name: "",
+      surname: "",
+      phoneNumber: ""
+    }
+  });
+  (0, import_react18.useEffect)(() => {
+    if (visible) {
+      fetchProfile().then(() => {
+      });
+    }
+  }, [visible, fetchProfile]);
+  (0, import_react18.useEffect)(() => {
+    if (profile) {
+      reset({
+        userName: profile.userName || "",
+        email: profile.email || "",
+        name: profile.name || "",
+        surname: profile.surname || "",
+        phoneNumber: profile.phoneNumber || ""
+      });
+    }
+  }, [profile, reset]);
+  const onSubmit = async (data) => {
+    try {
+      await updateProfile(data);
+      toaster.success(
+        t("AbpIdentity::ProfileUpdatedMessage") || "Profile updated successfully",
+        t("AbpUi::Success") || "Success"
+      );
+      onVisibleChange(false);
+    } catch (error) {
+      toaster.error(
+        error instanceof Error ? error.message : "An error occurred",
+        t("AbpIdentity::ProfileUpdateFailed") || "Failed to update profile"
+      );
+    }
+  };
+  const handleClose = () => {
+    onVisibleChange(false);
+  };
+  const modalFooter = /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react19.Button, { variant: "ghost", mr: 3, onClick: handleClose, children: t("AbpIdentity::Cancel") || "Cancel" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      import_react19.Button,
+      {
+        colorPalette: "blue",
+        type: "submit",
+        loading: isSubmitting || loading,
+        form: "profile-form",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react3.Check, { size: 16 }),
+          t("AbpIdentity::Save") || "Save"
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_theme_shared2.Modal,
+    {
+      visible,
+      onVisibleChange,
+      header: t("AbpIdentity::PersonalInfo") || "Personal Info",
+      footer: modalFooter,
+      size: "lg",
+      centered: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("form", { id: "profile-form", onSubmit: handleSubmit(onSubmit), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react19.VStack, { gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react19.Field.Root, { invalid: !!errors.userName, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react19.Field.Label, { children: [
+            t("AbpIdentity::DisplayName:UserName") || "Username",
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react19.Field.RequiredIndicator, {})
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            import_react19.Input,
+            {
+              type: "text",
+              ...register("userName", {
+                required: t("AbpIdentity::ThisFieldIsRequired") || "This field is required",
+                maxLength: {
+                  value: 256,
+                  message: "Maximum 256 characters"
+                }
+              })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react19.Field.ErrorText, { children: errors.userName?.message })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react19.HStack, { gap: 4, w: "full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react19.Field.Root, { invalid: !!errors.name, flex: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react19.Field.Label, { children: t("AbpIdentity::DisplayName:Name") || "Name" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              import_react19.Input,
+              {
+                type: "text",
+                ...register("name", {
+                  maxLength: {
+                    value: 64,
+                    message: "Maximum 64 characters"
+                  }
+                })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react19.Field.ErrorText, { children: errors.name?.message })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react19.Field.Root, { invalid: !!errors.surname, flex: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react19.Field.Label, { children: t("AbpIdentity::DisplayName:Surname") || "Surname" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              import_react19.Input,
+              {
+                type: "text",
+                ...register("surname", {
+                  maxLength: {
+                    value: 64,
+                    message: "Maximum 64 characters"
+                  }
+                })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react19.Field.ErrorText, { children: errors.surname?.message })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react19.Field.Root, { invalid: !!errors.email, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react19.Field.Label, { children: [
+            t("AbpIdentity::DisplayName:EmailAddress") || "Email Address",
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react19.Field.RequiredIndicator, {})
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            import_react19.Input,
+            {
+              type: "email",
+              ...register("email", {
+                required: t("AbpIdentity::ThisFieldIsRequired") || "This field is required",
+                pattern: {
+                  value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
+                  message: t("AbpIdentity::InvalidEmail") || "Invalid email address"
+                },
+                maxLength: {
+                  value: 256,
+                  message: "Maximum 256 characters"
+                }
+              })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react19.Field.ErrorText, { children: errors.email?.message })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react19.Field.Root, { invalid: !!errors.phoneNumber, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react19.Field.Label, { children: t("AbpIdentity::DisplayName:PhoneNumber") || "Phone Number" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            import_react19.Input,
+            {
+              type: "tel",
+              ...register("phoneNumber", {
+                maxLength: {
+                  value: 16,
+                  message: "Maximum 16 characters"
+                }
+              })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react19.Field.ErrorText, { children: errors.phoneNumber?.message })
+        ] })
+      ] }) })
+    }
+  );
+}
+
+// src/components/layout-application/LayoutApplication.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var SIDEBAR_Z_INDEX = 1100;
+function LayoutApplication({
+  showLanguageSelector = true,
+  showCurrentUser = true,
+  showSearch = true,
+  showHelpCenter = false,
+  helpCenterUrl,
+  showSettings = false,
+  settingsUrl,
+  defaultIcon,
+  headerContent,
+  footerContent,
+  children
+}) {
+  const navigate = (0, import_react_router_dom6.useNavigate)();
+  const { logout } = (0, import_core8.useAuth)();
+  const { direction, isRtl } = (0, import_core8.useDirection)();
+  const [isChangePasswordOpen, setIsChangePasswordOpen] = (0, import_react20.useState)(false);
+  const [isProfileOpen, setIsProfileOpen] = (0, import_react20.useState)(false);
+  const handleLogout = (0, import_react20.useCallback)(() => {
+    logout();
+    navigate("/account/login");
+  }, [logout, navigate]);
+  const handleChangePassword = (0, import_react20.useCallback)(() => {
+    setIsChangePasswordOpen(true);
+  }, []);
+  const handleProfile = (0, import_react20.useCallback)(() => {
+    setIsProfileOpen(true);
+  }, []);
+  const sidebarProps = {
+    showSearch,
+    showLanguageSelector,
+    showHelpCenter,
+    helpCenterUrl,
+    showSettings,
+    settingsUrl,
+    defaultIcon,
+    headerContent,
+    footerContent,
+    userProfileProps: showCurrentUser ? {
+      onChangePassword: handleChangePassword,
+      onProfile: handleProfile,
+      onLogout: handleLogout
+    } : void 0
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react21.Flex, { minH: "100vh", dir: direction, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        import_react21.Box,
+        {
+          position: "fixed",
+          top: 0,
+          left: isRtl ? void 0 : 0,
+          right: isRtl ? 0 : void 0,
+          insetInline: 0,
+          zIndex: SIDEBAR_Z_INDEX,
+          hideFrom: "md",
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Navbar, { sidebarProps })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        import_react21.Box,
+        {
+          as: "aside",
+          position: "fixed",
+          top: 0,
+          left: isRtl ? void 0 : 0,
+          right: isRtl ? 0 : void 0,
+          bottom: 0,
+          hideBelow: "md",
+          zIndex: SIDEBAR_Z_INDEX,
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Sidebar, { h: "100vh", ...sidebarProps })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        import_react21.Box,
+        {
+          as: "main",
+          flex: "1",
+          ml: { base: 0, md: isRtl ? 0 : "320px" },
+          mr: { base: 0, md: isRtl ? "320px" : 0 },
+          mt: { base: "60px", md: 0 },
+          p: { base: 4, md: 6 },
+          minH: "100vh",
+          children: children || /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_router_dom6.Outlet, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      ChangePassword,
+      {
+        visible: isChangePasswordOpen,
+        onVisibleChange: setIsChangePasswordOpen
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Profile, { visible: isProfileOpen, onVisibleChange: setIsProfileOpen })
+  ] });
+}
+LayoutApplication.type = import_core8.eLayoutType.application;
+
+// src/components/layout-account/LayoutAccount.tsx
+var import_react22 = require("@chakra-ui/react");
+var import_react_router_dom7 = require("react-router-dom");
+var import_core9 = require("@abpjs/core");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function LayoutAccount({
+  showLanguageSelector = true,
+  showSearch = false,
+  showHelpCenter = false,
+  helpCenterUrl,
+  showSettings = false,
+  settingsUrl,
+  defaultIcon,
+  headerContent,
+  footerContent,
+  children
+}) {
+  const { direction, isRtl } = (0, import_core9.useDirection)();
+  const sidebarProps = {
+    showSearch,
+    showLanguageSelector,
+    showHelpCenter,
+    helpCenterUrl,
+    showSettings,
+    settingsUrl,
+    defaultIcon,
+    headerContent,
+    footerContent,
+    userProfileProps: void 0
+    // No user profile on account pages
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react22.Flex, { minH: "100vh", dir: direction, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      import_react22.Box,
+      {
+        position: "fixed",
+        top: 0,
+        left: isRtl ? void 0 : 0,
+        right: isRtl ? 0 : void 0,
+        insetInline: 0,
+        zIndex: SIDEBAR_Z_INDEX,
+        hideFrom: "md",
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Navbar, { sidebarProps })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      import_react22.Box,
+      {
+        as: "aside",
+        position: "fixed",
+        top: 0,
+        left: isRtl ? void 0 : 0,
+        right: isRtl ? 0 : void 0,
+        bottom: 0,
+        hideBelow: "md",
+        zIndex: SIDEBAR_Z_INDEX,
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Sidebar, { h: "100vh", ...sidebarProps })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      import_react22.Box,
+      {
+        as: "main",
+        flex: "1",
+        ml: { base: 0, md: isRtl ? 0 : "320px" },
+        mr: { base: 0, md: isRtl ? "320px" : 0 },
+        mt: { base: "60px", md: 0 },
+        p: { base: 4, md: 6 },
+        minH: "100vh",
+        children: children || /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_router_dom7.Outlet, {})
+      }
+    )
+  ] });
+}
+LayoutAccount.type = import_core9.eLayoutType.account;
+
+// src/components/layout-empty/LayoutEmpty.tsx
+var import_react23 = require("@chakra-ui/react");
+var import_react_router_dom8 = require("react-router-dom");
+var import_core10 = require("@abpjs/core");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function LayoutEmpty({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react23.Box, { minH: "100vh", children: children || /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom8.Outlet, {}) });
+}
+LayoutEmpty.type = import_core10.eLayoutType.empty;
+
+// src/providers/ThemeBasicProvider.tsx
+var import_react24 = require("react");
+var import_theme_shared3 = require("@abpjs/theme-shared");
+var import_core11 = require("@abpjs/core");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function LocaleSync({ children }) {
+  const { language } = (0, import_core11.useSession)();
+  const { direction } = (0, import_core11.useDirection)();
+  (0, import_react24.useEffect)(() => {
+    document.documentElement.dir = direction;
+    document.documentElement.lang = language || "en";
+  }, [direction, language]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children });
+}
+function ThemeBasicInner({
+  children,
+  renderToasts,
+  renderConfirmation,
+  toastPosition,
+  mergedThemeOverrides,
+  enableColorMode,
+  defaultColorMode,
+  logo,
+  logoIcon,
+  appName,
+  logoLink
+}) {
+  const { language } = (0, import_core11.useSession)();
+  const locale = language || "en-US";
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_theme_shared3.ThemeSharedProvider,
+    {
+      renderToasts,
+      renderConfirmation,
+      toastPosition,
+      themeOverrides: mergedThemeOverrides,
+      enableColorMode,
+      defaultColorMode,
+      locale,
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LocaleSync, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        BrandingProvider,
+        {
+          logo,
+          logoIcon,
+          appName,
+          logoLink,
+          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LayoutProvider, { children })
+        }
+      ) })
+    }
+  );
+}
+var defaultThemeBasicConfig = (0, import_theme_shared3.defineConfig)({
+  theme: {
+    tokens: {
+      colors: {
+        brand: {
+          50: { value: "#e3f2fd" },
+          100: { value: "#bbdefb" },
+          200: { value: "#90caf9" },
+          300: { value: "#64b5f6" },
+          400: { value: "#42a5f5" },
+          500: { value: "#2196f3" },
+          600: { value: "#1e88e5" },
+          700: { value: "#1976d2" },
+          800: { value: "#1565c0" },
+          900: { value: "#0d47a1" },
+          950: { value: "#082f5e" }
+        }
+      }
+    },
+    semanticTokens: {
+      colors: {
+        // Brand colors with light/dark support
+        brand: {
+          solid: {
+            value: { _light: "{colors.brand.500}", _dark: "{colors.brand.400}" }
+          },
+          contrast: {
+            value: { _light: "{colors.white}", _dark: "{colors.white}" }
+          },
+          fg: {
+            value: { _light: "{colors.brand.700}", _dark: "{colors.brand.300}" }
+          },
+          muted: {
+            value: { _light: "{colors.brand.100}", _dark: "{colors.brand.900}" }
+          },
+          subtle: {
+            value: { _light: "{colors.brand.50}", _dark: "{colors.brand.950}" }
+          },
+          emphasized: {
+            value: { _light: "{colors.brand.300}", _dark: "{colors.brand.600}" }
+          },
+          focusRing: {
+            value: { _light: "{colors.brand.500}", _dark: "{colors.brand.400}" }
+          }
+        }
+      }
+    }
+  },
+  globalCss: {
+    "html, body": {
+      colorPalette: "brand"
+    }
+  }
+});
+function ThemeBasicProvider({
+  children,
+  renderToasts = true,
+  renderConfirmation = true,
+  themeOverrides,
+  toastPosition = "bottom-right",
+  enableColorMode = false,
+  defaultColorMode = "light",
+  logo,
+  logoIcon,
+  appName,
+  logoLink
+}) {
+  const mergedThemeOverrides = themeOverrides || defaultThemeBasicConfig;
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    ThemeBasicInner,
+    {
+      renderToasts,
+      renderConfirmation,
+      toastPosition,
+      mergedThemeOverrides,
+      enableColorMode,
+      defaultColorMode,
+      logo,
+      logoIcon,
+      appName,
+      logoLink,
+      children
+    }
+  );
+}
+
+// src/index.ts
+var LAYOUTS = [LayoutApplication, LayoutAccount, LayoutEmpty];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Block,
+  BrandingProvider,
+  ChangePassword,
+  DefaultLogo,
+  LAYOUTS,
+  LanguageSelector,
+  LayoutAccount,
+  LayoutApplication,
+  LayoutBase,
+  LayoutEmpty,
+  LayoutProvider,
+  Logo,
+  LogoIcon,
+  LogoText,
+  NavLinks,
+  Navbar,
+  Profile,
+  SIDEBAR_Z_INDEX,
+  SearchField,
+  SearchProvider,
+  Sidebar,
+  SidebarLink,
+  ThemeBasicProvider,
+  UserProfile,
+  defaultThemeBasicConfig,
+  defineConfig,
+  useBranding,
+  useLayoutContext,
+  useLayoutService,
+  useLogo,
+  useNavigationElements,
+  useSearch
+});