@elevasis/ui 2.35.0 → 2.37.0

package/dist/chunk-A7IG36LB.js

@@ -0,0 +1,215 @@
+import { topbarHeight, sidebarTransitionDuration, sidebarBottomSectionHeight } from './chunk-DT3QYZVU.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createContext, useState, useContext } from 'react';
+
+var SubshellContainer = ({ children, className }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className,
+      style: {
+        display: "flex",
+        height: "100%",
+        width: "100%",
+        position: "relative"
+      },
+      children
+    }
+  );
+};
+var SubshellRightSideContainer = ({ children, className }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className,
+      style: {
+        flex: 1,
+        minWidth: 0,
+        display: "flex",
+        flexDirection: "column",
+        overflow: "hidden"
+      },
+      children
+    }
+  );
+};
+var mdSpacing = 16;
+var SubshellContentContainer = ({ children, className }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className,
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        flex: 1,
+        overflowX: "clip",
+        overflowY: "auto",
+        minWidth: 0,
+        minHeight: 0,
+        padding: "var(--mantine-spacing-md)",
+        paddingTop: `${topbarHeight + mdSpacing}px`
+      },
+      children
+    }
+  );
+};
+var SubshellSidebar = ({
+  children,
+  className,
+  width,
+  collapsible = true,
+  defaultOpen = true
+}) => {
+  const [isOpen, setIsOpen] = useState(defaultOpen);
+  const effectiveWidth = collapsible && !isOpen ? 0 : width;
+  if (!collapsible) {
+    return /* @__PURE__ */ jsx(
+      "aside",
+      {
+        className,
+        style: {
+          width: `${width}px`,
+          flexShrink: 0,
+          display: "flex",
+          flexDirection: "column",
+          backgroundColor: "color-mix(in srgb, var(--glass-background) 80%, transparent)",
+          backdropFilter: "var(--glass-blur)",
+          WebkitBackdropFilter: "var(--glass-blur)",
+          borderRight: "1px solid var(--color-border)",
+          boxShadow: "var(--card-shadow)",
+          clipPath: "inset(-100px -100px -100px 0)",
+          height: `calc(100vh - ${topbarHeight}px)`,
+          minHeight: 0,
+          marginTop: `${topbarHeight}px`,
+          fontFamily: "var(--elevasis-font-family-subtitle)",
+          overflow: "hidden"
+        },
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        position: "relative",
+        flexShrink: 0,
+        marginTop: `${topbarHeight}px`,
+        height: `calc(100vh - ${topbarHeight}px)`,
+        minHeight: 0
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "aside",
+          {
+            className,
+            style: {
+              width: `${effectiveWidth}px`,
+              flexShrink: 0,
+              display: "flex",
+              flexDirection: "column",
+              backgroundColor: "color-mix(in srgb, var(--glass-background) 80%, transparent)",
+              backdropFilter: "var(--glass-blur)",
+              WebkitBackdropFilter: "var(--glass-blur)",
+              borderRight: isOpen ? "1px solid var(--color-border)" : "none",
+              boxShadow: isOpen ? "var(--card-shadow)" : "none",
+              clipPath: isOpen ? "inset(-100px -100px -100px 0)" : "none",
+              height: "100%",
+              fontFamily: "var(--elevasis-font-family-subtitle)",
+              overflow: "hidden",
+              transition: `width ${sidebarTransitionDuration}ms var(--easing)`
+            },
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  width: `${width}px`,
+                  flexShrink: 0,
+                  height: "100%",
+                  minHeight: 0,
+                  display: "flex",
+                  flexDirection: "column",
+                  opacity: isOpen ? 1 : 0,
+                  transition: `opacity var(--duration-fast) var(--easing)`
+                },
+                children
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setIsOpen((prev) => !prev),
+            style: {
+              position: "absolute",
+              right: 0,
+              bottom: 0,
+              transform: "translateX(100%)",
+              width: "20px",
+              // Match the live height of the outer Sidebar's bottom profile section.
+              // SidebarBottomSection publishes --elevasis-sidebar-bottom-section-height
+              // via ResizeObserver so this follows its actual height through
+              // collapse/expand transitions. Falls back to the expanded-state
+              // constant when rendered outside a Sidebar layout.
+              height: `var(--elevasis-sidebar-bottom-section-height, ${sidebarBottomSectionHeight}px)`,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: "color-mix(in srgb, var(--glass-background) 80%, transparent)",
+              backdropFilter: "var(--glass-blur)",
+              WebkitBackdropFilter: "var(--glass-blur)",
+              border: "1px solid var(--color-border)",
+              borderLeft: "none",
+              borderBottom: "none",
+              borderRadius: "0 4px 0 0",
+              cursor: "pointer",
+              color: "var(--color-text-subtle)",
+              padding: 0,
+              zIndex: 10,
+              transition: `color var(--duration-fast) var(--easing)`
+            },
+            "aria-label": isOpen ? "Collapse sidebar" : "Expand sidebar",
+            children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "6",
+                height: "10",
+                viewBox: "0 0 8 12",
+                fill: "none",
+                style: {
+                  transform: isOpen ? void 0 : "rotate(180deg)",
+                  transition: `transform var(--duration-fast) var(--easing)`
+                },
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M6 1L1 6L6 11",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+var AppearanceContext = createContext(null);
+function AppearanceProvider({ value, children }) {
+  return /* @__PURE__ */ jsx(AppearanceContext.Provider, { value, children });
+}
+function useAppearance() {
+  const ctx = useContext(AppearanceContext);
+  if (!ctx) {
+    throw new Error("useAppearance must be used within an AppearanceProvider (ElevasisCoreProvider)");
+  }
+  return ctx;
+}
+
+export { AppearanceProvider, SubshellContainer, SubshellContentContainer, SubshellRightSideContainer, SubshellSidebar, useAppearance };

package/dist/chunk-CLDCYJQT.js

@@ -0,0 +1 @@
+

package/dist/{chunk-AKW7KISS.js → chunk-CWYQRM5T.js}

@@ -1,6 +1,6 @@
 import { PRESETS, getPreset, generateShades } from './chunk-WF7CONXF.js';
 import { Tooltip, Tree, Text, TagsInput, Tabs, Table, Stack, SimpleGrid, Select, Combobox, SegmentedControl, ScrollArea, Paper, Popover, Notification, MultiSelect, Modal, Menu, Input, HoverCard, Group, Grid, Flex, Drawer, Code, Divider, Card, Button, Accordion, createTheme } from '@mantine/core';
-import { createContext, useContext, useMemo } from 'react';
+import { createContext, useContext } from 'react';
 
 // src/theme/cssVariables.ts
 var TOKEN_VAR_MAP = {
@@ -418,8 +418,6 @@ var componentThemes = {
   })
   // Pagination styles are in custom.css to support :not([data-active]) selector
 };
-
-// src/theme/MantineThemeOverride.ts
 var mantineThemeOverride = createTheme({
   defaultRadius: "xs",
   fontFamily: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
@@ -452,39 +450,5 @@ var PresetsProvider = PresetsContext.Provider;
 function usePresetsContext() {
   return useContext(PresetsContext);
 }
-var BUILT_IN_NAMES = /* @__PURE__ */ new Set([
-  "default",
-  "tactical",
-  "regal",
-  "cyber-volt",
-  "aurora",
-  "rose-gold",
-  "midnight",
-  "titanium",
-  "obsidian",
-  "honey",
-  "abyss",
-  "canopy",
-  "slate",
-  "cyber-strike",
-  "cyber-chrome",
-  "cyber-void",
-  "quarry"
-]);
-function titleCase(str) {
-  return str.replace(/(^|-)(\w)/g, (_, sep, char) => (sep ? " " : "") + char.toUpperCase());
-}
-function useAvailablePresets() {
-  const presetsMap = usePresetsContext();
-  return useMemo(() => {
-    return Object.entries(presetsMap).map(([key, preset]) => ({
-      value: key,
-      label: preset.label ?? titleCase(key),
-      description: preset.description ?? "",
-      colors: preset.colors ?? [preset.dark.primary, preset.dark.background, preset.light.background],
-      isCustom: !BUILT_IN_NAMES.has(key)
-    }));
-  }, [presetsMap]);
-}
 
-export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, glassBase, mantineThemeOverride, useAvailablePresets, usePresetsContext };
+export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, glassBase, mantineThemeOverride, usePresetsContext };

package/dist/{chunk-LUYVRATI.js → chunk-DA6I5VEY.js}

@@ -1,11 +1,12 @@
+import { SubshellNavItem } from './chunk-X4WBGKJQ.js';
+import { useAppearance } from './chunk-A7IG36LB.js';
 import { NavigationButton } from './chunk-NYBEU5TE.js';
-import { SubshellNavItem } from './chunk-R3VCBZDC.js';
-import { sidebarItemGap, sidebarSubLinkPaddingY, sidebarSubLinkPaddingX, sidebarSubLinkIndent, sidebarHoverDelay, sidebarTransitionDuration, sidebarCollapsedWidth, sidebarWidth, topbarHeight, sidebarToggleIconSize, sidebarSectionPadding, sidebarGroupChevronSize, sidebarIconInnerSize, sidebarBottomSectionHeight } from './chunk-DT3QYZVU.js';
+import { sidebarItemGap, sidebarSubLinkPaddingY, sidebarSubLinkPaddingX, sidebarSubLinkIndent, sidebarHoverDelay, sidebarTransitionDuration, sidebarCollapsedWidth, sidebarWidth, topbarHeight, sidebarToggleIconSize, sidebarSectionPadding, sidebarGroupChevronSize, sidebarIconInnerSize } from './chunk-DT3QYZVU.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { createContext, memo, useEffect, useRef, createElement, useContext, useLayoutEffect, useState } from 'react';
 import { Collapse, HoverCard, Stack, Group, Text, UnstyledButton, Tooltip, ScrollArea, Menu, Avatar, Container, Title, Button, Box, Center, useMantineColorScheme, Switch, Code } from '@mantine/core';
 import { IconLayoutSidebarLeftExpand, IconLayoutSidebarLeftCollapse, IconUser, IconLogout, IconAlertCircle, IconChevronDown, IconChevronRight, IconMoonStars, IconSun } from '@tabler/icons-react';
+import { createContext, memo, useEffect, useRef, createElement, useContext, useLayoutEffect, useState } from 'react';
 
 var randRange = (min, max) => min + Math.random() * (max - min);
 var FLUX_SPARKS = Array.from({ length: 30 }, () => {
@@ -227,17 +228,6 @@ function Vignette({ strength = 0.35, className }) {
     }
   );
 }
-var AppearanceContext = createContext(null);
-function AppearanceProvider({ value, children }) {
-  return /* @__PURE__ */ jsx(AppearanceContext.Provider, { value, children });
-}
-function useAppearance() {
-  const ctx = useContext(AppearanceContext);
-  if (!ctx) {
-    throw new Error("useAppearance must be used within an AppearanceProvider (ElevasisCoreProvider)");
-  }
-  return ctx;
-}
 var AppShellContainer = ({ children }) => {
   const { background } = useAppearance();
   return /* @__PURE__ */ jsxs(
@@ -1123,204 +1113,6 @@ var CollapsibleSidebarGroup = ({
     ) })
   ] });
 };
-var SubshellContainer = ({ children, className }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className,
-      style: {
-        display: "flex",
-        height: "100%",
-        width: "100%",
-        position: "relative"
-      },
-      children
-    }
-  );
-};
-var SubshellRightSideContainer = ({ children, className }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className,
-      style: {
-        flex: 1,
-        minWidth: 0,
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden"
-      },
-      children
-    }
-  );
-};
-var mdSpacing = 16;
-var SubshellContentContainer = ({ children, className }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className,
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        flex: 1,
-        overflowX: "clip",
-        overflowY: "auto",
-        minWidth: 0,
-        minHeight: 0,
-        padding: "var(--mantine-spacing-md)",
-        paddingTop: `${topbarHeight + mdSpacing}px`
-      },
-      children
-    }
-  );
-};
-var SubshellSidebar = ({
-  children,
-  className,
-  width,
-  collapsible = true,
-  defaultOpen = true
-}) => {
-  const [isOpen, setIsOpen] = useState(defaultOpen);
-  const effectiveWidth = collapsible && !isOpen ? 0 : width;
-  if (!collapsible) {
-    return /* @__PURE__ */ jsx(
-      "aside",
-      {
-        className,
-        style: {
-          width: `${width}px`,
-          flexShrink: 0,
-          display: "flex",
-          flexDirection: "column",
-          backgroundColor: "color-mix(in srgb, var(--glass-background) 80%, transparent)",
-          backdropFilter: "var(--glass-blur)",
-          WebkitBackdropFilter: "var(--glass-blur)",
-          borderRight: "1px solid var(--color-border)",
-          boxShadow: "var(--card-shadow)",
-          clipPath: "inset(-100px -100px -100px 0)",
-          height: `calc(100vh - ${topbarHeight}px)`,
-          minHeight: 0,
-          marginTop: `${topbarHeight}px`,
-          fontFamily: "var(--elevasis-font-family-subtitle)",
-          overflow: "hidden"
-        },
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        position: "relative",
-        flexShrink: 0,
-        marginTop: `${topbarHeight}px`,
-        height: `calc(100vh - ${topbarHeight}px)`,
-        minHeight: 0
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "aside",
-          {
-            className,
-            style: {
-              width: `${effectiveWidth}px`,
-              flexShrink: 0,
-              display: "flex",
-              flexDirection: "column",
-              backgroundColor: "color-mix(in srgb, var(--glass-background) 80%, transparent)",
-              backdropFilter: "var(--glass-blur)",
-              WebkitBackdropFilter: "var(--glass-blur)",
-              borderRight: isOpen ? "1px solid var(--color-border)" : "none",
-              boxShadow: isOpen ? "var(--card-shadow)" : "none",
-              clipPath: isOpen ? "inset(-100px -100px -100px 0)" : "none",
-              height: "100%",
-              fontFamily: "var(--elevasis-font-family-subtitle)",
-              overflow: "hidden",
-              transition: `width ${sidebarTransitionDuration}ms var(--easing)`
-            },
-            children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  width: `${width}px`,
-                  flexShrink: 0,
-                  height: "100%",
-                  minHeight: 0,
-                  display: "flex",
-                  flexDirection: "column",
-                  opacity: isOpen ? 1 : 0,
-                  transition: `opacity var(--duration-fast) var(--easing)`
-                },
-                children
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setIsOpen((prev) => !prev),
-            style: {
-              position: "absolute",
-              right: 0,
-              bottom: 0,
-              transform: "translateX(100%)",
-              width: "20px",
-              // Match the live height of the outer Sidebar's bottom profile section.
-              // SidebarBottomSection publishes --elevasis-sidebar-bottom-section-height
-              // via ResizeObserver so this follows its actual height through
-              // collapse/expand transitions. Falls back to the expanded-state
-              // constant when rendered outside a Sidebar layout.
-              height: `var(--elevasis-sidebar-bottom-section-height, ${sidebarBottomSectionHeight}px)`,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              backgroundColor: "color-mix(in srgb, var(--glass-background) 80%, transparent)",
-              backdropFilter: "var(--glass-blur)",
-              WebkitBackdropFilter: "var(--glass-blur)",
-              border: "1px solid var(--color-border)",
-              borderLeft: "none",
-              borderBottom: "none",
-              borderRadius: "0 4px 0 0",
-              cursor: "pointer",
-              color: "var(--color-text-subtle)",
-              padding: 0,
-              zIndex: 10,
-              transition: `color var(--duration-fast) var(--easing)`
-            },
-            "aria-label": isOpen ? "Collapse sidebar" : "Expand sidebar",
-            children: /* @__PURE__ */ jsx(
-              "svg",
-              {
-                width: "6",
-                height: "10",
-                viewBox: "0 0 8 12",
-                fill: "none",
-                style: {
-                  transform: isOpen ? void 0 : "rotate(180deg)",
-                  transition: `transform var(--duration-fast) var(--easing)`
-                },
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    d: "M6 1L1 6L6 11",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                )
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
 var SubshellNavList = ({ items }) => {
   const { currentPath, navigate } = useRouterContext();
   return /* @__PURE__ */ jsx(Fragment, { children: items.map((item) => {
@@ -1439,4 +1231,4 @@ var Topbar = ({ version, leftContent, children }) => {
   ] });
 };
 
-export { AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, AppearanceProvider, CollapsibleSidebarGroup, CyberParticles, LinksGroup, PageContainer, Sidebar, SidebarContext, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellNavList, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarLoader, Topbar, TopbarContainer, Vignette, subsidebarWidth, useAppearance, useSidebar, useSidebarCollapse };
+export { AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, CyberParticles, LinksGroup, PageContainer, Sidebar, SidebarContext, SidebarProvider, SubshellLoader, SubshellNavList, SubshellSidebarLoader, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse };