prime-ui-kit 0.4.1 → 0.5.1

package/dist/components/index.js

@@ -27,6 +27,8 @@ function useOverlayPortalLayer() {
 
 // src/layout/app-shell/AppShell.tsx
 import * as React4 from "react";
+import { useLayoutEffect } from "react";
+import { useInRouterContext, useLocation } from "react-router-dom";
 
 // src/components/scroll-container/ScrollContainer.tsx
 import * as React3 from "react";
@@ -100,11 +102,26 @@ function toDataAttributes(input) {
   return result;
 }
 
+// src/internal/mergeRefs.ts
+function mergeRefs(...refs) {
+  return (value) => {
+    for (const ref of refs) {
+      if (ref == null) continue;
+      if (typeof ref === "function") {
+        ref(value);
+      } else {
+        ref.current = value;
+      }
+    }
+  };
+}
+
 // src/layout/app-shell/AppShell.module.css
 var AppShell_default = {
   layoutRoot: "AppShell_layoutRoot2",
   layoutMain: "AppShell_layoutMain2",
-  layoutNav: "AppShell_layoutNav2"
+  layoutNav: "AppShell_layoutNav2",
+  layoutMainInset: "AppShell_layoutMainInset2"
 };
 
 // src/layout/app-shell/AppShell.tsx
@@ -142,8 +159,35 @@ var AppShellMain = React4.forwardRef(function AppShellMain2({ className, childre
   );
 });
 AppShellMain.displayName = "AppShell.Main";
+var AppShellMainInset = React4.forwardRef(
+  function AppShellMainInset2({ className, children, ...rest }, forwardedRef) {
+    return /* @__PURE__ */ jsx4(
+      "div",
+      {
+        ref: forwardedRef,
+        className: cx(AppShell_default.layoutMainInset, className),
+        "data-app-shell-main-inset": "",
+        ...rest,
+        children
+      }
+    );
+  }
+);
+AppShellMainInset.displayName = "AppShell.MainInset";
+function AppShellMainRouteScrollReset({
+  mainRef
+}) {
+  const { pathname } = useLocation();
+  useLayoutEffect(() => {
+    mainRef.current?.scrollTo(0, 0);
+  }, [pathname]);
+  return null;
+}
 var AppShellTemplate = React4.forwardRef(
   function AppShellTemplate2({ fillViewport, className, nav, children, navProps, mainProps, ...rootRest }, forwardedRef) {
+    const mainElementRef = React4.useRef(null);
+    const setMainRef = React4.useMemo(() => mergeRefs(mainElementRef, forwardedRef), [forwardedRef]);
+    const inRouter = useInRouterContext();
     return /* @__PURE__ */ jsxs(
       AppShellRoot,
       {
@@ -153,7 +197,10 @@ var AppShellTemplate = React4.forwardRef(
         "data-layout-template": "app",
         children: [
           /* @__PURE__ */ jsx4(AppShellNav, { ...navProps, children: nav }),
-          /* @__PURE__ */ jsx4(AppShellMain, { ref: forwardedRef, ...mainProps, children })
+          /* @__PURE__ */ jsxs(AppShellMain, { ref: setMainRef, ...mainProps, children: [
+            /* @__PURE__ */ jsx4(AppShellMainInset, { children }),
+            inRouter ? /* @__PURE__ */ jsx4(AppShellMainRouteScrollReset, { mainRef: mainElementRef }) : null
+          ] })
         ]
       }
     );
@@ -164,6 +211,7 @@ var AppShell = {
   Root: AppShellRoot,
   Nav: AppShellNav,
   Main: AppShellMain,
+  MainInset: AppShellMainInset,
   Template: AppShellTemplate
 };
 
@@ -486,22 +534,6 @@ var Typography = { Root: TypographyRoot };
 
 // src/internal/slot.tsx
 import * as React12 from "react";
-
-// src/internal/mergeRefs.ts
-function mergeRefs(...refs) {
-  return (value) => {
-    for (const ref of refs) {
-      if (ref == null) continue;
-      if (typeof ref === "function") {
-        ref(value);
-      } else {
-        ref.current = value;
-      }
-    }
-  };
-}
-
-// src/internal/slot.tsx
 import { Fragment, jsx as jsx8 } from "react/jsx-runtime";
 function mergeProps(slotProps, childProps) {
   const merged = { ...slotProps };