@k2b/ui 0.51.0 → 0.52.0

package/dist/browser/layout/AppWorkspace.js

@@ -2833,6 +2833,10 @@ const AppWorkspace = props => {
     setSidebarId,
     initialLayoutState
   };
+  // Read once in the untracked component body and written once: the controller owns the sizes after the first
+  // frame. In the root's effect, every rerun (a class that follows the view) rewrote the inline style and showed
+  // the restored widths for a frame.
+  const restoredStyle = appWorkspaceLayoutStyle(initialLayoutState());
 
   // The resize handles are inert markup until the controller is attached, so
   // the workspace attaches it itself and scopes it to this root. `onMount`
@@ -2877,28 +2881,26 @@ const AppWorkspace = props => {
           var _el$154 = _$getNextElement(_tmpl$59);
           var _ref$9 = root;
           typeof _ref$9 === "function" ? _$use(_ref$9, _el$154) : root = _el$154;
+          _$style(_el$154, restoredStyle);
           _$insert(_el$154, contents);
           _$effect(_p$ => {
             var _v$88 = `k2b-app-workspace ${props.class ?? ""}`,
               _v$89 = props.mobileSurface,
               _v$90 = props.flat ? "true" : undefined,
               _v$91 = initialLayoutState()?.sidebarCollapsed === undefined ? undefined : String(initialLayoutState()?.sidebarCollapsed),
-              _v$92 = props.resizable === false ? "false" : "true",
-              _v$93 = appWorkspaceLayoutStyle(initialLayoutState());
+              _v$92 = props.resizable === false ? "false" : "true";
             _v$88 !== _p$.e && _$className(_el$154, _p$.e = _v$88);
             _v$89 !== _p$.t && _$setAttribute(_el$154, "data-mobile-surface", _p$.t = _v$89);
             _v$90 !== _p$.a && _$setAttribute(_el$154, "data-flat", _p$.a = _v$90);
             _v$91 !== _p$.o && _$setAttribute(_el$154, "data-sidebar-collapsed", _p$.o = _v$91);
             _v$92 !== _p$.i && _$setAttribute(_el$154, "data-workspace-resizable", _p$.i = _v$92);
-            _p$.n = _$style(_el$154, _v$93, _p$.n);
             return _p$;
           }, {
             e: undefined,
             t: undefined,
             a: undefined,
             o: undefined,
-            i: undefined,
-            n: undefined
+            i: undefined
           });
           return _el$154;
         }