@elevasis/ui 2.34.0 → 2.36.0

package/dist/{chunk-X4WBGKJQ.js → chunk-R3VCBZDC.js}

@@ -1,5 +1,5 @@
-import { subshellNavItemIconSize } from './chunk-DT3QYZVU.js';
-import { UnstyledButton, Stack, Group, Text } from '@mantine/core';
+import { sidebarIconSize, sidebarIconStroke, sidebarIconInnerSize, subshellNavItemIconSize } from './chunk-DT3QYZVU.js';
+import { UnstyledButton, Box, Group, ThemeIcon, Stack, Text } from '@mantine/core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var activeColor = "var(--color-primary)";
@@ -134,5 +134,52 @@ var SubshellNavItem = ({
     }
   );
 };
+var SubshellSidebarSection = ({
+  icon: Icon,
+  label,
+  rightSection,
+  withTopBorder = false
+}) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      p: "sm",
+      style: {
+        borderTop: withTopBorder ? "1px solid var(--color-border)" : void 0,
+        borderBottom: "1px solid var(--color-border)"
+      },
+      children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(
+          ThemeIcon,
+          {
+            variant: "light",
+            size: sidebarIconSize,
+            style: {
+              backgroundColor: "var(--color-surface)",
+              color: "var(--color-primary)",
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ jsx(Icon, { size: sidebarIconInnerSize, stroke: sidebarIconStroke })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            c: "var(--color-text)",
+            style: {
+              fontFamily: "var(--elevasis-font-family-subtitle)",
+              flex: 1,
+              fontSize: "var(--mantine-font-size-md)",
+              fontWeight: 500,
+              lineHeight: 1.2
+            },
+            children: label
+          }
+        ),
+        rightSection
+      ] })
+    }
+  );
+};
 
-export { SubshellNavItem };
+export { SubshellNavItem, SubshellSidebarSection };