@superblocksteam/library 2.0.0-next.123 → 2.0.0-next.125

package/dist/{index-jDTJt0yG.js → index-DV7VPZc1.js}

@@ -49,7 +49,7 @@ var __privateMethod = (obj, member, method4) => (__accessCheck(obj, member, "acc
 var _removeSourceIdElement_dec, _setSourceIdElement_dec, _setActiveRootInstanceId_dec, _init, _cancelApi_dec, _runApi_dec, _init2, _renameWidget_dec, _setWidgetProperty_dec, _setWidgetProperties_dec, _writeRuntimeProperties_dec, _deleteComponents_dec, _dropComponent_dec, _createComponent_dec, _batchUpdate_dec, _clearPendingTransactions_dec, _addPendingTransaction_dec, _executeOrAddToBatch_dec, _init3, _addOptimisticCreateWidget_dec, _processRootWidget_dec, _init4, _refreshPositionsAndGetDropConstraints_dec, _init5, _updateChildPositions_dec, _setWidgetPosition_dec, _setActiveTargetRect_dec, _setActiveDragRect_dec, _setDropTargetId_dec, _setInvalidDropTarget_dec, _setValidRootIds_dec, _cancelNewComponentDrag_dec, _startNewComponentDrag_dec, _setIsDragging_dec, _setWidgetFeatures_dec, _init6;
 import * as React from "react";
 import React__default, { isValidElement as isValidElement$1, version as version$2, createContext, useContext, useEffect, useRef, useLayoutEffect as useLayoutEffect$2, Component, useState, useMemo as useMemo$2, useCallback, forwardRef, useImperativeHandle, cloneElement as cloneElement$1, createElement, Children, memo, useReducer, PureComponent, useSyncExternalStore, Suspense, createRef } from "react";
-import { S as SvgClose, a as SvgSystemDanger, b as SvgSystemInfo, c as SvgSystemError, d as SvgSystemSuccess, e as SvgPlus, f as SvgHide, g as SvgChevronDown, h as SvgEmptyCheckbox, i as SvgMinus, j as SvgCheckmark, k as SvgCopy, l as SvgExternalLink, m as SvgPlay, n as SvgDownload, o as SvgTrash, p as SvgFilter, q as SvgFreeze, r as SvgSort, s as SvgEllipsis, t as SvgCrossXs } from "./icons-D_yAT9A6.js";
+import { S as SvgClose, a as SvgSystemDanger, b as SvgSystemInfo, c as SvgSystemError, d as SvgSystemSuccess, e as SvgPlus, f as SvgHide, g as SvgChevronDown, h as SvgEmptyCheckbox, i as SvgMinus, j as SvgCheckmark, k as SvgCopy, l as SvgExternalLink, m as SvgPlay, n as SvgDownload, o as SvgTrash, p as SvgFilter, q as SvgFreeze, r as SvgSort, s as SvgEllipsis, t as SvgCrossXs, u as SvgClark } from "./icons-NrNO8p_u.js";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { unstable_batchedUpdates, flushSync, createPortal } from "react-dom";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
@@ -88881,7 +88881,7 @@ const ThemeProvider = ({ theme, children }) => {
   }, [theme]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeContext.Provider, { value, children });
 };
-const useTheme = () => {
+const useTheme$1 = () => {
   return useContext(ThemeContext);
 };
 var Alignment$1 = {
@@ -90483,14 +90483,14 @@ function getLoaderFn$1(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-BPlA3xq3.js"
+            "./allPathsLoader-BwDYmyS1.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-rOW7hXo7.js"
+            "./splitPathsBySizeLoader-CTv2UfGL.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -99766,7 +99766,7 @@ const InternalGlobalScope = internalCreateScope(() => ({}), {
 const globalName = getName("Global");
 const GlobalScope = registerScope(
   ({ children }) => {
-    const { theme } = useTheme();
+    const { theme } = useTheme$1();
     useEffect(() => {
       const global2 = rootStore.entityManager.getEntity(
         GLOBAL_SCOPE_ID,
@@ -110790,7 +110790,7 @@ const DuplicatedNamePopover = observer(({ name, children, showWarning, sourceId
     }
   );
 });
-class ErrorBoundary extends Component {
+let ErrorBoundary$1 = class ErrorBoundary extends Component {
   constructor() {
     super(...arguments);
     __publicField(this, "state", {
@@ -110854,7 +110854,7 @@ class ErrorBoundary extends Component {
     }
     return this.props.children;
   }
-}
+};
 const ActionsContext = createContext(
   null
 );
@@ -111032,7 +111032,7 @@ const ShimmerDiv = qe$1.div`
 `;
 function SuspenseFallback({ style: style2 }) {
   var _a2, _b2;
-  const { theme } = useTheme();
+  const { theme } = useTheme$1();
   const backgroundColor = ((_a2 = theme == null ? void 0 : theme.colors) == null ? void 0 : _a2.neutral50) || "#f8f9fa";
   const shimmerHighlight = ((_b2 = theme == null ? void 0 : theme.colors) == null ? void 0 : _b2.neutral100) || "#ffffff";
   const borderRadius2 = (theme == null ? void 0 : theme.borderRadius.value) + (theme == null ? void 0 : theme.borderRadius.mode);
@@ -111163,7 +111163,7 @@ const ReactiveComponent = observer(function Component2({
     };
   }, [name, identifier2.name]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    ErrorBoundary,
+    ErrorBoundary$1,
     {
       header: `Something went wrong rendering this widget [${name}]`,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -115536,7 +115536,7 @@ const Collisions = observer(
       targetPadding
     } = props2;
     const editStore2 = getEditStore();
-    const { theme } = useTheme();
+    const { theme } = useTheme$1();
     const children = parentInstanceId ? editStore2.runtimeEntitiesManager.getEditorWidgetChildrenMeta(parentInstanceId).filter((child) => !editStore2.ui.isInstanceSelected(child.instanceId)) : [];
     const parentMeta = getEditStore().runtimeEntitiesManager.getEditorWidgetMeta(
       parentInstanceId
@@ -118537,7 +118537,7 @@ const DEFAULT_INPUT_WIDGET_INPUT_STYLE_VARIANT = "inputText";
 const useLabelProps = ({
   labelStyle: labelStyle2
 }) => {
-  const { theme } = useTheme();
+  const { theme } = useTheme$1();
   return useTypographyStyling({
     textStyle: labelStyle2,
     defaultTextStyleVariant: DEFAULT_INPUT_WIDGET_LABEL_STYLE_VARIANT,
@@ -118549,7 +118549,7 @@ const useInputTypographyProps = ({
   backgroundColor,
   textStyle: textStyle2
 }) => {
-  const { theme } = useTheme();
+  const { theme } = useTheme$1();
   const inputBaseStyle = backgroundColor ? { backgroundColor } : {};
   return useTypographyStyling({
     textStyle: textStyle2,
@@ -118906,7 +118906,7 @@ const SbButton = registerSbComponent(
       }
       setIsLoading(false);
     }, [onClick, props2.isDisabled, isLoading]);
-    const { theme } = useTheme();
+    const { theme } = useTheme$1();
     const typographies = theme.typographies;
     const minSize = useComponentMinSize(props2);
     const textProps = useTypographyStyling({
@@ -119005,7 +119005,7 @@ const resolveDefaultColor = (theme, key2, fallbackColor) => {
   return fallbackColor;
 };
 const useComputeComponentStyles = (props2) => {
-  const { theme } = useTheme();
+  const { theme } = useTheme$1();
   const {
     border: border2,
     borderRadius: borderRadius2,
@@ -119762,7 +119762,7 @@ const InternalContainer = (props2) => {
   var _a2, _b2, _c2;
   const { style: style2, ...passThroughProps } = usePassthroughProps(props2);
   const { isEditing } = useEditor();
-  const { theme } = useTheme();
+  const { theme } = useTheme$1();
   const componentClasses = useMemo$2(
     () => [
       "container-component",
@@ -122198,7 +122198,7 @@ const ErrorWrapper = styleAsClass`
   }
 `;
 const ErrorInlineMessage = (props2) => {
-  const { theme } = useTheme();
+  const { theme } = useTheme$1();
   const errorColor = theme.colors.danger;
   const errorElement = useRef(null);
   const errorMessages = useErrorMessages(props2.errorMessages);
@@ -126317,7 +126317,7 @@ const useIconTop = ({
   inputHeight
 }) => {
   var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
-  const { theme } = useTheme();
+  const { theme } = useTheme$1();
   const borderTop = ((_b2 = (_a2 = border2 == null ? void 0 : border2.top) == null ? void 0 : _a2.width) == null ? void 0 : _b2.value) ?? ((_c2 = defaultInputBorderObject(theme).top.width) == null ? void 0 : _c2.value) ?? 0;
   const borderBottom = ((_e2 = (_d2 = border2 == null ? void 0 : border2.bottom) == null ? void 0 : _d2.width) == null ? void 0 : _e2.value) ?? ((_f2 = defaultInputBorderObject(theme).bottom.width) == null ? void 0 : _f2.value) ?? 0;
   const paddingTop = ((_g2 = padding2 == null ? void 0 : padding2.top) == null ? void 0 : _g2.value) ?? INPUT_PADDING.top.value ?? 0;
@@ -126328,7 +126328,7 @@ const useIconTop = ({
 const useInputIconSize = ({
   textStyle: textStyle2
 }) => {
-  const { theme } = useTheme();
+  const { theme } = useTheme$1();
   const generatedInputTheme = theme.typographies;
   return textStyle2 ? getIconSizeBasedOnFontSize(
     getFontSizeInPxFromTextStyle({
@@ -126340,7 +126340,7 @@ const useInputIconSize = ({
   ) : DEFAULT_ICON_SIZE$1;
 };
 const useInputGroupStylingProps = (props2) => {
-  const { theme } = useTheme();
+  const { theme } = useTheme$1();
   const { border: border2, borderRadius: borderRadius2, padding: padding2 } = props2;
   return useMemo$2(() => {
     return {
@@ -134512,7 +134512,7 @@ const getFontSizePx = (textStyle2, theme) => {
   });
 };
 const useIcon = ({ textStyle: textStyle2 }) => {
-  const { theme } = useTheme();
+  const { theme } = useTheme$1();
   const variant = (textStyle2 == null ? void 0 : textStyle2.variant) ?? DEFAULT_TEXT_WIDGET_TEXT_STYLE_VARIANT;
   return useMemo$2(() => {
     const fontSize = getFontSizePx({ ...textStyle2, variant }, theme);
@@ -134607,7 +134607,7 @@ const SbText = registerSbComponent(
       }
     });
     const [isLongTextVisible, setIsLongTextVisible] = useState(false);
-    const { theme } = useTheme();
+    const { theme } = useTheme$1();
     const textClassName = useTextClassName({
       textStyleVariant: (textStyle2 == null ? void 0 : textStyle2.variant) ?? DEFAULT_TEXT_WIDGET_TEXT_STYLE_VARIANT,
       isLoading
@@ -144877,14 +144877,14 @@ function getLoaderFn(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-CvxPreZn.js"
+            "./allPathsLoader-l2CC2ZRN.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-DbCBfVSa.js"
+            "./splitPathsBySizeLoader-BsO5Qoxp.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -160101,7 +160101,7 @@ function requireLib() {
 }
 var libExports = requireLib();
 const ReactPlayer = /* @__PURE__ */ getDefaultExportFromCjs(libExports);
-const ErrorContainer = qe$1.div`
+const ErrorContainer$1 = qe$1.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -160149,7 +160149,7 @@ function VideoComponent(props2) {
           width,
           height
         }
-      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Please provide a valid URL" }) })
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContainer$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Please provide a valid URL" }) })
     }
   );
 }
@@ -177702,7 +177702,7 @@ const SbTable = registerSbComponent(
     var _a2;
     const { update } = useActions();
     const { features } = useEditor();
-    const { theme } = useTheme();
+    const { theme } = useTheme$1();
     const {
       onRowSelected,
       onPageChange,
@@ -184012,6 +184012,203 @@ const EmbedWrapper = (props2) => {
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(WithUserWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(IframeConnected, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(EditorHotkeys, { children: props2.children }) }) });
 };
+const ErrorContainer = qe$1.div`
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10;
+  background: rgba(255, 255, 255, 0.5);
+  pointer-events: auto;
+`;
+const ErrorContent = qe$1.div`
+  max-width: 700px;
+  padding: 40px;
+  overflow-y: auto;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+
+  opacity: 0;
+  animation: fadeIn 0.3s ease-out forwards;
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+`;
+const ErrorIconContainer = qe$1.div`
+  width: 60px;
+  height: 60px;
+  min-width: 60px;
+  min-height: 60px;
+  background: linear-gradient(135deg, #aab 0%, #000033 50%, #000066 100%);
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 16px;
+  flex-shrink: 0;
+  animation: scaleIn 0.3s ease-out forwards;
+  opacity: 0;
+  box-shadow:
+    0 0 1px black,
+    0 4px 12px rgba(0, 85, 187, 0.15),
+    0 2px 4px rgba(0, 85, 187, 0.05);
+
+  @keyframes scaleIn {
+    from {
+      transform: scale(0.8);
+      opacity: 0;
+    }
+    to {
+      transform: scale(1);
+      opacity: 1;
+    }
+  }
+`;
+const StyledClarkIcon = qe$1(SvgClark)`
+  width: 54px;
+  height: 54px;
+  color: white;
+  margin-top: 3px;
+  margin-left: 1px;
+  animation: scaleIn 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+  opacity: 0;
+
+  @keyframes scaleIn {
+    0% {
+      transform: scale(0.6);
+      opacity: 0;
+    }
+    50% {
+      transform: scale(1.1);
+    }
+    100% {
+      transform: scale(1);
+      opacity: 1;
+    }
+  }
+`;
+const ErrorTitle = qe$1.h2`
+  font-family: Inter;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 1.35;
+  text-align: center;
+  margin-bottom: 6px;
+  flex-shrink: 0;
+`;
+const ErrorMessage = qe$1.p`
+  font-family: Inter;
+  font-size: 14px;
+  color: #6c7689;
+  line-height: 1.5715;
+  text-align: center;
+  flex-shrink: 0;
+`;
+const RefreshButton = qe$1.button`
+  background: ${(props2) => props2.$primaryColor};
+  width: fit-content;
+  align-self: center;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  box-shadow: 0px 1px 3px 0px rgba(0, 153, 255, 0.24);
+  padding: 8px 16px;
+  margin-top: 12px;
+  cursor: pointer;
+  transition: opacity 0.2s;
+
+  font-family: Inter;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 16px;
+
+  &:hover {
+    opacity: 0.8;
+  }
+
+  &:active {
+    opacity: 0.6;
+  }
+`;
+const ErrorDetails = qe$1.details`
+  margin-top: 24px;
+  text-align: left;
+  background-color: #f9fafb;
+  border-radius: 6px;
+  padding: 16px;
+  box-shadow:
+    0px 0px 1px 0px #22272f52,
+    0px 1px 3px 0px #22272f1f;
+  flex-shrink: 0;
+
+  &[open] summary {
+    margin-bottom: 12px;
+  }
+`;
+const ErrorSummary = qe$1.summary`
+  cursor: pointer;
+  font-weight: 500;
+  color: #374151;
+  font-size: 14px;
+  user-select: none;
+`;
+const ErrorStack = qe$1.pre`
+  font-size: 12px;
+  color: #dc2626;
+  overflow: auto;
+  white-space: pre-wrap;
+  margin: 16px;
+  font-family: monospace;
+`;
+class ErrorBoundary2 extends React__default.Component {
+  constructor(props2) {
+    super(props2);
+    __publicField(this, "handleRefresh", () => {
+      window.location.reload();
+    });
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("Superblocks application error:", error, errorInfo);
+  }
+  render() {
+    var _a2, _b2, _c2;
+    if (this.state.hasError) {
+      const primaryColorDark = ((_b2 = (_a2 = this.props.theme) == null ? void 0 : _a2.colors) == null ? void 0 : _b2.primary500) || "#08a4ff";
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorContent, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorIconContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledClarkIcon, {}) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorTitle, { children: "Something went wrong" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { children: ((_c2 = this.state.error) == null ? void 0 : _c2.message) || "Unknown error" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          RefreshButton,
+          {
+            $primaryColor: primaryColorDark,
+            onClick: this.handleRefresh,
+            children: "Refresh page"
+          }
+        ),
+        this.state.error && /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorDetails, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorSummary, { children: "Full details" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorStack, { children: this.state.error.stack })
+        ] })
+      ] }) });
+    }
+    return this.props.children;
+  }
+}
 const fastClone = (obj) => structuredClone(obj);
 const generateColorBlock = (colorBlock, options) => {
   const updatedColorBlock = { ...colorBlock };
@@ -185602,7 +185799,7 @@ const SbProvider = function SbProvider2({
       },
       id: "sb-provider-root",
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary2, { theme: userAccessibleTheme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             id: CANVAS_ROOT_ID,
@@ -185617,7 +185814,7 @@ const SbProvider = function SbProvider2({
             },
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: userAccessibleTheme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalScope, { children: isEmbedded ? /* @__PURE__ */ jsxRuntimeExports.jsx(EmbedWrapper, { children }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Auth0Wrapper, { children }) }) })
           }
-        ),
+        ) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: MODAL_TARGET_ROOT_ID, "data-superblocks": MODAL_TARGET_ROOT_ID })
       ]
     }
@@ -185878,6 +186075,7 @@ function useUpdateProperties() {
     [actions]
   );
 }
+const useTheme = useTheme$1;
 function sbComputed(fn3) {
   const computedValue = computed(() => {
     try {
@@ -193371,21 +193569,21 @@ function groupRoutesByParentId(manifest) {
 function getRouteComponents(route, routeModule, isSpaMode) {
   let Component4 = getRouteModuleComponent(routeModule);
   let HydrateFallback = routeModule.HydrateFallback && (!isSpaMode || route.id === "root") ? routeModule.HydrateFallback : route.id === "root" ? RemixRootDefaultHydrateFallback : void 0;
-  let ErrorBoundary2 = routeModule.ErrorBoundary ? routeModule.ErrorBoundary : route.id === "root" ? () => /* @__PURE__ */ React.createElement(RemixRootDefaultErrorBoundary, { error: useRouteError() }) : void 0;
+  let ErrorBoundary3 = routeModule.ErrorBoundary ? routeModule.ErrorBoundary : route.id === "root" ? () => /* @__PURE__ */ React.createElement(RemixRootDefaultErrorBoundary, { error: useRouteError() }) : void 0;
   if (route.id === "root" && routeModule.Layout) {
     return {
       ...Component4 ? {
         element: /* @__PURE__ */ React.createElement(routeModule.Layout, null, /* @__PURE__ */ React.createElement(Component4, null))
       } : { Component: Component4 },
-      ...ErrorBoundary2 ? {
-        errorElement: /* @__PURE__ */ React.createElement(routeModule.Layout, null, /* @__PURE__ */ React.createElement(ErrorBoundary2, null))
-      } : { ErrorBoundary: ErrorBoundary2 },
+      ...ErrorBoundary3 ? {
+        errorElement: /* @__PURE__ */ React.createElement(routeModule.Layout, null, /* @__PURE__ */ React.createElement(ErrorBoundary3, null))
+      } : { ErrorBoundary: ErrorBoundary3 },
       ...HydrateFallback ? {
         hydrateFallbackElement: /* @__PURE__ */ React.createElement(routeModule.Layout, null, /* @__PURE__ */ React.createElement(HydrateFallback, null))
       } : { HydrateFallback }
     };
   }
-  return { Component: Component4, ErrorBoundary: ErrorBoundary2, HydrateFallback };
+  return { Component: Component4, ErrorBoundary: ErrorBoundary3, HydrateFallback };
 }
 function createServerRoutes(manifest, routeModules, future, isSpaMode, parentId = "", routesByParentId = groupRoutesByParentId(manifest), spaModeLazyPromise = Promise.resolve({ Component: () => null })) {
   return (routesByParentId[parentId] || []).map((route) => {
@@ -197027,7 +197225,7 @@ function requireClient() {
 }
 var clientExports = requireClient();
 export {
-  IDLE_BLOCKER as $,
+  HashRouter as $,
   AppStateVarPersistence6 as A,
   setQueryParams as B,
   download as C,
@@ -197042,129 +197240,130 @@ export {
   Env as L,
   SbEvent as M,
   useUpdateProperties as N,
-  sbComputed as O,
+  useTheme as O,
   Prop as P,
-  Dim as Q,
-  SB as R,
+  sbComputed as Q,
+  Dim as R,
   SbButton as S,
   Theme as T,
-  Outlet as U,
-  clientExports as V,
-  Await as W,
-  BrowserRouter as X,
-  Form2 as Y,
-  HashRouter as Z,
+  SB as U,
+  Outlet as V,
+  clientExports as W,
+  Await as X,
+  BrowserRouter as Y,
+  Form2 as Z,
   __awaiter as _,
   __generator as a,
-  isCookie as a$,
-  IDLE_FETCHER as a0,
-  IDLE_NAVIGATION as a1,
-  Link as a2,
-  Links as a3,
-  MemoryRouter as a4,
-  Meta as a5,
-  NavLink as a6,
-  Navigate as a7,
-  Action as a8,
-  PrefetchPageLinks as a9,
-  deserializeErrors2 as aA,
-  getPatchRoutesOnNavigationFunction as aB,
-  getSingleFetchDataStrategy as aC,
-  invariant as aD,
-  mapRouteProperties as aE,
-  shouldHydrateRouteLoader as aF,
-  useFogOFWarDiscovery as aG,
-  useScrollRestoration as aH,
-  createBrowserRouter as aI,
-  createCookie as aJ,
-  createCookieSessionStorage as aK,
-  createHashRouter as aL,
-  createMemoryRouter as aM,
-  createMemorySessionStorage as aN,
-  createPath as aO,
-  createRequestHandler as aP,
-  createRoutesFromChildren as aQ,
-  createRoutesFromElements as aR,
-  createRoutesStub as aS,
-  createSearchParams as aT,
-  createSession as aU,
-  createSessionStorage as aV,
-  createStaticHandler2 as aW,
-  createStaticRouter as aX,
-  data as aY,
-  generatePath as aZ,
-  href as a_,
-  Route as aa,
-  Router as ab,
-  RouterProvider as ac,
-  Routes as ad,
-  Scripts as ae,
-  ScrollRestoration as af,
-  ServerRouter as ag,
-  StaticRouter as ah,
-  StaticRouterProvider as ai,
-  DataRouterContext as aj,
-  DataRouterStateContext as ak,
-  ErrorResponseImpl as al,
-  FetchersContext as am,
-  FrameworkContext as an,
-  LocationContext as ao,
-  NavigationContext as ap,
-  RemixErrorBoundary as aq,
-  RouteContext as ar,
-  ServerMode as as,
-  SingleFetchRedirectSymbol as at,
-  ViewTransitionContext as au,
-  createBrowserHistory as av,
-  createClientRoutes as aw,
-  createClientRoutesWithHMRRevalidationOptOut as ax,
-  createRouter as ay,
-  decodeViaTurboStream as az,
+  href as a$,
+  IDLE_BLOCKER as a0,
+  IDLE_FETCHER as a1,
+  IDLE_NAVIGATION as a2,
+  Link as a3,
+  Links as a4,
+  MemoryRouter as a5,
+  Meta as a6,
+  NavLink as a7,
+  Navigate as a8,
+  Action as a9,
+  decodeViaTurboStream as aA,
+  deserializeErrors2 as aB,
+  getPatchRoutesOnNavigationFunction as aC,
+  getSingleFetchDataStrategy as aD,
+  invariant as aE,
+  mapRouteProperties as aF,
+  shouldHydrateRouteLoader as aG,
+  useFogOFWarDiscovery as aH,
+  useScrollRestoration as aI,
+  createBrowserRouter as aJ,
+  createCookie as aK,
+  createCookieSessionStorage as aL,
+  createHashRouter as aM,
+  createMemoryRouter as aN,
+  createMemorySessionStorage as aO,
+  createPath as aP,
+  createRequestHandler as aQ,
+  createRoutesFromChildren as aR,
+  createRoutesFromElements as aS,
+  createRoutesStub as aT,
+  createSearchParams as aU,
+  createSession as aV,
+  createSessionStorage as aW,
+  createStaticHandler2 as aX,
+  createStaticRouter as aY,
+  data as aZ,
+  generatePath as a_,
+  PrefetchPageLinks as aa,
+  Route as ab,
+  Router as ac,
+  RouterProvider as ad,
+  Routes as ae,
+  Scripts as af,
+  ScrollRestoration as ag,
+  ServerRouter as ah,
+  StaticRouter as ai,
+  StaticRouterProvider as aj,
+  DataRouterContext as ak,
+  DataRouterStateContext as al,
+  ErrorResponseImpl as am,
+  FetchersContext as an,
+  FrameworkContext as ao,
+  LocationContext as ap,
+  NavigationContext as aq,
+  RemixErrorBoundary as ar,
+  RouteContext as as,
+  ServerMode as at,
+  SingleFetchRedirectSymbol as au,
+  ViewTransitionContext as av,
+  createBrowserHistory as aw,
+  createClientRoutes as ax,
+  createClientRoutesWithHMRRevalidationOptOut as ay,
+  createRouter as az,
   IconSize as b,
-  isRouteErrorResponse as b0,
-  isSession as b1,
-  matchPath as b2,
-  matchRoutes as b3,
-  parsePath as b4,
-  redirect as b5,
-  redirectDocument as b6,
-  renderMatches as b7,
-  replace2 as b8,
-  resolvePath as b9,
-  useResolvedPath as bA,
-  useRevalidator as bB,
-  useRouteError as bC,
-  useRouteLoaderData as bD,
-  useRoutes as bE,
-  useSearchParams as bF,
-  useSubmit as bG,
-  useViewTransitionState as bH,
-  HistoryRouter as ba,
-  unstable_RouterContextProvider as bb,
-  unstable_createContext as bc,
-  setDevServerHooks as bd,
-  usePrompt as be,
-  useActionData as bf,
-  useAsyncError as bg,
-  useAsyncValue as bh,
-  useBeforeUnload as bi,
-  useBlocker as bj,
-  useFetcher as bk,
-  useFetchers as bl,
-  useFormAction as bm,
-  useHref as bn,
-  useInRouterContext as bo,
-  useLinkClickHandler as bp,
-  useLoaderData as bq,
-  useLocation as br,
-  useMatch as bs,
-  useMatches as bt,
-  useNavigate as bu,
-  useNavigation as bv,
-  useNavigationType as bw,
-  useOutlet as bx,
-  useOutletContext as by,
-  useParams as bz,
+  isCookie as b0,
+  isRouteErrorResponse as b1,
+  isSession as b2,
+  matchPath as b3,
+  matchRoutes as b4,
+  parsePath as b5,
+  redirect as b6,
+  redirectDocument as b7,
+  renderMatches as b8,
+  replace2 as b9,
+  useParams as bA,
+  useResolvedPath as bB,
+  useRevalidator as bC,
+  useRouteError as bD,
+  useRouteLoaderData as bE,
+  useRoutes as bF,
+  useSearchParams as bG,
+  useSubmit as bH,
+  useViewTransitionState as bI,
+  resolvePath as ba,
+  HistoryRouter as bb,
+  unstable_RouterContextProvider as bc,
+  unstable_createContext as bd,
+  setDevServerHooks as be,
+  usePrompt as bf,
+  useActionData as bg,
+  useAsyncError as bh,
+  useAsyncValue as bi,
+  useBeforeUnload as bj,
+  useBlocker as bk,
+  useFetcher as bl,
+  useFetchers as bm,
+  useFormAction as bn,
+  useHref as bo,
+  useInRouterContext as bp,
+  useLinkClickHandler as bq,
+  useLoaderData as br,
+  useLocation as bs,
+  useMatch as bt,
+  useMatches as bu,
+  useNavigate as bv,
+  useNavigation as bw,
+  useNavigationType as bx,
+  useOutlet as by,
+  useOutletContext as bz,
   SbSection as c,
   SbColumn as d,
   SbContainer as e,
@@ -197190,4 +197389,4 @@ export {
   copyToClipboard as y,
   navigateTo as z
 };
-//# sourceMappingURL=index-jDTJt0yG.js.map
+//# sourceMappingURL=index-DV7VPZc1.js.map