@elevasis/ui 2.36.0 → 2.38.0

package/dist/{chunk-VKIZUUPM.js → chunk-7YXZFS56.js}

@@ -1,3 +1,4 @@
+import { useAccess } from './chunk-4O3VAALW.js';
 import { useInitialization } from './chunk-533DUEQY.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useRef, useCallback, useEffect } from 'react';
@@ -93,24 +94,40 @@ function ProtectedRoute({
   }
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
-function AdminGuard({ children, redirectTo = "/", fallback = null }) {
-  const { userReady, profile } = useInitialization();
-  const navigate = useNavigate();
+function useOptionalNavigate() {
+  try {
+    return useNavigate();
+  } catch {
+    return null;
+  }
+}
+function renderFallback(fallback, answer) {
+  return typeof fallback === "function" ? fallback(answer) : fallback ?? null;
+}
+function AccessGuard({
+  accessKey,
+  children,
+  fallback = null,
+  loadingFallback = null,
+  redirectTo = null
+}) {
+  const answer = useAccess(accessKey);
+  const navigate = useOptionalNavigate();
+  const hasRedirected = useRef(false);
   useEffect(() => {
-    if (!userReady || !profile) {
+    if (!answer.isReady || answer.allowed || !redirectTo || hasRedirected.current) return;
+    hasRedirected.current = true;
+    if (navigate) {
+      navigate({ to: redirectTo });
       return;
     }
-    if (!profile.is_platform_admin) {
-      navigate({ to: redirectTo });
+    if (typeof window !== "undefined") {
+      window.location.assign(redirectTo);
     }
-  }, [userReady, profile, navigate, redirectTo]);
-  if (!userReady) {
-    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
-  }
-  if (!profile?.is_platform_admin) {
-    return null;
-  }
+  }, [answer.allowed, answer.isReady, navigate, redirectTo]);
+  if (!answer.isReady) return /* @__PURE__ */ jsx(Fragment, { children: loadingFallback });
+  if (!answer.allowed) return /* @__PURE__ */ jsx(Fragment, { children: renderFallback(fallback, answer) });
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
 
-export { AdminGuard, ProtectedRoute, useSessionCheck, useStableAccessToken };
+export { AccessGuard, ProtectedRoute, useSessionCheck, useStableAccessToken };

package/dist/{chunk-AKW7KISS.js → chunk-7ZWXTH5J.js}

@@ -1,6 +1,5 @@
-import { PRESETS, getPreset, generateShades } from './chunk-WF7CONXF.js';
+import { 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';
 
 // src/theme/cssVariables.ts
 var TOKEN_VAR_MAP = {
@@ -418,8 +417,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',
@@ -447,44 +444,5 @@ var mantineThemeOverride = createTheme({
   },
   components: componentThemes
 });
-var PresetsContext = createContext(PRESETS);
-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 { TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, glassBase, mantineThemeOverride };

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-B2DZLPDL.js

@@ -0,0 +1,39 @@
+import { usePresetsContext } from './chunk-6D4LCJ52.js';
+import { useMemo } from 'react';
+
+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 { useAvailablePresets };