@elevasis/ui 2.3.1 → 2.4.0

package/dist/{chunk-OCP2MBTY.js → chunk-27COZ5AH.js}

@@ -1,8 +1,6 @@
-import { useAppearance } from './chunk-QJ2KCHKX.js';
-import { subshellNavItemIconSize, sidebarIconSize, sidebarIconStroke, sidebarIconInnerSize, sidebarGroupChevronSize } from './chunk-DT3QYZVU.js';
-import { UnstyledButton, Stack, Group, Text, Box, ThemeIcon, Center, Container, Collapse } from '@mantine/core';
+import { subshellNavItemIconSize, sidebarIconSize, sidebarIconStroke, sidebarIconInnerSize } from './chunk-DT3QYZVU.js';
+import { UnstyledButton, Stack, Group, Text, Box, ThemeIcon } from '@mantine/core';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { IconChevronDown, IconChevronRight } from '@tabler/icons-react';
 
 var activeColor = "var(--color-primary)";
 var defaultColor = "var(--color-text-subtle)";
@@ -154,118 +152,5 @@ var SubshellSidebarSection = ({
     }
   );
 };
-function SubshellLoader() {
-  const { loader } = useAppearance();
-  return /* @__PURE__ */ jsx(Center, { mih: "calc(100vh - 70px)", children: loader });
-}
-var PageContainer = ({ children }) => {
-  return (
-    // Add padding to the top of the container to adjust for the topbar height
-    /* @__PURE__ */ jsx(Container, { size: "xl", p: 0, w: "100%", children: /* @__PURE__ */ jsx(Stack, { gap: "lg", children }) })
-  );
-};
-var activeColor2 = "var(--color-primary)";
-var defaultTextColor = "var(--color-text)";
-var subtleColor = "var(--color-text-subtle)";
-var activeBg2 = `color-mix(in srgb, ${activeColor2} 10%, transparent)`;
-var CollapsibleSidebarGroup = ({
-  icon: Icon,
-  label,
-  isExpanded,
-  onToggle,
-  isActive = false,
-  badge,
-  children,
-  onLabelClick,
-  emptyMessage = "No items",
-  isEmpty = false,
-  isLoading = false,
-  loadingComponent
-}) => {
-  const showActiveStyle = !isExpanded && isActive;
-  const iconColor = showActiveStyle ? activeColor2 : subtleColor;
-  const textColor = showActiveStyle ? activeColor2 : defaultTextColor;
-  const fontWeight = showActiveStyle ? 600 : 500;
-  const handleLabelClick = (e) => {
-    if (onLabelClick) {
-      e.stopPropagation();
-      onLabelClick();
-    }
-  };
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(
-      UnstyledButton,
-      {
-        onClick: onToggle,
-        style: {
-          display: "flex",
-          alignItems: "center",
-          width: "100%",
-          padding: "var(--mantine-spacing-xs)",
-          color: textColor,
-          backgroundColor: showActiveStyle ? activeBg2 : "transparent",
-          transition: `all var(--duration-fast) var(--easing)`,
-          cursor: "pointer",
-          overflow: "hidden"
-        },
-        onMouseEnter: (e) => {
-          if (!showActiveStyle) {
-            e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-          }
-        },
-        onMouseLeave: (e) => {
-          if (!showActiveStyle) {
-            e.currentTarget.style.backgroundColor = "transparent";
-          }
-        },
-        children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", style: { width: "100%" }, children: [
-          /* @__PURE__ */ jsx(Box, { style: { flexShrink: 0, color: iconColor }, children: isExpanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: sidebarGroupChevronSize }) : /* @__PURE__ */ jsx(IconChevronRight, { size: sidebarGroupChevronSize }) }),
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              style: { flexShrink: 0, color: iconColor, cursor: onLabelClick ? "pointer" : "inherit" },
-              onClick: onLabelClick ? handleLabelClick : void 0,
-              children: /* @__PURE__ */ jsx(Icon, { size: sidebarIconInnerSize, color: activeColor2 })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Text,
-            {
-              size: "sm",
-              fw: fontWeight,
-              style: {
-                fontFamily: "var(--elevasis-font-family-subtitle)",
-                color: textColor,
-                transition: `color var(--duration-fast) var(--easing)`,
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap",
-                flex: 1,
-                cursor: onLabelClick ? "pointer" : "inherit"
-              },
-              onClick: onLabelClick ? handleLabelClick : void 0,
-              children: label
-            }
-          ),
-          badge && /* @__PURE__ */ jsx(Box, { style: { flexShrink: 0 }, children: badge })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(Collapse, { in: isExpanded, children: /* @__PURE__ */ jsx(
-      Stack,
-      {
-        gap: 0,
-        mt: "xs",
-        ml: "xs",
-        style: {
-          borderLeft: `1px solid color-mix(in srgb, var(--color-primary) 40%, transparent)`,
-          marginLeft: "calc(var(--mantine-spacing-xs) + 6px)",
-          paddingLeft: "calc(var(--mantine-spacing-xs) - 2px)"
-        },
-        children: isLoading ? loadingComponent : isEmpty ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { padding: "6px 8px" }, children: emptyMessage }) : children
-      }
-    ) })
-  ] });
-};
 
-export { CollapsibleSidebarGroup, PageContainer, SubshellLoader, SubshellNavItem, SubshellSidebarSection };
+export { SubshellNavItem, SubshellSidebarSection };