@elevasis/ui 2.41.0 → 2.42.0

package/dist/chunk-IIMU5YAJ.js

@@ -1,53 +0,0 @@
-import { sidebarIconSize, sidebarIconStroke, sidebarIconInnerSize } from './chunk-DT3QYZVU.js';
-import { Box, Group, ThemeIcon } from '@mantine/core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-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 { SubshellSidebarSection };

package/dist/chunk-JHVEA5NE.js

@@ -1,133 +0,0 @@
-import { useAccess } from './chunk-56O7QQE7.js';
-import { useInitialization } from './chunk-6DO4PE3O.js';
-import { useAuthContext } from './chunk-BRJ3QZ4E.js';
-import { useRef, useCallback, useEffect } from 'react';
-import { useQueryClient } from '@tanstack/react-query';
-import { useNavigate, useLocation } from '@tanstack/react-router';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-function useStableAccessToken() {
-  const { getAccessToken } = useAuthContext();
-  const getAccessTokenRef = useRef(getAccessToken);
-  getAccessTokenRef.current = getAccessToken;
-  return useCallback(() => {
-    return getAccessTokenRef.current();
-  }, []);
-}
-function useSessionCheck() {
-  const { user } = useAuthContext();
-  const queryClient = useQueryClient();
-  const isCheckingRef = useRef(false);
-  const hadUserRef = useRef(false);
-  if (user) {
-    hadUserRef.current = true;
-  }
-  useEffect(() => {
-    const handleVisibilityChange = async () => {
-      if (isCheckingRef.current || document.visibilityState !== "visible") {
-        return;
-      }
-      isCheckingRef.current = true;
-      try {
-        if (!user && hadUserRef.current) {
-          window.location.replace("/login");
-          return;
-        }
-        if (user) {
-          await queryClient.cancelQueries();
-          queryClient.invalidateQueries();
-        }
-      } finally {
-        isCheckingRef.current = false;
-      }
-    };
-    document.addEventListener("visibilitychange", handleVisibilityChange);
-    window.addEventListener("focus", handleVisibilityChange);
-    return () => {
-      document.removeEventListener("visibilitychange", handleVisibilityChange);
-      window.removeEventListener("focus", handleVisibilityChange);
-    };
-  }, [user, queryClient]);
-}
-function ProtectedRoute({
-  children,
-  redirectTo = "/login",
-  fallback = null,
-  errorFallback,
-  waitForOrganization = true
-}) {
-  const { userReady, allReady, isInitializing, error, retry } = useInitialization();
-  const { signIn, canRecover } = useAuthContext();
-  const navigate = useNavigate();
-  const location = useLocation();
-  const hasRedirected = useRef(false);
-  const unauthenticated = !isInitializing && !userReady && error?.layer !== "profile";
-  useEffect(() => {
-    if (unauthenticated && !hasRedirected.current) {
-      hasRedirected.current = true;
-      const searchStr = location.searchStr ?? "";
-      const returnTo = location.pathname + searchStr;
-      if (canRecover()) {
-        signIn({ state: { returnTo: returnTo !== "/" ? returnTo : void 0 } });
-      } else {
-        navigate({
-          to: redirectTo,
-          search: returnTo !== "/" ? { returnTo } : {}
-        });
-      }
-    }
-  }, [unauthenticated, signIn, canRecover, navigate, redirectTo, location]);
-  if (isInitializing) {
-    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
-  }
-  if (error && error.layer !== "organization") {
-    if (errorFallback) {
-      return /* @__PURE__ */ jsx(Fragment, { children: errorFallback(error, retry) });
-    }
-    return null;
-  }
-  if (unauthenticated) {
-    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
-  }
-  if (waitForOrganization && !allReady && error?.layer !== "organization") {
-    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
-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 (!answer.isReady || answer.allowed || !redirectTo || hasRedirected.current) return;
-    hasRedirected.current = true;
-    if (navigate) {
-      navigate({ to: redirectTo });
-      return;
-    }
-    if (typeof window !== "undefined") {
-      window.location.assign(redirectTo);
-    }
-  }, [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 { AccessGuard, ProtectedRoute, useSessionCheck, useStableAccessToken };

package/dist/chunk-L7GXUSCV.js

@@ -1,215 +0,0 @@
-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 { AppearanceContext, AppearanceProvider, SubshellContainer, SubshellContentContainer, SubshellRightSideContainer, SubshellSidebar, useAppearance };

package/dist/chunk-NYBEU5TE.js

@@ -1,118 +0,0 @@
-import { sidebarItemPadding, sidebarItemHeight, sidebarIconSize, sidebarIconStroke, sidebarIconInnerSize } from './chunk-DT3QYZVU.js';
-import { UnstyledButton, Group, Box, ThemeIcon } from '@mantine/core';
-import { IconChevronRight } from '@tabler/icons-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var NavigationButton = ({
-  icon: Icon,
-  label,
-  isCollapsed = false,
-  hasSubItems = false,
-  isExpanded = false,
-  isActive = false,
-  hasActiveBackground = false,
-  onClick,
-  style,
-  transitionDuration = 200
-}) => {
-  const activeColor = "var(--color-primary)";
-  const textColor = isActive ? activeColor : "var(--color-text)";
-  const bgColor = hasActiveBackground ? `color-mix(in srgb, ${activeColor} 10%, transparent)` : "transparent";
-  return /* @__PURE__ */ jsx(
-    UnstyledButton,
-    {
-      onClick: (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        onClick?.();
-      },
-      style: {
-        height: sidebarItemHeight,
-        display: "flex",
-        alignItems: "center",
-        width: "100%",
-        padding: sidebarItemPadding,
-        color: textColor,
-        backgroundColor: bgColor,
-        transition: `all ${transitionDuration}ms var(--easing)`,
-        cursor: "pointer",
-        overflow: "hidden",
-        borderRadius: "var(--mantine-radius-default)",
-        ...style
-      },
-      onMouseEnter: (e) => {
-        if (!hasActiveBackground) {
-          e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-        }
-      },
-      onMouseLeave: (e) => {
-        if (!hasActiveBackground) {
-          e.currentTarget.style.backgroundColor = "transparent";
-        }
-      },
-      children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: 0, style: { width: "100%", overflow: "hidden" }, children: [
-        /* @__PURE__ */ jsxs(
-          Box,
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              flex: hasSubItems && !isCollapsed ? 1 : "initial",
-              minWidth: 0,
-              overflow: "hidden"
-            },
-            children: [
-              /* @__PURE__ */ jsx(
-                ThemeIcon,
-                {
-                  variant: "light",
-                  size: sidebarIconSize,
-                  style: {
-                    backgroundColor: isActive ? activeColor : "var(--color-surface)",
-                    color: isActive ? "white" : activeColor,
-                    marginRight: isCollapsed ? 0 : "var(--mantine-spacing-sm)",
-                    transition: `margin ${transitionDuration}ms var(--easing)`,
-                    flexShrink: 0
-                  },
-                  children: /* @__PURE__ */ jsx(Icon, { size: sidebarIconInnerSize, stroke: sidebarIconStroke })
-                }
-              ),
-              !isCollapsed && /* @__PURE__ */ jsx(
-                Box,
-                {
-                  style: {
-                    fontFamily: "var(--elevasis-font-family-subtitle)",
-                    fontSize: "var(--mantine-font-size-md)",
-                    fontWeight: isActive ? 600 : 500,
-                    color: textColor,
-                    transition: `opacity ${transitionDuration}ms var(--easing)`,
-                    whiteSpace: "nowrap",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis"
-                  },
-                  children: label
-                }
-              )
-            ]
-          }
-        ),
-        hasSubItems && !isCollapsed && /* @__PURE__ */ jsx(
-          IconChevronRight,
-          {
-            size: 14,
-            stroke: 1.5,
-            style: {
-              transform: isExpanded ? "rotate(90deg)" : "rotate(0deg)",
-              transition: `transform var(--duration-fast) var(--easing)`,
-              color: "var(--color-text-subtle)",
-              flexShrink: 0,
-              marginLeft: "auto"
-            }
-          }
-        )
-      ] })
-    }
-  );
-};
-
-export { NavigationButton };