@elevasis/ui 1.26.1 → 1.28.0

package/dist/chunk-5COLSYBE.js

@@ -0,0 +1,199 @@
+import { topbarHeight, sidebarTransitionDuration, sidebarBottomSectionHeight } from './chunk-QJ2S46NI.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } 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)",
+          minHeight: `calc(100vh - ${topbarHeight}px)`,
+          marginTop: `${topbarHeight}px`,
+          fontFamily: "var(--elevasis-font-family-subtitle)"
+        },
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        position: "relative",
+        flexShrink: 0,
+        marginTop: `${topbarHeight}px`,
+        minHeight: `calc(100vh - ${topbarHeight}px)`
+      },
+      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,
+                  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"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { SubshellContainer, SubshellContentContainer, SubshellRightSideContainer, SubshellSidebar };

package/dist/{chunk-YNGQ7U5H.js → chunk-7CJ5QBN2.js}

@@ -1,6 +1,6 @@
-import { CredentialNameSchema, UuidSchema, useErrorNotification, showApiErrorNotification } from './chunk-ZVJKIJFG.js';
+import { CredentialNameSchema, UuidSchema, useErrorNotification, showApiErrorNotification } from './chunk-EBCIUZVV.js';
 import { getTimeRangeDates } from './chunk-LXHZYSMQ.js';
-import { useNotificationAdapter } from './chunk-R7WLWGPO.js';
+import { useNotificationAdapter } from './chunk-KLG4H5NM.js';
 import { GC_TIME_SHORT, STALE_TIME_MONITORING, GC_TIME_MEDIUM, STALE_TIME_DEFAULT } from './chunk-IOKL7BKE.js';
 import { useElevasisServices } from './chunk-QEPXAWE2.js';
 import { z } from 'zod';

package/dist/{chunk-L3GVDMCA.js → chunk-C27LLJM6.js}

@@ -1,6 +1,6 @@
 import { NavigationButton } from './chunk-NNKKBSJN.js';
-import { sidebarItemGap, sidebarSubLinkPaddingY, sidebarSubLinkPaddingX, sidebarSubLinkIndent, sidebarHoverDelay, sidebarTransitionDuration, sidebarCollapsedWidth, sidebarWidth, topbarHeight, sidebarToggleIconSize, sidebarSectionPadding, sidebarBottomSectionHeight } from './chunk-QJ2S46NI.js';
 import { useAppearance } from './chunk-QJ2KCHKX.js';
+import { sidebarItemGap, sidebarSubLinkPaddingY, sidebarSubLinkPaddingX, sidebarSubLinkIndent, sidebarHoverDelay, sidebarTransitionDuration, sidebarCollapsedWidth, sidebarWidth, topbarHeight, sidebarToggleIconSize, sidebarSectionPadding } from './chunk-QJ2S46NI.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, memo, useEffect, createElement, useContext, useRef, useLayoutEffect, useState } from 'react';
@@ -389,6 +389,7 @@ var SubLinkItem = ({ linkItem, currentPath }) => {
     {
       to: linkItem.link,
       onClick: linkItem.onClick,
+      "data-onboarding-tour-id": linkItem.dataOnboardingTourId,
       style: {
         display: "block",
         textDecoration: "none",
@@ -956,199 +957,6 @@ var Sidebar = memo(function Sidebar2({
     /* @__PURE__ */ jsx(SidebarBottomSection, { user, onLogout, onAccountClick })
   ] });
 });
-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)",
-          minHeight: `calc(100vh - ${topbarHeight}px)`,
-          marginTop: `${topbarHeight}px`,
-          fontFamily: "var(--elevasis-font-family-subtitle)"
-        },
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        position: "relative",
-        flexShrink: 0,
-        marginTop: `${topbarHeight}px`,
-        minHeight: `calc(100vh - ${topbarHeight}px)`
-      },
-      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,
-                  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"
-                  }
-                )
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
 
 // src/components/layout/sub-shell/constants.ts
 var subsidebarWidth = 200;
@@ -1242,4 +1050,4 @@ var Topbar = ({ version, leftContent, children }) => {
   ] });
 };
 
-export { AppShellContainer, AppShellContentContainer, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CyberParticles, LinksGroup, Sidebar, SidebarContext, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellRightSideContainer, SubshellSidebar, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse };
+export { AppShellContainer, AppShellContentContainer, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CyberParticles, LinksGroup, Sidebar, SidebarContext, SidebarProvider, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse };